/*
Theme Name: Just Grey
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
Author URI: http://www.the-cloisters.net
version: 1.2
Tags: light, blue, three-columns, right-sidebar, theme-options, threaded-comments, flexible-width

Original design concept and graphics are used with kind permission of the original author, Denise Mitchinson from www.mitchinson.net and ported over for use with WordPress
by me.

This theme is released under GPL License. (http://www.opensource.org/licenses/gpl-license.php).  There are no restrictions to the use of this theme.  I'd appreciate it if you left my link in the footer but I won't send the Theme Police 'round to your house if you don't.
*/

* { 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 0 10px 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; }

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; }
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: 11px; 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: 48%; float: left; margin: 15px 0 10px 0; padding: 0; }
.post { background: #bbb url(images/post-bg.jpg) center no-repeat; margin: 0 0 10px 0; padding: 10px; line-height: 14px; text-align: left; }
.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; }

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

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

/*****HEADER*****/
#header { width: 100%; background: #677278; }
.logo { background: #666 url(images/wing5.jpg) no-repeat; margin: 0; padding: 0; height: 150px; border-bottom: 3px solid #eee; }
.branding h1, .branding h1 a { text-align: right; font-size: 175%; font-family: "Trebuchet MS", Times New Roman, Serif; margin: 0; padding: 10px 10px 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 20px 5px 0; }

/*****HORIZONTAL MENU*****/
#menu { width: 100%; height: 40px; background: #677278; font-size: 93%; line-height:normal; border-bottom: 3px solid #eee; }
#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: 20%; float: left; margin: 10px 5px; padding: 0; }
#sidebar p { margin: 0; padding: 0 6px 0 12px; }
#sidebar ul { margin: 12px; padding: 0; }
#sidebar ul li { margin: 0 0 30px; 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 { 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; }
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; }

/***** BOTTOM *****/
#bottom_wrap { border-top: 3px solid #eee; border-bottom: #bbb 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; font-weight: bold; }
#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; }

.side-col ul { margin: 0 0 30px 0; }