/*
Theme Name: Dystopia
Theme URI: http://www.the-cloisters.net/wordpress-themes/dystopia-theme/
Description: A fully-widgetized multi-column flexible-width theme with 1 right-hand sidebar in black, gray and blue. Featuring an Author Info page, Related Posts and gravatars along with Custom Archives, Sitemap and Full-Width No Sidebars page templates.  Also features a custom Blog Page template which can be used for a default blog style.  Tested in Firefox, Opera, Safari, IE6 and IE7.  Compatible up to WordPress 2.8 and is XHTML 1.0 Transitional and CSS 2.1 valid right out of the box.
Author: Mina
Author URI: http://www.the-cloisters.net
version: 1.1
Tags: four-columns, right-sidebar, threaded-comments, flexible-width, dark, black, blue
*/


* { margin: 0; padding: 0; }
	
h1 { font-size: 18px; }
h2 { font-size: 14px; font-family: Georgia, Times New Roman, Verdana, Arial; color: #a30000; margin: 0 0 10px 0; padding: 0; }
h3 { font-size: 10px; }
h4 { font-size: 9px; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: none; }
blockquote { border-top: #a29572 1px solid; border-bottom: #a29572 1px solid; font-style: italic; margin: 25px 35px; padding: 0 20px 0 20px; }
code { font-family: "Courier New", Courier, sans; }
cite { font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; font-style: normal; }
cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465d71; }
hr { width: 75%; }

.alignleft a { float: left; margin: 25px 0; }
.alignright a { float: right; margin: 25px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*****LAYOUT*****/
body { background: #111; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; margin: 0; padding: 0; }
#container { width:99%; min-width: 800px; margin-left: 10px; padding: 0 0 0 15px; color: #ccc; overflow: hidden; }
#container_wide { width: 95%; float: left; margin: 0 auto; padding: 0 0 0 10px; }
#content { width: 75%; float: left; margin: 10px 0 10px 0; padding: 0; }
#content_page { width: 65%; float: left; overflow: hidden; margin: 10px 0 10px 50px; padding: 0; }
#blog_page { width: 50%; float: left; margin: 10px 0 10px 0; padding-left: 20px; border-left: #333 1px solid; }
.post { margin: 0 0 10px 0; padding: 10px; line-height: 14px; text-align: justify; }
.post h2 { letter-spacing: -2px; line-height: 20px; padding: 10px 0 0 0; margin: 0; font-variant: small-caps; font-size: 20px; font-family: Georgia, Times New Roman, Verdana, Arial, Sans-Serif; }
.post h2 a { color: #a30000; text-decoration: none; font-weight: normal; }
.post h2 a:hover { color: #660000; text-decoration: none; }
.entry p { margin: 12px 0; }
.date { clear: both; padding: 0 0 5px 0; margin: 0; }
.postmetadata {font-size: 11px; clear: both; padding: 6px; margin: 20px 0; }
.navigation { width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; }
#related_posts { background: #585858; margin: 0 0 10px 0; padding: 5px 10px 5px 10px; line-height: 14px; text-align: justify; }
#related_posts h2 { font-size: 16px; font-family: Georgia, Times, Helvetica, sans-serif; font-style: italic; margin: 0 0 5px 0; padding: 0; }
h2.pagetitle { font-variant: small-caps; font-family: Times New Roman; font-size: 1.8em; text-align: center; }

#top { background: #000; float: left; width: 100%; padding: 10px 0 0 0; margin: 0 0 5px 20px; border: #333 1px solid; }
#bottom { float: left; width: 100%; padding: 0 0 15px 0; margin: 5px 0 0 20px; border-left: #333 1px solid; }

.featured-container { margin: 5px 0 15px 5px; padding: 0 15px 0 0; width: 65%; float: left; }
.featured { font-size: 1.02em; line-height: 1.42em; padding: 0; float: left; margin: 0; }
.featured p { padding: 3px; margin: 0; }
.featured h3 { background: #585858; color: #000; font-variant: small-caps; font-family: Times New Roman; font-size: 2.3em; text-align: center; padding: 7px; }	
.featured img { background: #3f464f; width: 225px; height: 175px; float: left; padding: 3px; margin: 2px 10px 10px 0; border: #887a59 2px solid; }
.featured .date { clear: both; padding: 0 0 15px 0; margin: 0; }

#misc { width: 25%; float: right; margin-top: 5px; padding: 7px 7px 7px 12px; overflow: hidden; border-left: #333 1px solid; }
#misc h2 { background: #585858; color: #000; font-variant: small-caps; font-family: Times New Roman; font-size: 1.8em; padding: 3px; }
#misc li { list-style-type: none; }

#utility { width: 85%; float: left; margin: 10px 10px; padding: 0;  overflow: hidden; clear: left; }
#utility h2 { background: #585858; color: #000; font-variant: small-caps; font-family: Times New Roman; font-size: 1.8em; padding: 3px; }
#utility li { list-style-type: none; }

/***** COLUMNS *****/
div#post-blockL { float: left; clear: none; width: 50%; }
div#column_wrap { float: right; clear: none; width: 50%; }
div#post-blockR { float: left; clear: none; width: 100%; border-left: #333 1px solid; }
#post_container { width: 70%; float: left; margin: 0; padding: 0; }
.side-col ul li { font-size: 1em; list-style-type: none; }
.right-col { float: right; width: 25%; margin: 10px 0; padding: 0; border-left: #333 1px solid; }
.side-col { float: left; width: 17%; margin: 10px 0 0 5px; padding: 0 5px 0 0; }
.side-col h2 { letter-spacing: -2px; line-height: 20px; padding: 0; margin: 0; font-variant: small-caps; font-size: 20px; font-family: Georgia, Times New Roman, Verdana, Arial, Sans-Serif; }
.side-col h3 { background: #585858; color: #000; font-variant: small-caps; font-family: Times New Roman; font-size: 1.9em; text-align: center; margin: 0; padding: 0; }

/*****HEADER*****/
#header { background: #585858; width: 100%; border-bottom: #ceb87f 1px solid; }
.logo { background: #343a41 url(images/header.jpg) no-repeat; margin: 0 auto; padding: 0; width: 800px; height: 200px; color: #fff; border-left: #000 1px solid; border-right: #000 1px solid; }
#header h1, #header h1 a { font-size: 70px; font-family: Georgia, Times New Roman, Serif; margin-left: 10px; padding: 0; color: #ccc; letter-spacing: -6px; }
#header h1 a:hover { color: #fff; text-decoration: none; }
#header h2 { font-size: 18px; font-family: Georgia, Times; font-weight: normal; font-style: italic; color: #bab195; padding: 0 0 0 25px; margin: 0; }

/*****HORIZONTAL MENU*****/
#menu { background: #000; font-family: Verdana, Arial, Times, serif; font-size: 12px; width: 100%; height: 40px; margin: 0; padding: 0; overflow: hidden; border-top: #ceb87f 1px solid; border-bottom: #ceb87f 1px solid; }
#menu ul { margin-left: 10px; padding: 0; text-align: center; }
#menu ul li { list-style-type: none; float: left; margin: 0 15px 7px 0; padding: 10px 0 8px 0; text-decoration: none; }
#menu ul li a { font-size: 17px; font-family: Times New Roman, Arial, Sans-Serif; color: #eae6d7; font-variant: small-caps; padding: 0 15px 0 5px; margin: 0; text-decoration: none; border-right: 1px solid #666; }
#menu ul li a:hover { color: #a30000; padding: 0 15px 0 5px;  margin: 0; text-decoration: none; }
#menu a:hover, #menu li.current_page_item a { color: #ceb87f; padding: 3px 15px 0 5px; margin: 0; text-decoration: none; }

/*****SIDEBAR*****/
#sidebar { font-family: Verdana, Arial, Tahoma; font-size: 11px; width: 90%; float: left; margin: 10px 5px; padding: 0; border-top: #333 1px solid; }
#sidebar h2 { background: #585858; font-size: 18px; font-family: Georgia, Times New Roman, Verdana, Arial; font-style: italic; font-variant: small-caps; color: #000; margin: 10px 0 5px 0; padding: 3px; }
#sidebar p { margin: 0; padding: 0 6px 0 12px; }
#sidebar a { color: #d4d4d4; }
#sidebar a:hover { background: #660000; color: #f3f0e8; text-decoration: none; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { margin: 12px; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; line-height: 14px; list-style-type: none; }
#sidebar ul ul { margin: 5px 0 14px 0; padding: 0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul { margin: 0; padding: 0; }
#sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: none; color: #898989; }

/*****COMMENTS*****/
#commentform { background: #585858; margin: 0; padding: 10px; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; line-height: 14px; }
#commentform h3 { font-family: Georgia, Times, Verdana; font-size: 10px; font-weight: 300; color: #000; margin: 0; padding: 0; }
#comment { width: 80%; }
#author, #email, #url, #comment, #submit { background: #efebd6; font-family: Verdana, Arial, Times; font-size: 8px; margin: 5px 5px 0 0; padding: 0; }
.avatar { float: left; margin: 0 12px 0 0; }
#submit { margin: 5px 5px 0 0; }
#comments { margin: 0; padding: 0 }
ol.commentlist { background: #111; list-style-type: none; margin: 0; padding: 5px 0 0 5px; border: 1px solid #000; }
ol.commentlist li { background: #585858; width: 97%; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #969696; width: 97%; }
ol.commentlist li p { color: #000; margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14px; }
ol.commentlist a { color: #fff; }

/*****SEARCH*****/
#searchform { padding: 0; margin: 14px 0; }
#searchform input#s { width: 85%; background: #c5bd99; margin: 0; padding: 2px; border: 1px solid #887a59; float: right; }
#searchform input#searchsubmit { border: none; background: #333; color: #fff; text-transform: lowercase; }

/***** SUBSCRIPTION *****/
.subscribe  { height: 100px; float: right; margin: 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; margin: 0; padding: 0; width: 80%; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #969696; margin: 0 0 10px 0; padding: 0; width: 70%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #fff; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #fff; text-decoration: none; line-height: 10px; font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { background: #969696; color: #a30000; text-align: center; width: 70%; margin: 5px 0 5px 0; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }
	
/*****IMAGES*****/
img.centered { display: block; margin: 0 auto; }
img.alignright { float: right; padding: 0; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 0; margin: 0 7px 2px 0; display: inline; }
img { border: #585858 2px solid; padding: 0; }
img a { border: none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }	
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.post .wp-smiley { border: none; }

/*****FOOTER*****/
#footer { clear: both; background: #585858; width: 100%; height: 100px; border-top: #ceb87f 1px solid; margin: 10px 0 0 0; padding: 0; }
#footer p { padding: 14px 0; margin: 0 20px 0 0; color: #a29572; text-align: center; font-size: 20px; font-family: Georgia, Times, Helvetica, sans-serif; }
#footer a { color: #e6dfb3; text-decoration: none; font-size: 20px; font-family: Georgia, Times, Helvetica, sans-serif; font-style: italic; }
#footer a:hover { color: #660000; text-decoration: underline; }

/*****IE HACKS*****/
* html #top { margin-left: 5px; }
* html #bottom { margin-left: 5px; }
* html .side-col { margin: 10px 0 0 0; padding: 0 5px 0 0; }
* html #content_page { margin: 10px 0 10px 10px; padding: 0; }
* html div#post-blockL { float: left; clear: none; width: 48%; }