/*
Theme Name: CloistersGrey
Theme URI: http://www.the-cloisters.net/wordpress-themes/just-grey-theme/
Description: 3-column flexible-width theme in gray and blue includes 4 widgetized footer sections. Featuring an Author Info page and gravatars along with Custom Archives, Sitemap and Full-Width No Sidebars page templates.  There is an options page for setting the text in the Info Text Box. 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 out of the box.
Author: Mina - Original design and graphics by www.mitchinson.net
Author URI: http://www.the-cloisters.net
version: 1.0
Tags: three columns, right sidebar, theme options, threaded comments, flexible width, light, black, blue
*/


* { margin: 0; padding: 0; }
	
h1 { font-size: 18px; }
h2 { font-size: 18px; font-family: "Trebuchet MS", Times New Roman, Verdana, Arial; color: #666972; letter-spacing: 3px; margin: 0; padding: 0; }
h3 { font-size: 12px; color: #666972; letter-spacing: 3px; margin: 0 0 5px 0; padding: 0; }
h4 { font-size: 10px; color: #666972; letter-spacing: 3px; margin: 5px 0 0 0; padding: 0; }
h5 { font-size: 16px; font-family: "Trebuchet MS", Times New Roman, Verdana, Arial; font-weight: bold; color: #660000; letter-spacing: 3px; margin: 0; padding: 0; }

a { color: #677278; text-decoration: none; }
a:hover { color: #484452; text-decoration: none; }
blockquote { color: #677278; font-weight: bold; font-style: italic; margin: 25px; padding: 10px 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%; }
ul { list-style-type: none; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
.sticky { background: #4c4c42; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } 
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

.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: #bbb; color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; margin: 0; padding: 0; }
#container { width:98%; min-width: 800px; margin: 0; padding: 0 0 0 15px; overflow: hidden; }
#container_wide { width: 95%; float: left; margin: 0 auto; padding: 0 0 0 10px; }
#content { width: 50%; float: left; margin: 15px 0 10px 0; padding: 0; }
.post { margin: 0 0 10px 0; padding: 10px; line-height: 14px; text-align: left; }
.entry p { margin: 12px 0; }
.date { font-style: italic; color: #666972; clear: both; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.date2 { font-style: italic; color: #666972; clear: both; padding: 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; }

#utility { width: 85%; float: left; margin: 10px 0 10px 0; padding: 0;  overflow: hidden; clear: left; }
#utility li { list-style-type: none; }
#utility ul li { margin: 0; padding: 2px 5px; line-height: 14px; list-style-type: none; }

.side-col ul li, .side-col li { list-style-type: none; }
.side-col { float: left; width: 85%; margin: 10px 0 0 5px; padding: 0 5px 0 0; }
.right-col { float: right; width: 25%; margin: 10px 0; padding: 0; }

/***** COLUMNS *****/
.left-column { background: #bbb url(images/post-bg.jpg) center no-repeat; float: left; width: 48%; margin: 0; padding: 0; }
.left-column p { font-size: 88%; text-align: justify; }

.right-column { background: #bbb url(images/post-bg.jpg) center no-repeat; float: right; width: 48%; margin: 0; padding: 0; }
.right-column p { font-size: 88%; text-align: justify; }

.title { background: #677278; color: #bbb; letter-spacing: 3px; font-size: 1.6em; margin: 0 0 15px 0; padding: 3px 0; text-align: center; font-variant: small-caps; border-top: #3f2713 1px solid; border-bottom: #3f2713 1px solid; }

/*****HEADER*****/
#header { width: 100%; background: #677278; }
.logo { background: #666 url(images/logo.jpg) no-repeat; margin: 0; padding: 0; height: 150px; border-bottom: 3px solid #3f2713; }
.branding h1, .branding h1 a { text-align: right; font-size: 175%; font-family: "Trebuchet MS", Times New Roman, Serif; margin: 0; padding: 10px 20px 0 10px; color: #333; letter-spacing: 3px; }
.branding h1 a:hover { color: #bbb; text-decoration: none; }
.branding h2 { text-align: right; font-size: 16px; font-family: Georgia, Times; font-weight: normal; font-style: italic; color: #bbb; padding: 0 0 0 25px; margin: 0 40px 5px 0; }

/*****HORIZONTAL MENU*****/
#menu { width: 100%; height: 38px; background: #677278; font-size: 93%; line-height:normal; border-bottom: 3px solid #3f2713; }
#menu ul { margin-left: 5px; padding: 13px 0 0 0; }
#menu ul li { background: url(images/tableft6.gif) no-repeat left top; list-style-type: none; float: left; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#menu ul li a { color: #fff; float: left; background: url(images/tabright6.gif) no-repeat right top; margin: 0; padding: 5px 15px 5px 6px; text-decoration: none; }
#menu ul li a:hover { color: #fff; float: left; background-position: 100% -42px; margin: 0; padding: 5px 15px 5px 6px; text-decoration: none; }

/*****SIDEBAR*****/
#sidebar { font-family: Verdana, Arial, Tahoma; font-size: 11px; width: 18%; float: left; margin: 10px 5px; padding: 0; }
#sidebar p { margin: 0; padding: 0 12px 0 12px; }
#sidebar ul { margin: 12px; padding: 0; }
#sidebar ul li { margin: 0; padding: 2px 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; }
#sidebar img, .side-col img { border: none; }

/*****COMMENTS*****/
#commentform { 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 { list-style-type: none; margin: 0; padding: 5px 0 0 5px; }
ol.commentlist li { background: #677278; width: 97%; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #bbb; 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 { color: #677278; width: 85%; background: #eee; margin: 0; padding: 2px; border: 1px solid #677278; float: left; }
#searchform input#searchsubmit { border: none; background: #eee; color: #677278; text-transform: lowercase; }

/***** SUBSCRIPTION *****/
.subscribe  { width: 64px; float: right; margin: 40px 20px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; margin: 0; padding: 0; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #677278; 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: #eee; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #eee; 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 { color: #666972; text-align: center; width: 70%; margin: 5px 0 5px 0; font-family: "Trebuchet MS", 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 { float: left; padding: 0; margin: 0 7px 2px 0; display: inline; }
img { border: #666972 2px solid; padding: 0; }
img a { border: #666972 2px solid; padding: 0; }
img.left { float: left; padding: 6px 0 0 0; }
img.right { float: right; padding: 0 0 0 6px; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter { display: block; margin: 4px 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; }
img.preview { float: left; width: 98%; height: 120px; margin: 0 0 10px 0; padding: 0; }

/***** BOTTOM *****/
#bottom_wrap { border-top: 3px solid #3f2713; border-bottom: #3f2713 1px solid; width: 100%; min-height: 200px; clear: both; float: left; margin: 0 0 10px 0; padding: 0; background: #677278; }
#bottom { width: 80%; padding-left: 100px; }
#bottom a, .bottom-misc a:visited { font-size: 1.2em; color: #eee; font-weight: normal; }
#bottom .left-col { width: 20%; float: left; margin: 0; padding: 0; }
#bottom .right-col { width: 28%; float: right; margin: 0; padding: 0; }
#bottom h4, .bottom-misc h4 { font-size: 160%; letter-spacing: 5px; text-transform: uppercase; font-family: "Trebuchet MS", Tahoma, Arial; color: #484452; margin: 20px 0 10px 0; }
.bottom-misc { list-style: none; margin: 0; padding: 0; font-size: 92%; line-height: 110%; }
.bottom-misc li { color: #eee; padding: 2px 0 5px 10px; }
.bottom-misc2 li { color: #eee; padding: 5px 0 5px 10px; }

/*****FOOTER*****/
#footer { clear: both; float: left; background: #585858; width: 100%; margin: 10px 0 0 0; padding: 0; font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; text-align: right; }
#footer p { color: #eee; padding: 5px; }
#footer a { color: #d5d9b4; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: none; }

/*****IE HACKS*****/
* html #menu ul li a { padding: 5px 15px 7px 6px; }
* html #menu ul li a:hover { padding: 5px 15px 7px 6px; }