/*  
Theme Name: CandidateOne
Theme URI: http://test.backyardpolitics.org
Description: Basic streamlined Tech themed content area.  Base coding and styling is in place for five widget areas. Features an 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 Wordpress 2.7.
Version: 1.3
Author: James T.
Author URI: http://www.backyardpolitics.org
Tags: fixed width, gravatars, widgets, black, green, matrix, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #533419; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link, a:visited { text-decoration: none; color: #87d9f9; }
a:hover { text-decoration: none; text-shadow:#87d9f9 1px 1px 3px; color: #87d9f9; }
p { padding: 10px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #7c7953; border-right: 2px solid #7c7953; }

/***** MAIN CONTENT *****/
body { min-width: 844px; margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #000 url('images/bar.png')  0px 280px repeat-x; color: #9f9f9f; min-height: 750px;}

#wrapper2 { margin: 0px auto 0px auto; width: 844px; min-height: 680px;}

#wrapper { position: relative; margin: 0px; width: 844px; text-align: center; }

#main_content { background: transparent; float: left; margin: 0 0 0 90px; padding: 0; width: 680px;}

#container2 { background: #07070f url(images/bg-fade.png) top left repeat-x; float: left; width: 680px; margin: 0px; padding: 0px; height: 495px; border-left: 5px #444 groove; border-bottom: 5px #444 groove; border-right: 5px #444 groove;}

#container { background: transparent; float: left; width: 670px; margin: 0px; padding: 5px 5px 15px 5px; height: 450px; overflow : auto; }

#container_wide { background: #fff; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; }
.entry { font-size: 1.02em; background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; line-height: 1.42em; padding: 0 0 40px 0; }
.postmetadata { margin: 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #b3a381; border: #3f3013 1px solid; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/
#header-wrap { float: center; width: 874px; height: 136px; padding: 0; margin: 0 auto 0 auto; }

.header { background: #000 url(images/header2.png) top left no-repeat; width: 874px; height: 136px; margin: 0 auto 0px auto; padding: 0; float: left;}

.header h1 { width: 500px; padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 40px; text-align: left; }

.header h1 a { text-decoration: none; color: #3f3013; }

.header h1 a:hover { text-decoration: none; color: #cc9933; }

.header .description { width: 500px; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #3f3013; text-align: left; text-transform: lowercase; }

/***** Scroll Bar *****/
.scroll  { float: left; width: 705px; height: 15px; margin: 0 0 5px 0px; padding: 0; display: inline; background: #fff; color: #00ff00 }
.scroll ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }
.scroll ul li { display: inline; margin: 0; }
.scroll ul li a { width: 100%; margin-left: 10px; padding: 0; text-decoration: none; color: #dbcfb0; font-size: 1.1em; }
.scroll ul li a:hover { color: #dbcfb0; text-decoration: underline; }
.scroll a:link, .menu a:visited { text-decoration: none; color: #dbcfb0; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 680px; height: 35px; margin: 0 0 0px 0px; padding: 0; display: inline; background: #555 url(images/colorfades/darkgreytitlefade.jpg) repeat; border-left: 5px #444 groove; border-top: 5px #444 groove; border-right: 5px #444 groove;}

.menu ul { width: 100%; margin: 0px; margin-left: 5px; padding: 8px 0px; list-style: none; }

.menu ul li { display: inline; margin: 0px; padding: 8px 0px 11px 0px; background: url(images/colorfades/greyblackfade.jpg) top left repeat-x;}

.menu ul li a { width: 100%; margin-left: 0px; padding: 8px 34px 11px 34px; text-decoration: none; color: #7fdf98; font-size: 1.1em; }

.menu ul li a:hover { color: #7fdf98; text-decoration: none; text-shadow:#7fdf98 1px 1px 3px; background: #000;}

.menu a:link, .menu a:visited { text-decoration: none; color: #7fdf98; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #544b40 1px solid; padding: 3px; background: none; }

img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 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; }

#flickrrss img { border: 1px solid #544b40; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #544b40 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #544b40 1px solid; }

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

/***** FOOTER *****/
#footer  { float: right; width: 550px; height: 30px; margin: 80px 10px 10px 10px; padding: 0; display: inline; background: #444; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#footer p { font-size: .9em; width: 500px; height: 30px; line-height: 18px; padding: 5px 10px 0 10px; text-align: right; color: #ccc; }
#footer a { color: #fff; }

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 4px 55px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; height: 30px; width: 30px;}

/***** SIDEBAR *****/

#youtube { background: #fff; width: 210px; float: right; margin: 0 5px 0 0; padding: 0 auto 0 auto; clear: right; }

#middle_sidebar { background: #eee; width: 443px; float: left; margin: 0px; padding: 0px 2px 0px 2px; }
#left_sidebar { background: #222; width: 165px; float: left; margin: 0 0 20px 0; padding: 0 auto 0 auto; clear: left; } 
#right_sidebar { background: #222; width: 215px; float: right; margin: 0 0 20px 0; padding: 0 auto 0 auto; vertical-align: top; }  

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover, #middle_sidebar ul li a:hover { color: #87d9f9; }
#left_sidebar ul li a, #right_sidebar ul li a, #middle_sidebar ul li a { font-size: 1.08em; display: inline; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li, #middle_sidebar ul li { background: #222; display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul, #middle_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul, #middle_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul, #middle_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #middle_sidebar h2, #commentblock h2 { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; color: #7fdf98; text-decoration: none; text-shadow:#7fdf98 1px 1px 3px; background: url(images/hfade.png) top left repeat-x; } 

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

/***** Calendar *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; 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: #533419; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** 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: 10px 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; background: #efeadc; }
.authorcomment { background: #ded3b7; }

/***** TOP *****/
#top { clear: both; float: left; width: 827px; margin: 0; padding: 0; background: #fff; }

/***** TOP SECTIONS*****/
.top-section { background: transparent; float: left; width: 827px; height: 150px; margin: 0; padding: 0; color: #444; }
.top-section .area { background: #777; float: left; width: 215px; height: 150px; margin-left: 0px; padding: 0; }
.top-section .area.extra { background: #fff; width: 612px; height: 150px; margin-left: 0px; padding: 0; }
.top-section .area h2 { color: #444; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; width: 95%; }
.top-section .area ul li ul li, #middle_sidebar ul li ul li { list-style: none; margin: 0; }
.top-section .area li, #middle_sidebar li { list-style: none; text-align: left; margin: 0; font-size: 1.1em; }
.top-section .area a { color: #444; font-size: .8em; }
.top-section .area a:hover { color: #fff; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 3px; } 
*html #main_content { padding-bottom: 10px; border: #fff 3px double; }
*html #container { width: 520px; margin: 0 10px 0 2px; padding: 0 10px 10px 10px; }
*html #container_wide { margin: 0 0 0 20px; }
*html #top, .top-section { margin-left: -1px; }
*html .top-section .area { height: 150px; }
*html .top-section .area.extra { width: 530px; height: 150px; }