/*  
Theme Name: Life of Brian 
Theme URI: http://life-of-brian.com
Description: Brian's Wordpress Theme, with Multiple Colors
Version: 2.0 (01/02/2008)
Author: Brian Rock
Author URI: http://life-of-brian.com
*/

/**************** Body *********************/
*						{margin:0;padding:0;}
body					{background: #3E0000 ;color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 13px;margin-bottom:20px; line-height:20px;}
#wrapper				{background:#F8F8FF;margin:10px auto;padding:10px;  width:900px;}
#preheader				{margin: 10px auto 0 auto; padding: 0 10px; width: 900px; height: 70px; }
#header 					{margin:0;padding:0; width:900px;display:block;background:url(images/life/header.png) no-repeat left;height:70px;}

h2.sitename 				{float: left; text-indent: -999em; background: transparent; height: 70px; width: 398;}
h2.sitename a			{display: block; background: transparent url(images/life/logo-teach.png) no-repeat; height: 70px; width: 398px; }
h3.rss-sub 				{margin-left: 550px; padding-top: 18px;}

/*** Alternate Colors ***/

/*** Red - Nerds at Play ***/

.play #header 			{background:url(images/play/header.png) no-repeat left;}
.play #footer 			{background:url(images/play/header.png) no-repeat left;}
.play h2.sitename a		{display: block; background: transparent url(images/play/logo.png) no-repeat; height: 70px; width: 398px; }
.play a:link, .play a:visited	{ color: #c00}

/*** Orange - Nerds at Work ***/

body.work 				{background: #462300;}
.work h2.sitename a		{display: block; background: transparent url(images/work/logo.png) no-repeat; height: 70px; width: 398px; }
.work #header 			{background:url(images/work/header.png) no-repeat left;}
.work #sidebar h2 		{color: #996600;}
.work  a:link, .work a:visited 	{ color: #D58700; }
.work #footer 			{color:#000000;background:url(images/work/header.png) no-repeat left;}
.work #footer a:link, .work #footer  a:visited 	{color: #993300;}

/*** Green - Teach Them Well  and Default***/
body.teach 				{background-color: #001C00;}
.teach h2.sitename a		{display: block; background: transparent url(images/teach/logo.png) no-repeat; height: 70px; width: 398px; }
.teach #header 			{background:url(images/teach/header.png) no-repeat left;}
.teach a:link, .teach a:visited 	{ color:#093; }
.teach #footer			{background:url(images/teach/header.png) no-repeat left;}

/*** Blue - Life of Brian ***/
body.life 				{background:#003366;}
.life h2.sitename a		{display: block; background: transparent url(images/life/logo.png) no-repeat; height: 70px; width: 398px; }
.life #header 			{background:url(images/life/header.png) no-repeat left;}
.life #sidebar 			{color: #0066CC;}
.life a:link, .life a:visited	{ color: #36f; }
.life #footer 			{background:url(images/life/header.png) no-repeat left;}

/*** End Alt Colors ***/

/**************** Entry *********************/
h2 a:link, h2 a:visited	{ font-size:22px; color: #666666; text-decoration:none; font-weight: lighter;}
h2 a:hover				{color: #000000;}
.entry					{ float:left;margin-bottom:10px; width:540px;}
.entry div ul li			{list-style:none;}
.entry h2				{padding-bottom:6px;}
.entry h3				{border-bottom:1px solid #ccc;  margin-bottom:6px; clear: both;}
.entry p					{padding:0 0 10px 0;}
.post					{padding:20px; margin:20px; border: 1px solid black; background: #FFF url(images/entry-bg.jpg) repeat-x top;}
.excerpt				{padding:10px;margin-bottom:10px; background:url(images/stripe.png); height:140px; border:1px solid #CCCCCC; font-size:80%;}
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		{ content: "\00BB \0020"; }
.entry ol 				{ padding: 0 0 0 35px; margin: 0; }
.entry ol li 				{ margin: 0; padding: 0; }
.line					{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
div.subscribe 			{ clear: both; width: 430px; padding:10px; background: url(images/stripe.png); border: 1px solid #ccc; }
.left 					{float:left; width:244px; padding-right:10px;padding-left:21px; color: #333; font-size:11px;}
.left a:link, .left a:visited 	{font:14px Arial, Helvetica, sans-serif; color:#333333;}
.left a:hover 			{background-color:#333333; color:#FFFFFF;}
.right 					{float:left;padding-right:20px;width:244px; color:#333; font-size:11px;}
.right a:link, .right a:visited 	{font:14px Arial, Helvetica, sans-serif;color:#333333;}
.right a:hover 			{background-color:#333333; color:#FFFFFF;}
.metadata 				{padding-bottom: .25em;}

/**************** Links *********************/
a:link, a:visited		{color: #000000;text-decoration:none;}
a:hover					{color:#000000;text-decoration:underline;}

/**************** CSS Style Switches *********************/

#switches li				{display:inline;list-style-type:none;}
#rss 					{padding:5px;background-color:#333333;}

/**************** Navigation *********************/
#navigation				{height:40px;background-color:#333333;}
#menu					{background-color:#333333;padding:10px; }
#menu li					{display:inline;list-style:none;background-color:#333333;}
#menu a:link, #menu a:visited 	{color: #FFF; padding: 10px;}
#menu a:hover 			{background-color: #666; text-decoration:none;}

#top-menu {margin-left: 20px;}
#top-menu li {display: inline; list-style: none; }
#top-menu a {display: block; float: left; height: 40px; margin: 15px 50px 15px 0; padding-left: 40px;}
#top-menu a, #top-menu a:visited, #top-menu a:link {color: white;}
#top-menu span {display: block; font-size: 150%; font-weight: bold;}

#top-menu a.home {background: transparent url(images/home.png) no-repeat;}
#top-menu a.about {background: transparent url(images/about.png) no-repeat;}
#top-menu a.blogroll{background: transparent url(images/blogroll.png) no-repeat;}
#top-menu a.contact {background: transparent url(images/contact.png) no-repeat;}

/**************** Sidebars *********************/
#topbar 					{background:#F8F8FF; float:right; width:358px;}

#sidebar 				{ width: 358px; }
#sidebar ul 				{ list-style-type: none; }
#sidebar ul li 				{ }

#sidebar .box 			{ margin: 15px 29px; background: #FFF url(images/box-bg.jpg) repeat-x; border: 1px solid black; padding: 10px;}
#sidebar .box li 			{ border-bottom: thin dotted #ccc; margin: 15px 10px; }
#sidebar .box small 		{ font-style: italic; }

/*********** jQuery Tabs Stuff ************/
.ui-tabs-hide 			{ display: none; }
#sidebar .tabs-box .box 	{ margin-top: 0px; }
.tabs 					{ width: 300px; margin: auto; text-align: center; margin-bottom: -5px;}
.tabs li 					{ display: inline; }
.tabs li a 				{ background-color: #ccc; font-size: 16px; line-height: 2em; margin: 0 5px; padding: 0 8px; border: 1px solid black;}
.tabs li a span 			{ padding-bottom: 1px;}
#sidebar .ui-tabs-selected a	{ background-color: #fff }

/**************** Search *********************/
#topsearch				{ background-color: #333333; padding:10px; background:url(images/search.jpg);}
#topsearch input[type="text"]	{ border:1px solid  #FFFFFF; width:16em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search 				{font-weight:lighter;}

/**************** Comments *********************/
h3.comments-header 		{font-weight:lighter; padding:5px 0; border-top:1px solid #CCCCCC; margin:20px 0;}

#comments 				{ margin: 0; padding: 0;}
#comments li 				{ list-style-position: inside; margin-left: 0; padding: 12px 12px;}
#comments .odd 			{background-color: #f8f8ff; margin-left: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

#trackbacks 				{ margin: 0; padding: 0; font-size: 75%;}
#trackbacks li 			{ list-style-position: inside; margin-left: 0; padding: 6px 12px; }
#trackbacks .odd 		{background-color: #f8f8ff; margin-left: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

#author, #email, #url 	{color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit					{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond				{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment				{width: 100%;border:1px solid #999999;}
.smallies a:link, .smallies a:visited	{font-size:11px;}
.smallies a:hover 		{background-color:#333333; color:#FFFFFF; text-decoration:none; padding:0 3px 0 3px;}

/**************** Footer *********************/
#footer					{color:#ffffff; background:url(images/header_default.png) no-repeat left;padding:10px;}
#footer a:link, #footer a:visited	{color: #FFFFFF;}

/*** Ads ***/

#footer-banner 			{ margin: 10px auto; height: 90px; width: 728px; }
#skyscraper-banner 		{ margin: 10px auto; height: 600px; width: 120px; }
#sidebar-square 			{ margin: 10px auto; height: 250px; width: 300px; }

/**************** Misc *********************/
acronym, abbr, span.caps 	{ cursor: help; }
acronym, abbr 			{ border-bottom: 1px dashed #999; }
blockquote 				{ margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite 			{ margin: 5px 0 0; display: block; }
.center 					{ text-align: center; }
hr 						{ display: none; }
a img 					{ border: none; }
.alignright				{float:right;padding-right:30px;}
.alignleft				{float:left; padding-left:40px;}
object.centered, img.centered	{display:block;margin-left:auto;margin-right:auto;}
img.alignright			{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft			{display:inline;margin:0 7px 2px 0;padding:4px;}
pre 						{margin: 10px; padding: 10px; }
pre code					{border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code 					{font-size:1.0em;color: #000}