#left{float:left;width:550px;border-right:dashed 1px #ccc;padding-right:10px;}

#right{float:right;width:330px;}

.entry-title{padding:2px 2px 2px 5px;background: #eee; vertical-align:middle;}



/*---:[ global elements ]:---*/



a { color: #2361a1; text-decoration: none; }



a:hover { text-decoration: none; }



a.post_image_link { outline: none; }



a img { border: none; }



blockquote { border-left: 1px solid #ddd; color: #666; }



abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }



sub, sup { line-height: 0.5em; }



code { font-family: Consolas, "Andale Mono", Courier, "Courier New"; line-height: 1em; background: #eee; }



pre { font-family: Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }



p.center { text-align: center !important; }



p.bottom { margin: 0 !important; }



.remove_bottom_margin { margin-bottom: 0 !important; }



/*---:[ form inputs ]:---*/



input, textarea {font-size: 14px; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }



input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

	

	.format_text .text_input, #commentform p .text_input { width: 45%; }

	.sidebar .text_input { width: 100%; } /* Based on inherited font size in sidebar */





/*---:[ universal image classes ]:---*/



img.alignleft, img.left { float: left; margin-right:5px; }



img.alignright, img.right { float: right; }



img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }



img.alignnone, img.block { display: block; clear: both; }



img.frame { background: #eee; border-style: solid; border-color: #ddd; }



img.stack { clear: none !important; }







/*---:[ headlines and bylines ]:---*/



	h2 a { color: #111; font-size:18px; }



	h2 a:hover { color: #2361a1; }

	

	#content #archive_info h1 { font-size: 1.8em; line-height: 1em; font-weight: normal; }



/*---:[ h3 and h4 sizes are calculated relative to the base font size of the content or sidebar ]:---*/

	

	.sidebar h3 { color: #555; }



h4 { font-size: 1em; font-weight: bold; }



/*---:[ headline meta data (includes bylines) ]:---*/



.headline_meta { font-style: italic; color: #888; }



	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }



	.headline_meta a { color: #888; border-bottom: 1px solid #eee; }

	

	.headline_meta a:hover { color: #111; }













/*---:[ content styles ]:---*/



.format_text a { text-decoration: underline; }



.format_text a:hover { text-decoration: none; }



.format_text p.note { background: #f5f5f5; border: 1px solid #ddd; }



.format_text p.alert { background: #ffffa0; border: 1px solid #e5e597; }



.format_text .drop_cap { color: #888; float: left; }



.format_text ul { list-style: square; }

		

	.format_text dt { font-weight: bold; }



	/*---:[ pullquotes ]:---*/



	.format_text blockquote.right, .format_text blockquote.left { border: none; }



	.format_text blockquote.right { float: right; }



	.format_text blockquote.left { float: left; }



		.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }

		

	/*---:[ end pullquotes ]:---*/

		

.format_text .ad { float: right; clear: right; }



	.format_text .ad_left { float: left; clear: left; }

	

/*---:[ after-post elements ]:---*/



.format_text .to_comments { color: #666; clear: both; }



	.format_text .to_comments span { color: #111; }



	.format_text .to_comments span.bracket { color: #ccc; }



	.format_text .to_comments a { color: #666; text-decoration: none; }



	.format_text .to_comments a:hover { color: #111; text-decoration: underline; }

	

/*---:[ tags are not targeted further because these styles need to cascade to teasers as well ]:---*/



.post_tags { color: #666; }



	.post_tags a { text-decoration: none; }

	

	.post_tags a:hover { text-decoration: underline; }







/*---:[ feature box ]:---*/



#feature_box { background: #eee; border-bottom: 2px solid #ddd; }







/*---:[ home page teasers ]:---*/



.teaser a.teaser_link { display: block; }



.teaser a.teaser_link:hover { text-decoration: underline; }



.teaser .teaser_author { font-style: italic; color: #888; }



	.teaser .teaser_author .author { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }



.teaser .teaser_date { color: #888; }



.teaser .edit_post { letter-spacing: 1px; color: #888; }



	.teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a { text-transform: uppercase; letter-spacing: 1px; color: #888; border-bottom: 1px solid #eee; }



	.teaser .teaser_author a:hover, .teaser a.teaser_comments:hover, .teaser a.teaser_category:hover, .teaser .edit_post a:hover { color: #111; }



	.teaser .teaser_author a { font-style: normal; }



	.teaser .format_teaser a { text-decoration: underline; }



	.teaser .format_teaser a:hover { text-decoration: none; }







/*---:[ archive information block ]:---*/

	

#archive_info { border-bottom: 2px solid #ddd; }



	#archive_info p { text-transform: uppercase; letter-spacing: 2px; }

	

/*---:[ post navigation links ]:---*/



.prev_next { text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid #ddd; color: #666; clear: both; }



	.prev_next .next { text-align: right; }



	.prev_next .floated { float: left; }



	.prev_next a { text-decoration: none; }

	

	.prev_next a:hover { text-decoration: underline; }

	

	.post_nav a { text-transform: none; letter-spacing: normal; }







/*---:[ multimedia box ]:---*/



#multimedia_box { width: 100%; }



	#image_box { padding: 1.1em; background: #eee; border-bottom: 1px solid #ddd; }



		#image_box img { display: block; padding: 0.1em; background: #fff; border: 0.1em solid #bbb; }



	/*---:[ video box styles ]:---*/



	#video_box { padding: 1em; background: #000; }



	/*---:[ custom box styles ]:---*/



	#custom_box { padding: 1.1em; background: #eee; border-bottom: 1px solid #ddd; }















/*---:[ comment styles ]:---*/



	.comments_intro p { color: #666; }

		

		.comments_intro a { text-decoration: underline; }

		

		.comments_intro a:hover { text-decoration: none; }



		.comments_intro span { color: #111; }



		.comments_intro span.bracket { color: #ccc; }



dl#comment_list { border-top: 1px dotted #bbb; }

			

			dl#comment_list dt a:hover { text-decoration: underline; }



			dl#comment_list dt .comment_author { font-weight: bold; }

				

			.avatar img { float: right; }



			.comment_time, .edit_comment { color: #888; }

			

				.comment_time a, .edit_comment a { color: #888; }

				

				.comment_time a:hover, .edit_comment a:hover { color: #888; }



		.comment_num { float: right; }



			dl#comment_list .comment_num a { font-weight: bold; color: #aaa; }



			dl#comment_list .comment_num a:hover { color: #fff; background: #aaa; text-decoration: none; }



	dl#comment_list dd { border-bottom: 1px dotted #bbb; }



		a.comment_link { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; }



		a.comment_link:hover { color: #111; border-bottom-color: #111; }

			

	/*---:[ author comment and alternating comment colors ]:---*/

	

	.author_comment { background: #e7f8fb; }

	

	/*

	dl#comment_list dt, dl#comment_list dd { background: #f5f5f5; }



	dl#comment_list .alt { background: #fff !important; }

	*/

	

	/*---:[ end author comment and alternating comment colors ]:---*/

	

dl#trackback_list { padding-left: 1.1em; border-top: 1px dotted #bbb; }

	

		dl#trackback_list dt a { color: #111; }

	

		dl#trackback_list dt a:hover { color: #111; text-decoration: underline; }

	

	dl#trackback_list dd { color: #888; }



	.comments_closed p { text-transform: uppercase; letter-spacing: 1px; color: #888; }



/*---:[ comment form styles ]:---*/



	#respond p { color: #555; }



.login_alert { background: #f5f5f5; border: 1px solid #ddd; }



	.login_alert p { font-weight: bold; }

	

		.login_alert p a:hover { text-decoration: underline; }



#commentform { border-top: 1px dotted #bbb; }



	#commentform p { margin-bottom: 1em; }

	

		#commentform p a { text-decoration: underline; }

		

		#commentform p a:hover { text-decoration: none; }



		#commentform textarea { width: 100%; }

		

		#commentform p .required { color: #d00; }



	#commentform p.allowed { width: 100%; font-size: 1em; padding: 0.6em 0.4em; background: #f9f7e4; border: 0.1em dotted #bbb; border-top: 0; }



		#commentform p.allowed span { color: #807e70; }

	

	/* Support for the highly-recommended Subscribe to Comments Plugin */



		#commentform p.subscribe-to-comments label { font-size: 1em; }







/*---:[ self-clearing floats from Dan Cederholm ]:---*/



ul#tabs:after, #content_box:after, #sidebars_box:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }







#right ul li {list-style:none;}

#right ol li {list-style-position: inside}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

h2 { font-size:11px;}

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber { font-size:11px;

}

.tabberlive {

 margin-top:1em;

 width:352px;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

 margin:0;

 padding: 3px 0;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

  font-size:12px;

}



ul.tabbernav li a

{

 font-size: 0.9em;

 font-weight: bold;

 padding: 3px 15px;

 margin-right: 3px;

 border: 1px solid #e6e6e6;

 border-bottom: none;

 text-decoration: none;

 color: #000000;

 text-transform:uppercase;

}



ul.tabbernav li a:link {background: url(images/tabbg.gif) left repeat-x}

ul.tabbernav li a:visited { }



ul.tabbernav li a:hover {background: url(images/tabbgro.gif) left repeat-x}



ul.tabbernav li.tabberactive a

{

 background: #f8f8f8;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #333;

 background: #f8f8f8;

}



.tabbernav {position:relative; top:1px}



.tabberactive a {border: 1px solid #e6e6e6;}

/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:5px;

 border: 1px solid #e6e6e6;

 background:#f8f8f8;

 margin-bottom:10px;

 font-size:12px;





 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

  font-size:12px;

}

.tabberlive .tabbertab h3 {

 display:none;

 

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}



.tabbertab p { padding-bottom:10px; line-height:140%; }

.tabbertab ul { padding:0; margin:0;}

.tabbertab ul li { padding:5px 0 6px 0; }

.tabbertab ul li { background:url(images/sidebullet.gif) no-repeat 0 5px; padding-left:24px}