/*  
Theme Name: Surreal Reality
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Surreal+Reality
Description: 4 Column Split, widget-ready theme in soothing Cream and Green colors.  2 sidebars on the left and 1 on the right.  Fluid width that holds the layout down to 800px.  Features an author box, author info page, gravatars and highlighted author comments in the comments section along with custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
Version: 1.1
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 4 column, fluid width, gravatars, widgets, cream, brown, green, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Sans-Serif; color: #333; text-align: center; }
/* body,*/ address, dd, dl, hr, p, form { font-family: Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Times, Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding-left: 5px; /* color: #61574a; */ }
hr { color: #eee }

/*
h1 { font-size: 24px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

*/

h1, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #444; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

/* a:link, a:visited { text-decoration: none; color: #574f4b; } */
a:hover { text-decoration: underline; color: purple; }
p { padding: 10px; }
blockquote { margin: 15px 30px 10px 30px; padding: 0 20px 10px 20px; /* border-left: 2px solid #574f4b; border-right: 2px solid #574f4b; */ }

/***** MAIN CONTENT *****/
body { margin: 0; /* font-size: 10px; */ text-align: center; vertical-align: top; /* background: #f1efe4; color: #6b6b47; */ }
#wrapper { margin: 0 auto 0 1.3em; width: 99%; /* min-width: 800px; */ text-align: left; }
#main_content { /* background: #f1efe4; */ float: left; margin: 0 auto 0 auto; padding: 0; width: 99%; /* min-width: 800px; */border: #eee 1px solid; }
#container { float: left; width: 45%; margin: 15px 0 0 10px; padding: 5px 0 0 0; border: #eee 1px solid;  border-top: none; border-bottom: none; }
*html #container { width: 45%; margin: 15px 0 0 15px; border: none; }

#container_wide { /* float: left; width: 95%; margin: 15px 0 0 35px; padding: 5px 7px 0 7px; */ }
*html #container_wide { margin: 15px 0 0 10px; }

.post { padding: 15px 0 5px 0; }
.post h2 { font-family: Trebuchet MS, Georgia, Sans-serif; /* font-size: 16px;*/ margin-left: 5px; }
.entry { line-height: 14px; }
.postmetadata { margin: 0 0 0 0; font-size: 9px; }
.date {	/* font-size: 9px; */}

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 10px; /* background: #dcd7bc; border: 1px solid #574f4b; */}
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2, #author-box h4 { /* color: #61574a; background: none; */ border: none; padding-bottom: 5px;}

/***** HEADER *****/
#header { float: left; width: 99%; min-width: 800px; /* height: 150px;*/ background: #0054A6; padding: 0; margin: 0 auto 0 auto; /* border: #dcd7bc 1px solid; */ border-bottom: none; }
#header a:link { text-decoration: none; color: white; }
#header a:visited { text-decoration: none; color: white; }
#header a:hover { text-decoration: underline; }
#header h1 { padding: 0; /* margin: 35px 15px 0 */; font-family: Georgia, Sans-serif; font-size: 36px; line-height: 38px; text-align: left; color: #fff }
#header h1 a { text-decoration: none; color: #fff; text-align: left; }
#header h1 a:hover { text-decoration: none; color: #fff; }
#header .description { /* margin: 20px 0 0 0;*/ padding: 0; font-size: 14px; font-weight: bold; font-style: italic; color: #fff; text-align: left;  }

/***** HORIZONTAL MENU *****/
#.menu  { float: left; width: 100%; height: 30px; margin: 0; padding: 0; display: inline; background: transparent; border-top: #000000 1px dotted; font-family: 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
#}
#.menu ul { width: 100%; margin: 0; padding: 9px 0; list-style: none; }
#.menu ul li { display: inline; margin: 0; }
#.menu ul li a { padding: 0  0 0 15px; text-decoration: none; color: #000000; font-variant: small-caps; font-weight: bold; }
#.menu ul li a:hover { text-decoration: underline; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #eee 1px solid; padding: 3px; background: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.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; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.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; }
img.avatar { float:left; margin: 5px; border: #afb997 1px solid; }
#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

/***** NAVIGATION *****/
.navigation { padding: 15px 0 15px 10px; /* font-size: 9px;*/ font-weight: bold; line-height: 18px; }

/***** SUBSCRIPTION *****/
.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: -20px 0 0 10px; padding: 6px 0 6px 15px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }

/***** SIDEBAR *****/
span.sidebarOpen{ background: url(images/sidebarOpen.png) no-repeat center; }

span.sidebarClose{ background: url(images/sidebarClose.png) no-repeat center; }

#left_sidebar h2, #right_sidebar h2, #mid_sidebar h2, #mid_sidebar h3, #main_sidebar h2, #top_bar h2, #topcat_bar h2, #commentblock h2 { /* color: #61574a; */ font-family: Verdana, Tahoma, Trebuchet MS, Times, Sans-Serif; /* font-size: 11px; */font-weight: bold; margin: 15px auto 10px auto; padding: 10px auto 0 auto; /* border-bottom: #9D9080 1px solid; */ text-align: left; } 

#left_sidebar ul li a:hover { color: white; }
#right_sidebar ul li a:hover, #mid_sidebar ul li a:hover { color: purple; }
#left_sidebar a.title, #right_sidebar a.title, #mid_sidebar a.title, #top_bar a.title, #topcat_bar a.title { /* color: #6b6b47; */ padding: 0px; margin: 0px; }	
#left_sidebar ul li a, #right_sidebar ul li a, #mid_sidebar ul li a, #top_bar ul li a, #topcat_bar ul li a { display: inline; /* font-size: 11px; */ font-family: Verdana, Times, Sans-Serif; /* color: #6b6b47; */ text-decoration: none; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li, #mid_sidebar ul li, #top_bar ul li , #topcat_bar ul li { display: block; padding: 0; margin: 0px; /* font-size: 10px; *//* color: #6b6b47; */ }
#left_sidebar ul ul, #right_sidebar ul ul, #mid_sidebar ul ul, #top_bar ul ul, #topcat_bar ul ul { margin:0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul, #mid_sidebar ul ul ul, #top_bar ul ul ul, #topcat_bar ul ul ul { margin:0 0 0 10px; }

#left_sidebar { width: 200px; float: left; margin: 10px 0 20px 5px; padding: 10px auto 0 auto; }  
*html #left_sidebar { width: 190px; margin: 10px 0 20px 5px; } 
#left_sidebar ul { list-style: none; margin: 0 0 5px 0; padding: 0; }

#right_sidebar { width: 12%; float: left; padding: 10px auto 0 auto; margin: 10px 20px 20px 15px; }
*html #right_sidebar { margin: 10px 7px 20px 3px; } 
#right_sidebar ul { list-style: none; margin: 0px; padding: 0; }

#mid_sidebar { width: 14%; float: left; padding: 10px auto 0 auto; margin: 10px 0 20px 10px; border: #eee 1px solid;  border-top: none; border-bottom: none; border-right: none;}
*html #mid_sidebar { margin: 10px 0 20px 10px; } 
#mid_sidebar ul { list-style: none; margin: 0px; padding: 0; }

#top_bar { padding: 10px auto 0 auto; margin: 10px 0 20px 10px; }
*html #top_bar { margin: 10px 0 20px 10px; } 
#top_bar ul { list-style: none; margin: 0px; padding: 0; }
#top_bar ul li a:hover { color: purple; }

#topcat_bar { padding: 10px auto 0 auto; margin: 10px 0 20px 10px; }
*html #topcat_bar { margin: 10px 0 20px 10px; } 
#topcat_bar ul { list-style: none; margin: 0px; padding: 0; }
#topcat_bar ul li a:hover { color: purple; }

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: left; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align:center; background:#dcd7bc; margin:0 0 10px 0;
padding:0; width: 85%; border: #61574a 3px double; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height:10px; /* font-size:10px; */color:#333; font-variant:  small-caps; }
#wp-calendar td a { display:block; color:#333; 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:#d7d7bf; */ font-variant: small-caps; }
#wp-calendar #today a { /* color:#d7d7bf; */ font-weight:700; font-variant: small-caps; }
#wp-calendar caption { text-align: center; width: 85%; margin: 5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; /* font-size:12px; */}

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; /* font-size: 12px; */ margin: 20px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; /* font-size: 11px; */}
.authorcomment { background: #dcd7bc; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 100%; margin-top: 10px; padding: 15px 0 5px 0; /* background: #dcd7bc; border-top: #61574a 1px dotted; */ }
#footer p { font-size: 9px; line-height: 18px; padding: 0 10px 0 10px; text-align: center; /* color: #6b6b47; */}
#footer a { /* color: #6b6b47;*/ }

/***** MISC *****/
#clock { /* color: #6b6b47; */ float: right;  width: 300px;  text-align: right;  padding: 0;  
margin: -23px 20px 0 0;  }

/***** Page Title added by ELH AstroArch Consulting, Inc. May 30, 2009 *****/
h2.pagetitle { /* color: #61574a; */ font-family: Verdana, Tahoma, Trebuchet MS, Times, Sans-Serif; /* font-size: 11px; */font-weight: bold; margin: 10px auto 10px auto; padding: 10px auto 0 auto; /* border-bottom: #9D9080 1px solid; */ text-align: center; } 

.a_vnewsticker:link { font-size: 9px; font-weight: bold; text-decoration: none; color: blue; }
.a_vnewsticker:visited { font-size: 9px; font-weight: bold; text-decoration: none; color: purple; }
.a_vnewsticker:hover { font-size: 9px; font-weight: bold; text-decoration: underline; color: purple; }