/*  
Theme Name: Crash Course
Theme URI: http://www.bronco.co.uk/
Description: Crash Course 2.0 is a development of the Bill Plant website design to suit the usual blog layout.
Version: 2.0
Author: Kean Richmond
Author URI: http://www.bronco.co.uk
*/


/*--- 00. Common Elements ------------------------------------------------------------------------------*/

html, *						{margin:0; padding:0;}

body						{background:url(images/bp_bkg.jpg) repeat-x; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

h1							{color:#000000; font-size:2em; padding:0 0 6px 0;}
h2							{color:#000000; font-size:1.3em; padding:16px 0 0 0;}
h2.pagetitle				{color:#000000; font-size:1.3em; padding:0 0 16px 0 !important;}
h3							{font-size:1.1em; padding:8px 0 0 0;}

img							{border:0;}

.yellow						{color:#FFF300;}
.red						{color:#B30000;}


/*--- 01. Main Layout Elements ------------------------------------------------------------------------------*/

#main_container				{font-size:1.1em; margin:0px auto; width:772px;}
#content_container			{background:url(images/bp_bkg_contentcontainer_blog.jpg) repeat-y; margin:139px 0 0 0;}

#header						{background:url(images/bp_bkg_glows.jpg) no-repeat; position:absolute; top:0; width:772px;}
#leftcol					{background:url(images/bp_bkg_leftcol.jpg) repeat-x; border:1px solid #DEDEDE; border-bottom:0; float:left; padding:6px; position:relative; width:216px; z-index:100;}


/*--- 02. Header Elements ------------------------------------------------------------------------------*/

#logo						{margin:18px 0 6px 22px;}

#freephone					{color:#FFFFFF; font-size:1.5em; position:absolute; right:13px; text-align:right; top:6px;}
#free_text					{color:#FFF300; float:left; font-weight:bold; padding:7px 12px 0 0;}
#free_number				{float:left; font-size:1.7em;}

#strap						{color:#B30000; float:right; font-size:1.7em; font-style:italic; margin:-18px 0 0 0; padding:0 20px 0 0;}


/*--- 03. Top Navigation Elements ------------------------------------------------------------------------------*/

#top_navigation				{background:url(images/bp_bkg_topnav.jpg) repeat-x; border:1px solid #DADADA; margin:23px 0 2px 0;  list-style:none; width:770px;}
#top_navigation li			{float:left; padding:2px; text-align:center; width:150px;}
#top_navigation li a		{background:url(images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; color:#FFF300; display:block; font-weight:bold; padding:5px 0; text-decoration:none;}
#top_navigation li a.current,
#top_navigation li a:hover	{background-position: 0 -24px;}


/*--- 04. Left Navigation Elements ------------------------------------------------------------------------------*/

#leftcol ul					{list-style:none;}
#leftcol a					{color:#000000; text-decoration:none;}
#leftcol a.current,
#leftcol a:hover			{color:#B30101;}

.menu_cta					{padding:0 0 10px 0;}
.menu_cta a					{background:url(images/bp_btn_menucta_blog.gif) 0 0 no-repeat; display:block; width:216px;}
.menu_cta a:hover			{background-position:0 -50px;}

#two_line a					{color:#840000; height:30px; padding:10px 40px 10px 10px;}
#three_line a				{color:#840000; height:42px; padding:4px 40px 4px 10px;}

#leftcol h2					{background:url(images/bp_bkg_navsplit.jpg) repeat-x; color:#B30000; font-size:1.1em; padding:10px 5px 5px 5px; text-transform:uppercase;}
#leftcol ul li				{}
#leftcol ul ul				{margin:0 10px 2px 10px;}
#leftcol ul li				{font-weight:normal; padding:2px 0;}



/*--- 05. Banner Elements ------------------------------------------------------------------------------*/

#banner						{background:#000000; border:1px solid #DADADA; float:right; height:150px; overflow:hidden; position:relative; width:538px;}

#ask_a_question				{color:#FFFFFF; cursor:pointer; display:block; padding:4px 0 5px 25px; position:absolute; right:5px; text-decoration:none; top:5px; width:95px;}
#ask_a_question[id] 		{background:url(images/bp_btn_question.png) 0 0 no-repeat;}
#ask_a_question:hover		{background-position:0 -23px;}

#banner_content				{bottom:0; height:41px; left:0; position:absolute; width:538px;}
#banner_content[id]			{background:url(images/bp_bkg_bannercontent.png) repeat-x;}

#banner_content #rss		{float:left; margin:14px 0 0 10px;}
#banner_content #rss a		{background:url(images/rss.jpg) 0 1px no-repeat; color:#FFF300; padding:1px 0 1px 20px; text-decoration:none;}

#banner_content form		{float:right; margin:8px 9px 0 0;}
#banner_content form #s		{background:#333333; border:1px solid #CCCCCC; color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:2px 0; padding:2px; width:175px;}
#banner_content form #searchsubmit	{vertical-align:2px;}


/*--- 06. Content Elements ------------------------------------------------------------------------------*/

#content					{background:url(images/bp_bkg_content_blog.jpg) no-repeat; float:right; margin:154px 0 0 0; padding:18px; width:504px;}


/*--- 07. Post Elements ------------------------------------------------------------------------------*/

.post					{padding:0 0 20px 0; position:relative;}
.post h1				{padding:0 50px 0 0;}
.post h1 a				{color:#000000; text-decoration:none;}

.post p					{font-size:1.1em; line-height:1.3em; padding:8px 0;}
.post ul,
.post ol				{line-height:1.3em; padding:8px 25px;}
.post li				{font-size:1.1em; line-height:1.3em; padding:2px 0;}

.post_info				{background:#F3F3F3; border:1px solid #DADADA; color:#666666 !important; font-size:1em !important; margin:10px 0 0 0; padding:5px !important;}
.post_comment			{background:url(images/bp_bkg_comment.gif) 0 1px no-repeat; font-size:1.4em; font-weight:bold; height:27px; position:absolute; right:0px; text-align:center; top:0px; width:36px;}
.post_comment a			{color:#FFFFFF; display:block; margin:-4px 0 0 0; text-decoration:none;}
.post_comment a:hover	{color:#FFFFFF;}
.entry					{padding:15px 0;}


/*--- 08. Post Elements ------------------------------------------------------------------------------*/

.navigation 			{font-size:0.9em; font-weight:bold; margin:20px 0;}
.navigation a 			{border:1px solid #DADADA; color:#666666; padding:3px; text-decoration:none;}
.navigation a:hover		{background:#F6F6F6; color:#000000;}
.navright 				{float:right; text-align:right; width:40%}
.navleft 				{float:left; width:40%}


/*--- 09. Content Searchbox Elements -------------------------------------------------------------------------*/

#content #searchform	{padding:20px 0 0 0;}


/*--- 10. Comment List Elements -------------------------------------------------------------------------*/

.comment_list			{color:#999999; list-style:none; margin:0 !important;padding:16px 15px 9px 11px !important;}
.comment_list li		{margin:6px 0px 8px 0px !important; padding:11px 4px 5px 4px !important;}
.comment_list li.alt	{background:#F3F3F3; border:1px solid #DADADA;}
.comment_author_section	{padding:2px 0 0 0 !important;}
.comment_author			{color:#B30000; font-weight:bold; padding:2px 0 0 10px;}
.comment_author a		{color:#B30000; text-decoration:none;}
.comment_author a:hover	{text-decoration:underline;}
.comment_info			{padding:0 0 6px 10px !important;}
.comment_info a			{color:#666666; text-decoration:none;}
.comment_info a:hover	{text-decoration:underline;}
.comment_text p			{color:#666666 !important; padding:6px 10px 6px 10px !important;}


/*--- 11. Comment Form Elements -------------------------------------------------------------------------*/

form						{font-size:1.1em; margin:10px 30px;}
form p						{padding:3px 0 !important;}
form label					{float:left; margin:6px 0 0 0; width:100px;}
form .req					{color:#999999; font-size:0.9em; font-style:italic; padding:0 0 0 5px; vertical-align:3px;}

form .input_box,
form select,
form textarea				{background:#EEEEEE; border:1px solid #CCCCCC; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:2px 0; padding:3px; width:250px;}
form select					{padding:2px;}
form select option			{margin:2px;}
form textarea 				{width:350px;}

form .selected				{background:#FAF4F4; border:1px solid #DD9595;}
form .text_selected			{color:#DD9595;}

form .form_buttons			{margin:10px 0 20px 120px;}


/*--- 50. Footer Elements ------------------------------------------------------------------------------*/

#footer						{color:#999999; margin:2px 0 20px 0; width:100%;}
#footer #partners			{border:1px solid #DADADA; list-style:none;}
#footer #partners li		{float:left; padding:6px 0; text-align:center; width:14.2%;}

#footer #copyright			{float:left; list-style:none; padding:5px 0 0 0; width:75%;}
#footer #copyright li		{display:inline; padding:0 20px 0 0;}

#footer #bronco				{float:right; padding:5px 0 0 0; text-align:right; width:20%;}

#footer a					{color:#999999; text-decoration:none;}
#footer a:hover				{color:#666666;}


/*--- 98. Error Elements ------------------------------------------------------------------------------*/

#error_box					{background:#FAF4F4; border:1px solid #DD9595; color:#CE6262; margin:10px; padding:0 10px 10px 10px;}
#sorry						{color:#CE6262 !important; font-weight:bold;}
#errors						{list-style:none;}
#errors li					{}


/*--- 99. Button Elements ------------------------------------------------------------------------------*/

.btn_01						{background:url(images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; border:0; color:#FFF300; cursor:pointer; font-size:0.9em; font-weight:bold; padding:5px 0 4px 0; text-decoration:none; width:80px;}
.btn_01:hover				{background-position: 0 -24px;}

.btn_02						{background:url(images/bp_btn_search.jpg) 0 0 repeat-x; border:0; color:#000000; cursor:pointer; font-size:0.9em; font-weight:bold; padding:3px 0 3px 0; text-decoration:none; width:80px;}
.btn_02:hover				{background-position: 0 -21px;}

.link_01					{background:url(images/bp_bkg_topnavlink.jpg) 0 0 repeat-x; border:0; color:#FFF300; cursor:pointer; font-size:0.9em; font-weight:bold; padding:5px 10px; text-decoration:none;}
.link_01:hover				{color:#FFF300; background-position: 0 -24px;}


/*--- 100. Link Elements--------------------------------------------------------------*/

a							{color:#B30000;}
a:hover						{color:#333333;}

a[href$='.pdf']				{background:url(images/icon_acrobat.png) 0 2px no-repeat; padding:3px 0px 2px 19px;}


/*--- 101. Clearfix Elements--------------------------------------------------------------*/

.clearfix:after 			{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix 					{display:inline-block;}
html[xmlns] .clearfix 		{display:block;}
* html .clearfix 			{height:1%;}