/*  
Theme Name: BOB
Theme URI: http://www.bronco.co.uk
Description: Theme based on the Balloons over Britain website
Version: 1.0
Author: Kean Richmond
Author URI: http://www.bronco.co.uk
*/


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

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

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

h1						{border-bottom:1px solid #ECECEC; color:#007DBF; font-size:1.6em; font-weight:normal; margin:0 0 0 -3px; padding:15px 50px 5px 3px;}
h2						{border-bottom:1px solid #ECECEC; color:#007DBF; font-size:1em; font-weight:bold; padding:15px 3px 3px 3px;}
h2.pagetitle			{border:0; color:#007DBF; font-size:1.2em; font-weight:bold; padding:15px 0 0 0;}
h6						{color:#007DBF; font-size:1.3em; font-weight:bold;}

img						{border:0;}

.fl						{float:left;}
.fr						{float:right;}

.s_inc					{font-size:1.1em;}
.uc						{text-transform:uppercase;}


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

#main_container			{font-size:1.1em; margin:0px auto; width:770px;}
#content_container		{background:#FFFFFF; margin:300px 0 0 0; padding:1px 5px 5px 5px;}



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

#header					{position:absolute; top:0; width:770px;}
#logo					{margin:13px 0 0 13px;}
#slogan					{position:absolute; right:140px; top:180px;}


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

#navigation				{list-style:none; margin:95px 0 0 0;}
#navigation li			{background:url(images/bob_bkg_navshadow.png) right no-repeat; float:left; height:25px; margin:0; padding:0 5px 0 0; width:84px;} 
#navigation li a		{background:url(images/bob_bkg_nav.jpg) repeat-x; border:1px solid #007DBF; border-bottom:0; color:#007DBF; display:block; font-weight:bold; padding:5px 0 6px 0; text-align:center; text-decoration:none;}
#navigation li a:hover	{background-position:0 -24px;}


/*--- 04. Right Column Elements -------------------------------------------------------------------------*/
	
#right_column			{float:right; width:224px;}

#site_link				{}

#right_search			{border-top:1px solid #ECECEC; margin:15px 0 0 0; padding:15px 0 10px 0;}
#right_search #searchsubmit	{float:right; margin:5px 0 0 0;}

#right_column ul		{list-style:none;}
#right_column ul li		{border-top:1px solid #ECECEC; margin:4px 0px; padding:15px 10px;}
#right_column ul ul		{margin:14px 0 0 0;}
#right_column ul ul li	{background:0; background:url(images/bullet_blue.gif) 0 7px no-repeat; border:0; margin:0 0 0 12px; padding:2px 8px;}



/*--- 05. Content Elements -------------------------------------------------------------------------*/

#content				{border-right:1px solid #ECECEC; float:left; padding:0 30px; width:465px;}
#content p				{padding:5px 0;}
#content ul,
#content ol				{margin:10px 40px;}
#content li				{padding:3px 0px;}
#content blockquote		{background:#FAFAFA; border:1px solid #ECECEC; margin:6px; padding:6px;}
#content blockquote blockquote	{background:#FFFFFF;}


/*--- 06. Post Elements -------------------------------------------------------------------------*/

.post					{position:relative;}
.post_info				{color:#999999 !important; padding:2px 0 0 0 !important;}
.post_comment			{background:url(images/bob_bkg_comment.jpg) 0 1px no-repeat; font-size:1.4em; font-weight:bold; height:27px; position:absolute; right:5px; text-align:center; top:12px; width:36px;}
.post_comment a			{color:#FFFFFF; display:block; margin:-3px 0 0 0;}
.post_comment a:hover	{color:#FFFFFF;}
.entry					{padding:15px 0;}


/*--- 07. Content Searchbox Elements -------------------------------------------------------------------------*/

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


/*--- 08. Comment List Elements -------------------------------------------------------------------------*/

.comment_list			{color:#86ADC5; 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:#E9F1F6; border:1px solid #CEE3F0;}
.comment_author_section	{padding:2px 0 0 0 !important;}
.comment_author			{color:#007DBF; font-weight:bold; padding:2px 0 0 10px;}
.comment_author a		{color:#007DBF; text-decoration:none;}
.comment_author a:hover	{text-decoration:underline;}
.comment_info			{padding:0 0 6px 10px !important;}
.comment_info a			{color:#86ADC5; text-decoration:none;}
.comment_info a:hover	{text-decoration:underline;}
.comment_text p			{color:#666666 !important; padding:6px 10px 6px 10px !important;}


/*--- 09. Comment Form Elements -------------------------------------------------------------------------*/

#comment_form			{margin:20px 10px;}
#comment_form p			{padding:2px 0 !important;}
#comment_form label		{color:#86ADC5; float:left; font-weight:bold; margin:2px 0 0 0; width:100px;}
#comment_form .comment_input		{border:1px solid #CEE3F0; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:4px 2px; width:180px;}
#comment_form textarea	{border:1px solid #CEE3F0; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; width:300px;}
#comment_form .req		{color:#999999; font-size:0.9em; font-style:italic; padding:0 0 0 10px;}
#comment_form p.form_buttons			{padding:5px 0 0 100px !important;}

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

#footer					{background:#E9F1F6; border:1px solid #CEE3F0; color:#007DBF; line-height:1.6em; margin:15px 0; padding:8px 0; text-align:center;}
#bronco					{color:#86ADC5;}
#bronco a				{color:#86ADC5;}
#bronco a:hover			{color:#007DBF;}


/*--- 97. Page Navigation Elements -------------------------------------------------------------------------*/

.pages_navigation		{padding:0 0 10px 0;}


/*--- 98. Form Elements -------------------------------------------------------------------------*/

.input_box				{border:1px solid #007DBF; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; width:218px;}


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

.btn_01					{background:url(images/bob_bkg_btn.jpg) repeat-x; border:1px solid #056496; color:#FFFFFF; cursor:pointer; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; padding:1px 0 2px 0; width:84px;}
.btn_01:hover			{background-position:0 -18px;}


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

a						{color:#007DBF; text-decoration:none;}
a:hover					{color:#106C9C;}

/*--- 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%;}
