/*  
Theme Name: Rays
Theme URI: http://www.esparzawebdesign.com
Description: 5 Column (main content, 2 sidebars and 2 top sections), widget-ready fixed width theme in soothing Creme and Brown colors featuring 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.  Wordpress 2.7 ready.
Version: 1.2
Author: Ray
Author URI: http://www.esparzawebdesign.com
Tags: 5 column, fixed width, gravatars, widgets, creme, brown, author box, sitemap, archives, wp 2.7

*/

/* 
#CCCC99 = pale olive (replaces )
	{ background-color: #D4D4AA; } light pale olive
	{ background-color: #DDDDBB;  } lighter
	{ background-color: #E5E5CC; } lightest (background)
#669900 = green (replaces )
#999933 = olive (replaces )
#663300 = brown (replaces )
#000000 = black (replaces )
#4D2800 = dark brown (menu bg, text)
*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { color: #4D2800; font-family: Arial, Helvetica, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #4D2800; font-family: Arial, Helvetica, 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: #4D2800; }
a:hover { text-decoration: underline; color: #669900; }
p { padding: 5px 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 { margin: 0; font-size: 76.5%; font-weight:bold; text-align: center; vertical-align: top; background: #FFFFFF; color: #4D2800; }

#wrapper { margin: 0 auto; width: 1070px; text-align: left; background: #EEEEDD; }

#main_content { background: #E6E6CC url(images/colosseum_bg4.gif) bottom center no-repeat; float: left; margin: 0 auto 0 auto; padding: 0; width: 1070px; border: #663300 3px double; }
#container { background: #EEEEDD; float: left; width: 600px; margin: 5px 10px 0 10px; padding: 0 10px 10px 10px; }
#container_wide { background: #EEEEDD; float: left; width: 970px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 5px 0 5px 0; font-size: 1.02em; font-weight: normal;}
.post h2 { font-size: 1.5em; margin: 0 0 0 5px; padding: 5px 0 0 0; }
.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; }
.entry a:link, .entry a:visited { text-decoration: none; color: #669900; font-weight: bold; }
.entry a:hover { text-decoration: underline; color: #669900; font-weight: bold; }
.author {clear: left; padding: 15px 0 5px 0;}
.author  h2 {margin: 0; padding: 0;}
.author  h3 {margin: 5px 0 0 0; padding: 5px 0 0 0; clear: left;}
.author p img {margin: 0 3px 0 0; padding: 3px 5px 0 0; border: none;}
.author ul { margin: 0 0 0 10px;}
.author ul li {list-style-type: none; padding-bottom: 3px;}
.author ul li a:link:first-child, .author ul li a:visited:first-child {background: #EEEEDD url(images/bullet-brown-sml.gif) 0 4px  no-repeat; padding-left: 12px;}
.author ul li a:hover:first-child, .author ul li a:active:first-child  {background: #EEEEDD url(images/bullet-green-sml.gif) 2px 4px  no-repeat; padding-left: 12px;}
.post .byline { margin: 0; padding: 5px 0 5px 2em; }
.post .byline  a:link, .post .byline  a:visited { text-decoration: none; color: #669900; font-weight: bold; }
.post .byline  a:hover { text-decoration: underline; color: #669900; font-weight: bold; }
.postmetadata { margin: 0; font-size: .9em; }
.postmetadata a:link, .postmetadata a:visited { text-decoration: none; color: #669900; font-weight: bold; }
.postmetadata a:hover { text-decoration: underline; color: #669900; font-weight: bold; }
.date {font-size: 1em;}
.date a:link, .date a:visited { text-decoration: none; color: #669900; font-weight: bold; }
.date a:hover { text-decoration: underline; color: #669900; font-weight: bold; }

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

/***** HEADER *****/
#header-wrap { width: 1060px; height: 150px; background: #E6E6CC; padding: 0; margin: 0 auto 0 auto; }
.header { background: #E6E6CC url(images/colosseum_header.gif) 0 -15px  no-repeat; width: 1060px; height: 150px; margin: 0 auto 0 auto; padding: 0; float: left;  }
.header h1 { width: 500px; padding: 0; margin: 20px 0 0 30px; font-family: Arial, Helvetica, Sans-serif; font-size: 3.5em; line-height: 48px; text-align: left; color: #ffffcc; }
.header h1 a { text-decoration: none; color: #EEEEDD;  }
.header h1 a:hover { text-decoration: none; color: #DCDCBC; }
.header .description { width: 500px; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Arial, Helvetica, Sans-serif; color: #DCDCBC; text-align: left; text-transform: lowercase; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width:1060px; min-height: 15px; margin: 10px 0 5px 5px; padding: 0; background: #D4D4AA; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { display: inline; margin: 0; }
.menu ul li a {font-size: 1.2em; text-transform: uppercase; width: 100%; margin-left: 15px; text-decoration: none; color: #669900; font-weight: bold; font-size: 1.1em; border-top: 2px solid #E6E6CC; border-right: 3px solid #E6E6CC; border-bottom: 0; border-left: 3px solid #E6E6CC;}
.menu a:link, .menu a:visited {font-size: 1.2em; text-transform: uppercase; text-decoration: none; color: #669900; }
.menu ul li a:hover, menu ul li a:active {font-size: 1.2em; text-transform: uppercase; background-color: #E6E6CC; color: #4D2800; padding: 3px 0; font-weight: bold; text-decoration: none; border-top: 2px solid #E6E6CC; border-right: 3px solid #E6E6CC; border-bottom: 0; border-left: 3px solid #E6E6CC;}
.menu-search {float: right; width: 210px; min-height:13px; margin: -20px 0 0 0; padding:0; }
.menu-search form { float: right; margin: 0; padding: 0; }
.menu-search input#s { background: #ffff99; color: #544b40; font-weight: bold; width: 210px; margin: 0; padding:2px 0; border: 1px solid #4D2800; }

/***** 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: 11px; font-weight: bold; line-height: 18px; }
.navigation h3 {color:#669900; font-size: 14px; margin: 0.5em 0 0 0; padding: 0 0 3px 0;}

/***** FOOTER *****/
#footer  { float: left; width: 1060px; height: 30px; margin: 0 0 10px 5px; padding: 0; display: inline; background: #E6E6CC url(images/colosseum_bg4.gif) -100px 0 no-repeat; }
#footer p { font-size: .9em; width: 900px; height: 30px; float: right; line-height: 18px; padding: 5px 10px 0 10px; text-align: right; color: #CCCC99; }
#footer a { color: #CCCC99; }

/***** SUBSCRIPTION *****/
.subscribe  {float: right; margin: 0; padding: 10px 10px 0 0; text-decoration: none; }
.subscribe a  { color: #fff; text-decoration: none;  }
.subscribe img { border: none; float: right; }

/***** SIDEBAR *****/
#left_sidebar { background: #E5E5CC; width: 210px; float: left; margin: 5px 0 20px 5px; padding: 0; } 
#right_sidebar { background: #E5E5CC; width: 210px; float: right; margin: 5px 5px 20px 0; padding: 0; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #669900; font-weight: bold; text-decoration: none; }
#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1em; margin: 0; padding: 0; font-weight: bold; }
#left_sidebar ul li, #right_sidebar ul li { background: #D4D4AA; display: block; padding: 8px 0 0 0; margin: 0; list-style: none;  }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 10px 10px; padding:0 0 5px 0; }
#left_sidebar ul ul li a:link, #left_sidebar ul ul li a:visited, #right_sidebar ul ul li a:link, #right_sidebar ul ul li a:visited {background: #D4D4AA url(images/bullet-brown-sml.gif) 0 3px  no-repeat; padding: 0 0 3px 12px;  text-decoration: none;}
#left_sidebar ul ul li a:hover, #left_sidebar ul ul li a:active, #right_sidebar ul ul li a:hover, #right_sidebar ul ul li a:active {background: #D4D4AA url(images/bullet-green-sml.gif) 2px 3px  no-repeat; padding: 0 0 3px 12px; text-decoration: none;}
 
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; background: #CCCC99 url(images/cat-bg.jpg) repeat; border-top: #4D2800 1px solid; border-bottom: #4D2800 1px solid; } 

/***** ADS *****/
.top-ad {clear: both; text-align: center; width: 1060px; height: auto; padding: 2px 0 0 0; margin: 0 auto; border: 1px solid #669900; background-color: #EEEEDD;}
.ads {width: 100%; text-align: center; border: 0; margin: 0 auto; padding: 10px 0; background-color: #D4D4AA;}

/***** SEARCH *****/
.search { background: #D4D4AA; float: left; width: 170px; height: 40px; margin: 0 0 5px 0; padding: 0; }
.search form { float: right; margin: .5em 5px 5px 0; padding: 0; }
.search input#s { background: #e3d7b5; color: #544b40; width: 160px; margin: 0 10px 0 0; padding: 3px 5px; border: 1px solid #9C9284; }
.search .search-submit { display: none; }

.search_header { background: none; float: right; width: 200px; margin: 17px 15px 0 0; padding: 0; }
.search_header form { float: left; margin: 0; padding: 0; }
.search_header input#s { background: #e3d7b5; color: #544b40; width: 200px; margin: 0 10px 0 0; padding: 3px 5px; border: 1px solid #9C9284; }
.search_header .search-submit { display: none; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #9C9284; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #663300 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 { font-size: 1.5em; margin: 10px 0 0 0; }
.comments-template h3 { font-size: 1.4em; 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: #CCCC99; }

/***** TOP *****/
#top { clear: both; float: left; width: 850px; margin: 5px 0 0 0; padding: 0; background: #E6E6CC; }

/***** TOP SECTIONS*****/

.top-section { background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; float: left; width: 850px; height: 157px; margin: 0; padding: 0; color: #4D2800; }
.top-section .area { background: #DDDDBB; float: left; width: 230px; height: 150px; margin-left: 5px; padding: 0; border: #CCCC99 1px solid; }
.top-section .area.extra { background: #DDDDBB; width: 602px; height: 150px; margin-left: 5px; padding: 0; }
#area1 p { line-height: 1.42em; font-weight: normal; margin: 5px  0 0 0;}
#area1 h2 { margin: 2px 0 0 2px;}
.top-section .area h2 { color: #4D2800; 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; border-bottom: #7c7953 1px solid; width: 95%; }
.top-section .area ul li ul li { list-style: none; margin: 0; }
.top-section .area li { list-style: none; text-align: left; margin: 0; font-size: 1.1em; }
.top-section .area a { color: #4D2800; font-size: .8em; }
.top-section .area a:hover { color: #669900; }

/***** LEADERBOARD AD*****/
#top-ad {width: 100%; margin: 5px 0; padding:0; text-align: center; border: 0;}
#top-ad img {border: 0;}


/***** BLOCK SPAM BY MATH PLUGIN STYLES *****/
#bsbm_form { clear:both; margin:20px 0; }
#bsbm_form label { font-size: 16px; font-weight:bold; color: red; margin:0; padding:10px 0;}
#bsbm_form .question { font-size: 14px; font-weight:normal; margin:0; padding:5px 0;}
#bsbm_form .answer { font-size: 12px; }
#bsbm_form .notice { font-size: 11px; } 

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 3px; } 
*html .search_header form { margin: 0 auto 0 auto; padding: -10px; }
*html #main_content { padding-bottom: 10px; border: #fff 3px double; }
*html #container { width: 530px; 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; }