/*
Theme Name: Smoke and Mirrors
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.1
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 10px; padding: 0px 0px 5px; color: #1e1e1e; font-weight: lighter;}

h1{font-size: 18px; line-height: 22px;}
h2{font-size: 16px; line-height: 22px;}
h3{font-size: 14px; line-height: 18px;}
h4{font-size: 13px; line-height: 16px;}
h5{font-size: 12px; line-height: 15px;}
h6{font-size: 10px; line-height: 13px;}

p{font-size: 13px; line-height: 24px; margin-bottom: 12px; color: #333;}
blockquote, blockquote p{}

form{}
label{}
textarea, input{font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #f33; text-decoration: none;}
a.std_link:hover, a:hover{color: #000; }
a:active{text-decoration: underline;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

.wp-caption{padding: 10px; background: #f3f3f3; border: 1px solid #ccc; width: auto !important; }
	.wp-caption img{display: block; margin-bottom: 5px;}
	.wp-caption p.wp-caption-text{clear: both; text-align: center; margin: 0px; padding: 0px; font-style: italic; font-size: 11px !important;}

strong{font-weight: bold;}
em{font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{background: #000; margin-bottom: 30px;}
	#header{}
		#header-row{padding: 10px 0px; background: #1e1e1e; border-top: 1px solid #333; border-bottom: 1px solid #333;}
		#page-content-header{padding: 30px 0px; background: #000;}

#content-container{width: 960px; margin: auto; background: #fff;}
	#left-column{width: 630px; float: left;}
	#right-column{width: 300px; float: right;}
	
	#full-width{width: 960px; clear: both;}
	

#footer-container{clear: both; background: #000; margin-top: 30px;}
	.footer-copy{padding: 20px 0px; background: #000;}
	.footer-widgets{padding: 30px 0px; background: #1e1e1e; border-top: 1px solid #333; border-bottom: 1px solid #333;}



/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*--------------------------*/
	/*- PAGE MENU --------------*/
	.page-nav{width: 960px; padding: 15px 0px; margin: auto; text-transform: uppercase; font-size: 10px;}
		ul.page-nav li{float: left; margin-right: 20px;}
			ul.page-nav li:last-child{}
	
			ul.page-nav li a{color: #fc0;}
			ul.page-nav li a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.99);}


	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.header-row-container{width: 960px; margin: auto;}
		.logo{float: left; width: 400px;}
			.logo h1{margin: 0px; padding: 0px;}
	
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{float: right; font-size: 12px; margin-top: 9px;}
	ul#menu li.parent-item{float: left; margin-right: 20px; margin-left: 10px; font-style: italic; position: relative;}
		ul#menu li.parent-item:last-child{}

		ul#menu li.parent-item a.parent-link{color: #999;}
		ul#menu li.parent-item a.parent-link:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.99);}
				
		ul#menu li.parent-item a.parent-link-sub-menu{}
			ul#menu li.parent-item a.parent-link-sub-menu:hover{}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{ position: absolute; z-index: 1000; clear: both; top: 20px; width: 140px; line-height: 20px; background: #000; border: 1px solid #333;}
			ul.sub-menu li{border-bottom: 1px dotted #333;}
				ul.sub-menu li a{color: #999; display: block; padding: 8px; }
					ul.sub-menu li a:hover{color: #fff; background: #111;}
			ul.sub-menu li:last-child a{}
		ul#menu li.parent-item:last-child ul.sub-menu{}


	/*---------------------------*/
	/*- WORDPRESS MENU ----------*/
	#nav{float: right; font-size: 12px; margin-top: 9px;}
		#nav li{float: left; margin-right: 20px; margin-left: 10px; font-style: italic; position: relative;}
			#nav li:last-child{}
			#nav li a{color: #999;}
			
	#nav ul.sub-menu{ position: absolute; z-index: 1000; clear: both; top: 20px; width: 140px; line-height: 20px; background: #000; border: 1px solid #333;}
	#nav ul.sub-menu ul, #nav ul.sub-menu ul ul, #nav ul.sub-menu ul ul ul{left: 15px;}
			#nav ul.sub-menu li{border-bottom: 1px dotted #333; width: 100%; margin-left: 0px;}
				#nav ul.sub-menu li a{color: #999; display: block; padding: 8px;}
					#nav ul.sub-menu li a:hover{}
			#nav ul.sub-menu li:last-child{border-bottom: none;}
		
		
	/*-----------------------------------------*/
	/*- PAGE CONTENT TITLE CONTAINER ----------*/
	#page-content-header{width: 960px; margin: auto;}
		#page-content-header h2, #page-content-header h2 a{ padding: 0px; margin: 0px 0px 0px; color: #fff; font-size: 25px;}
			#page-content-header h2 a:hover{color: #f33;}
		
		#page-content-header ul.bread-crumbs{ margin-top: 20px;}
			#page-content-header ul.bread-crumbs li{float: left; color: #777; margin-right: 10px; font-size: 12px; font-style: italic;}
			#page-content-header ul.bread-crumbs li a{color: #777;}
			#page-content-header ul.bread-crumbs li a.selected{color: #f33;}
			#page-content-header ul.bread-crumbs li a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.99);}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/

.post .copy p{clear: none; font-size: 13px;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px; font-size: 13px; color: #333;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px; font-size: 13px; color: #333;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px;}


.post-container{padding: 10px; background: #eaeaea; border: 1px solid #ccc; margin-bottom: 30px;}
	.post{padding: 20px; background: #fff; border: 1px solid #ccc;}
	
		.post-header{padding: 0px 0px 15px; margin-bottom: 20px; border-bottom: 1px dotted #ccc; text-align: center;}
	
	.post h3, .post h3 a{padding: 0px; margin: 0px 0px 10px; color: #1e1e1e; font-size: 20px; line-height: 24px;}
		.post h3 a:hover{color: #f33;}
		h4.date{margin: 0px; padding: 0px; font-size: 11px; color: #999; text-transform: uppercase;}
			h4.date span{text-transform: lowercase; color: #f33; font-style: italic;}
			
	.post .post-image{ margin-bottom: 10px;}
	.post .copy{margin-bottom: 10px;}
	
	.content-left{float: left; width: 340px;}
	.image-right{float: right; width: 200px;}
			
	.image-left{float: left; width: 200px;}
	.content-right{float: right; width: 340px;}
	
	.post a.continue{clear: both; display: block; padding: 10px 0px 0px; margin: 15px 0px 0px; border-top: 1px dotted #ccc; color: #1e1e1e; font-style: italic; font-size: 13px;}
		.post a.continue:hover{color: #f33;}

	/*--------------------------------------------------------*/
	/*- VOTING STYLES ----------------------------------------*/
	.voting{padding: 10px 0px; border-bottom: 1px dotted #ccc; font-size: 10px; text-transform: uppercase; overflow: auto;}
	 	.voting a{float: right; margin-left: 30px; color: #777;}
	 	.voting a:hover{color: inherit;}


	/*--------------------------------------------------------*/
	/*- AUTHOR STYLES ----------------------------------------*/
	.author{clear: both; display: block; width: 565px; padding: 20px 20px 0px; margin: 15px 0px 0px -20px; border-top: 1px solid #ccc; color: #1e1e1e;}
		.author img{float: left;}
		.author .author-details{width: 470px; float: right;}
		.author h4{color: #1e1e1e; font-size: 15px; margin: 0px 0px 10px; padding: 0px;}
		.author p{color: #999; margin-bottom: 10px;}


h3.section-title{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dotted #ccc; font-size: 20px;}
	h3.section-title span{font-style: italic; color: #999;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.sub-posts li{width: 300px; float: left}
.sub-posts li.alt{float: right;}

.mini .post-header{border-bottom: none; padding: 0px; margin: 0px;}


	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	.pagination-container{ padding: 10px; background: #fff; border: 1px solid #ccc;}
	ul.page_button_content{ border: 1px solid #eaeaea; font-size: 12px;}
		ul.page_button_content li{float: left; padding: 10px 8px; border-right: 1px dotted #ccc;}
		ul.page_button_content li a{color: #000;}
		ul.page_button_content li a:hover{color: #f33;}
			ul.page_button_content li.previous-page a, ul.page_button_content li.next-page a{color: #f33; text-transform: uppercase; padding: 10px 15px;}
				ul.page_button_content li.previous-page a:hover, ul.page_button_content li.next-page a:hover{ color: #000;}
			ul.page_button_content li.last{float: right; border-left: 1px dotted #ccc; border-right: none;}
				
			ul.page_button_content li a.selected-page{}
			ul.page_button_content li a.selected-page:hover{}

			ul.page_button_content li a.other-page{}
				ul.page_button_content li a.other-page:hover{}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-container{padding: 10px; background: #eaeaea; border: 1px solid #ccc; margin-bottom: 30px;}
	.comment{padding: 20px; background: #fff; border: 1px solid #ccc; clear: both;}
	
		.comment-avatar{float: left; padding: 10px; margin-left: -45px; border: 1px solid #ccc; background: #fff;}
			.comment-avatar img{border: 1px solid #ccc;}

		.comment-post{float: right; width: 520px;}
		
			.comment h4{color: #f33; border-bottom: 1px dotted #ccc; padding-bottom: 10px; font-size: 15px;}
				.comment h4 a.twitter-link{ margin-left: 20px; color: #999; font-style: italic; font-size: 11px;}
				.comment h4 a.twitter-link:hover{color: #000;}
				
		.reply-comment{clear: both; font-size: 10px; text-transform: uppercase;}
		.comment-date{float: right; color: #777; text-transform: uppercase; font-size: 10px;}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{width: 550px; margin-left: 80px;}
		.threaded-comments .comment{border-top: none;}
			.threaded-comments .comment-post{width: 440px;}
		.threaded-comments .first{border-top: 1px solid #ccc;}

/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{}
	.comment-form-content .comment_form label{clear: left; float: left; width: 70px; padding: 5px 0px; color: #777; font-size: 15px;}

	.comment-input{float: left; width: 220px; margin-bottom: 20px;}
		.comment-input input{width: 210px; padding: 5px; border: 1px solid #ccc;}
	.logged-in{clear: left; color: #999; font-style: italic; font-size: 11px; margin-left: 70px; width: 210px; display: block; height: 26px;}
	.checkbox{clear: left; color: #999; font-style: italic; font-size: 11px; margin-left: 65px;}

	.textarea{float: right; width: 320px;}
		.textarea label{clear: both; margin-bottom: 5px;}
		.comment-texarea{clear: both; margin-bottom: 20px;}
			.comment-texarea textarea{width: 310px; height: 129px; padding: 5px; border: 1px solid #ccc;}
			input.submit_button{ padding: 5px; }


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h5.advertisement{display: block; height: 6px; margin: 0px 0px 5px; padding: 0px; background: #fff url(images/layout/advertising.png) top no-repeat; overflow: hidden; text-indent: -9999px;}

.adverts{clear: both;}
	.advert{width: 125px; float: left; margin: 10px;}
		.advert a{}
			.advert li a:hover{}
	.widget_ocmx_small_ad_widget .alt{}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives a{}
#archives a:hover {}
h4.archive_year{padding: 0px 0px 10px; margin: 0px 0px 10px; color: #1e1e1e; font-size: 20px; line-height: 24px; border-bottom: 1px dotted #ccc; text-align: center;}
ul.archives_list{}
ul.archives_list  li{line-height: 24px; padding: 15px 0px; border-bottom: 1px dotted #f3f3f3; font-size: 13px;}
	.archives_list li .archive-post-image{width: 45px; height: 45px; overflow: hidden; float: left; margin-right: 20px; border: 5px solid #eaeaea;}
		.archives_list li .archive-post-image img{display: block; margin: auto;}
	.archives_list li a{color: #333;}
	.archives_list li a:hover{color: #f33;}
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; font-style: italic; text-transform: uppercase; color: #777;}
		ul.archives_list .date sup{position: relative; top: -3px; font-size: 7pt; text-transform: lowercase; font-size: 8px;}
		ul.archives_list .label{ display: inline-block; min-width: 80px; font-size: 13px; font-style: italic;}
		ul.archives_list .label a{color: #527b94;}
		ul.archives_list .label a:hover{color: inherit;}
		
.archives_list li:last-child{border-bottom: none; margin-bottom: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column h4.widgettitle, #right-column h4.widgettitle a{margin: 0px 0px 5px; padding: 0px 0px 5px; border-bottom: 1px dotted #ccc; color: #1e1e1e; text-align: center; text-transform: uppercase; font-size: 12px;}
	#right-column h4 a{}
	#right-column h4 a:hover{}

#right-column ul{font-size: 12px;}
	#right-column ul li.widget{clear: both; margin-bottom: 50px;}
		#right-column ul li.widget ul{line-height: 20px; border-bottom: 2px solid #ccc;}
			#right-column ul li.widget ul li{padding: 5px 0px; border-bottom: 1px dotted #ccc;}
			#right-column ul li.widget ul li:last-child{border-bottom: none;}
				#right-column ul li.widget ul li a{color: #527B94;}
					#right-column ul li.widget ul li a:hover{color: #000;}


	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{padding: 20px; background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 27px;}
	.search-form input.search{float: left; width: 175px; padding: 4px 10px; margin-right: 10px; background: #fff; border: 1px solid #ccc; font-style: italic;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;}
	.search-form input.search_button{float: right; display: inline-block; margin: 0px 0px 0px; padding: 4px 0px; background: none; border: none; color: #555; text-transform: uppercase; text-align: left; font-size: 10px;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widget_popular_entries{border-bottom: 2px solid #ccc;}
		.widget_popular_entries .slider-container {position: relative; z-index: 1; height: 330px; width: 300px; overflow: hidden;}
		.slider-container .sliding-element{position: relative; width: 999999px;}
		.widget_popular_entries ul{float: left; margin-right: 5px; width: 300px; display: block; border-bottom: none !important;}
			.widget_popular_entries li{float: left; margin: 5px 20px 15px 0px; border-bottom: none !important;}
				.widget_popular_entries li a{display: block; width: 140px; height: 80px; overflow: hidden; position: relative;}
					.widget_popular_entries li img{position: absolute;}
					.widget_popular_entries li a span{display: none;}
						.widget_popular_entries li a:hover span{display: block; width: 130px; padding: 5px; position: absolute; bottom: 0px; background: url(images/layout/popular-post-overlay.png) repeat; font-size: 10px; color: #fff; line-height: 16px;}
			.widget_popular_entries li.alt{margin-right: 0px;}
			
			.controls{clear: both; padding: 5px 75px; border-top: 1px dotted #ccc; font-size: 10px; text-transform: uppercase;}
				.controls a.prev{float: left; padding: 0px 15px; color: #527B94;}
				.controls a.next{float: right; padding: 0px 15px; color: #527B94;}
					.controls a:hover{color: #000;}
					
				.controls span{color: #999;}
				.controls span span.of{color: #f33; font-style: italic; text-transform: lowercase;}
	
	
	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widget_recent_comments{border-bottom: 2px solid #ccc; text-align: center; }
		.widget_recent_comments li{padding: 20px 0px; border-bottom: 1px dotted #ccc;}
			.widget_recent_comments li:last-child{border-bottom: none;}
			.widget_recent_comments li p{color: #1e1e1e; font-style: italic; font-size: 13px;}
			.widget_recent_comments li a{color: #527B94; text-transform: uppercase; font-size: 10px;}
			.widget_recent_comments li a:hover{color: #000;}
			.widget_recent_comments li a span{color: #f33; font-style: italic; text-transform: lowercase;}
			

	/*--------------------------------------------*/
	/*- ARCHIVES ---------------------------------*/
	.widget_archives{border-bottom: 2px solid #ccc; font-size: 12px; line-height: 22px;}
	.widget_archives ul, .widget_archives ul li{border-bottom: none !important;}
		.widget_archives a{display: block; font-style: italic; color: #527B94;}
		.widget_archives ul.month span{color: #999; float: right;}
		.widget_archives a.selected, .widget_archives ul.month a.selected span{color: #f33;}
			.widget_archives a:hover, .widget_archives ul.month a:hover span{color: #000;}
		
		.widget_archives ul.year{float: left; width: 100px; margin-bottom: 20px;}
		.widget_archives ul.month{float: left; width: 190px; margin-bottom: 20px;}
			
		.widget_archives ul li{padding: 3px 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.footer-content h2{color: #fff;}
.footer-content p{color: #777;}
.footer-content a{color: #ccc;}
.footer-content a:hover{color: #f33;}

.footer-content{width: 960px; margin: auto; font-size: 11px; color: #777;}
	.footer-copy p{font-size: 11px; color: #777; float: left;}
	.footer-copy p a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.99);}
		a.obox-logo{float: right; display: block; width: 185px; height: 16px; background: url(images/layout/obox-logo.png) top; text-indent: -9999px;}
			a.obox-logo:hover{background: url(images/layout/obox-logo.png) bottom;}

.footer-one{float: left; width: 630px;}
.footer-two{float: right; width: 300px;}
	.footer-two a{float: left; display: inline-block; padding: 5px 10px 5px 0px; margin-right: 10px; color: #ccc;}
 	.footer-two a:hover{color: #f33;}
	
	/*--------------------------*/
	/*- FOOTER PAGE MENU -------*/
	#footer-container .page-nav li.parent-item a{color: #fc0;}
		#footer-container ul.page-nav li.parent-item a:hover{color: #fff; text-shadow: 0px 0px 3pt rgba(255, 255, 255, 0.99);}


/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{}
		#flickr_badge_wrapper .flickr_badge_image{float: left; margin: 7px;}
		#flickr_badge_wrapper .flickr_badge_image a{border: 5px solid #e0e0e0; display: block;}
		#flickr_badge_wrapper .flickr_badge_image a:hover{border: 5px solid #f33;}	
	
	
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	#twitter_update_list{text-transform: uppercase; font-size: 10px;}
	#twitter_update_list span{text-transform: lowercase; display: block;}
	
	/*--------------------------------------------*/
	/*- SOCIAL ICONS -----------------------------*/
	ul.social-list li{width: 49.5%; float: left;}
	ul.social-list li a{background: url(images/layout/social-icons.png) no-repeat; text-indent: 30px; padding: 0px 0px 0px 28px;}
		ul.social-list li a.reddit{			background-position: -3px -0px;}
		ul.social-list li a.float{				background-position: -0px -57px;}
		ul.social-list li a.yahoo{				background-position: -1px -115px;}
		ul.social-list li a.social-twitter{	background-position: -1px -171px;}
		ul.social-list li a.technorati{		background-position: -1px -228px;}
		ul.social-list li a.rss{				background-position: -1px -284px;}
		ul.social-list li a.social-facebook{	background-position: -2px -340px;}
		ul.social-list li a.social-digg{		background-position: -1px -397px;}
		ul.social-list li a.delicious{			background-position: -1px -453px;}
		ul.social-list li a.youtube{			background-position: -1px -509px;}
		ul.social-list li a.stumbleupon{		background-position: -1px -565px;}
		ul.social-list li a.social-rss-email{	background-position: -1px -621px;}
		ul.social-list li a.social-flickr{		background-position: -2px -675px;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}