/*
Name: Platform
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0.5
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{background: #555; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px;}

h1, h2, h3, h4, h5, h6{font-family: Georgia, "Times New Roman", Times, serif; color: #222; line-height: 24px;}

h1{margin: 0px; padding: 0px 0px 10px 0px; font-size: 35px; font-weight: lighter;}
h2{margin: 0px; padding: 0px 0px 10px 0px; font-size: 25px; font-weight: lighter;}
h3{margin: 0px; padding: 0px 0px 10px 0px; font-size: 18px; font-weight: bold;}
h4{margin: 0px; padding: 0px 0px 10px 0px; font-size: 16px;}
h5{margin: 0px; padding: 0px 0px 10px 0px; font-size: 13px; font-weight: bold;}
h6{margin: 0px; padding: 0px 0px 10px 0px; font-size: 13px;}

p{line-height: 22px; margin: 0px 0px 15px;}
blockquote, blockquote p{line-height: 24px; padding: 10px; margin: 0px 0px 15px; font-style: italic;}

form{}
label{}
textarea, input{}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{ color: #069; text-decoration: none;}
a.std_link:hover, a:hover{color: #c00; text-decoration: underline;}
a:active{color: #000;}
	
/*--- 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;}
em{font-style: italic;}
strong{font-weight: bold;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 1000px; margin: auto; overflow: hidden; background: url(images/layout/container-bg.png) repeat-y; border-left: 8px solid #454545; border-right: 8px solid #454545;}

#parent-header{ padding: 10px 10px; background: #000; border-bottom: 1px dotted #333;}

#header{padding: 40px 20px; background: #111;}

#left-bar{float: left; width: 179px; padding: 0px; margin-right: 1px; min-height: 300px;}

#content-container{float: right; width: 820px;}
	#feature-slider{clear: both; width: 780px; height: 280px; padding: 1px 20px 20px; margin: 0px; position: relative; background: #000; z-index: 2;}
	#middle-bar{width: 520px; min-height: 300px; padding: 20px 0px 10px; margin: 0px 300px 0px 0px; overflow: hidden;}
	#right-bar{float: right; width: 299px; padding: 0px 0px 10px;}


#footer{clear: both; background: #000; padding: 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- PARENT HEADER ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.page-list li{float: left; margin: 3px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 7.5pt; text-transform: uppercase;}
	ul.page-list li a{color: #ccc; color: #ccc; padding: 5px 15px 5px 10px; display: block;}
		ul.page-list li a:hover{color: #fff; text-decoration: none;}
	
	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{float: right; width: 220px; border: 1px solid #333; background: #000; padding: 5px 10px; margin-right: 10px;}
	.search-form input.search{float: left; width: 200px; background: none; border: none; font-style: italic; font-size: 7.5pt; color: #fff; font-family: Georgia, "Times New Roman", Times, serif;}
	.search-form input.search_button{font-size: 10pt; font-style: italic; width: 15px; float: right;}
	
/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logo{float: left; margin: 8px 0px 0px; padding: 0px;}
.header-advert{float: right; width: 468px; height: 60px; background: #000; border: 1px solid #333;}

	/*--------------------------*/
	/*- MENU -------------------*/
	ul#menu{clear: both; height: 42px; position: relative; z-index: 5; background: #000; border-top: 1px dotted #333; font-family: Georgia, "Times New Roman", Times, serif;}
	ul#menu li.parent-item{float: left; position: relative; margin: 10px 10px;}
		ul#menu li.parent-item:last-child{ border-bottom: none;}

		ul#menu li.parent-item a.parent-link{display: block; padding: 5px 10px; color: #ccc; font-weight: lighter; font-size: 8pt; text-transform: uppercase;}
		ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.parent-link:active{color: #fff; text-decoration: none; /*background-color: #f8f8f8;*/}
				
		ul#menu li.parent-item a.parent-link-sub-menu{}
			ul#menu li.parent-item a.parent-link-sub-menu:hover{}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#menu ul.sub-menu{display: none; position: absolute; top: 31px; z-index: 1000; width: 180px; height: inherit; background: #000;}
			ul#menu ul.sub-menu li{padding: 0px; margin: 0px; border: none; border-bottom: 1px dotted #ccc;}
				ul#menu ul.sub-menu li a{display: block; padding: 10px; color: #ccc; font-size: 8pt;}
					ul#menu ul.sub-menu li a:hover{color: #fff; text-decoration: none; background: #222;}
			ul#menu ul.sub-menu li:last-child{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN ONE ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*---------------------------*/
	/*- SIDE BAR WIDGET STYLING -*/
	#left-bar ul#left-side-bar li.widget{padding: 0px 0px 10px; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
		#left-bar ul#left-side-bar li.widget:first-child{border-top: none;}
		#left-bar ul#left-side-bar li.widget:last-child{padding: 0px 0px 20px; border-bottom: 3px solid #ccc;}
	
	#left-bar h3{padding: 5px 0px; margin: 0px 0px 10px; border-bottom: 1px dotted #999; text-align: center; font-style: italic; font-size: 10pt;}
	
	#left-bar ul li ul li{padding: 10px 20px; border-bottom: 1px dotted #ccc; line-height: 20px;}
	#left-bar ul li ul li a{}
		#left-bar ul li ul li a:hover{}
	#left-bar ul li ul li:first-child{padding-top: 0px;}
	#left-bar ul li ul li:last-child{border: none; padding-bottom: 0px;}
	
	#left-bar ul.advert li{clear: both; border-bottom: 1px dotted #ccc; text-align: center;}
		#left-bar ul.advert li a{display: block; padding: 5px 0px;}
		#left-bar ul.advert li:last-child{padding-bottom: 0px; border-bottom: none;}


/*--------------------------------------------------------*/
/*- FEATURE SLIDER ---------------------------------------*/
/*--------------------------------------------------------*/
ul.selecters{clear: both; width: 160px; padding: 5px; margin: 10px; position: relative; z-index: 5; background: url(images/layout/feature-title-bg.png) repeat}
	ul.selecters li{float: left;}
		ul.selecters li a{display: block; width: 32px; height: 16px; padding: 0px; background:url(images/layout/feature-selecters.png) top no-repeat; text-indent: -9999px; overflow: hidden;}
		ul.selecters li a:hover, ul.selecters li a.selected{background-position: bottom;}

#feature-slider a.feature-image{position: absolute; z-index: 1; display: block; width: 780px; height: 280px; overflow: hidden;}
#feature-slider div.feature-descriptions{width: 740px; padding: 10px; margin: 10px; position: absolute; bottom: 20px; z-index: 3; background: url(images/layout/feature-title-bg.png) repeat; border-top: 1px solid #003D59;}
	#feature-slider div.feature-descriptions h3{float: left; width: 200px; color: #fff; font-weight: lighter; font-size: 12pt;}
		#feature-slider div.feature-descriptions h3 a{color: #fff;}
		#feature-slider div.feature-descriptions h3 a:hover{color: #ccc; text-decoration: none;}
	#feature-slider div.feature-descriptions p{float: right; width: 500px; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 10px; border-left: 1px dotted #003D59; color: #ccc; font-weight: lighter;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN TWO ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#content{}

	/*--------------------------------------------------------*/
	/*- OTHER FEATURES BAR -----------------------------------*/
	.other-features{padding: 0px 0px; margin: 0px; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
		.other-features h3.header-comments{padding: 8px; margin: 0px; border-bottom: 1px dotted #ccc; text-align: center; font-size: 8pt; text-transform: uppercase; color: #000; font-weight: lighter; font-style: normal;}
		.other-features .feature-item{float: left; width: 132px; padding: 15px 20px;}
			.other-features .feature-item h4.date{clear: both; padding: 0px; margin: 0px; font-size: 10px;}
			.other-features .feature-item h3.title{clear: both; margin: 0px; padding: 0px; font-size: 12px; font-style: italic;}
			.other-features .feature-item p{color: #777; font-size: 11px;}
		.other-features .middle{border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}


	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	ul.page_button_content{padding: 15px 20px 0px; border-top: 3px solid #e0e0e0;}
		ul.page_button_content li{float: left; margin: 0px 10px 0px 0px;}
		ul.page_button_content li a{display: block; padding: 5px 5px; margin: 0px 0px 10px; background: #002D42; color: #fff; text-decoration: none; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
			ul.page_button_content li a.previous-page, ul.page_button_content li a.next-page{background: #444;}
				ul.page_button_content li a.previous-page:hover, ul.page_button_content li a.next-page:hover{background: #000;}
				
			ul.page_button_content li a.selected-page{background: #444; font-weight: bold;}
			ul.page_button_content li a.selected-page:hover{background: #000;}

			ul.page_button_content li a.other-page{background: #ccc; color: #444; font-weight: bold;}
				ul.page_button_content li a.other-page:hover{background: #444; color: #fff; font-weight: bold;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy p{clear: none;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px; color: #555;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{}

.post{clear: both; padding: 16px 20px 8px; border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;}

	.first{border-top: none; padding-top: 0px;}

	.post h2.title a{display: block; padding: 0px 0px 5px; margin: 0px 0px px; color: #000; border-bottom: 1px dotted #ccc; line-height: 28px;}
	.post h2.title a:hover{color: #069; border-bottom: 1px solid #ccc; text-decoration: none;}

	.date{float: left; display: block; padding: 0px; margin: 0px 0px 15px; color: #777; font-size: 11px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
	
	a.comment-count{float: right; padding: 1px 0px 0px; color: #069; text-align: right; font-size: 8pt; cursor: pointer; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
		a.comment-count:hover{background-position: bottom; color: #c00; text-decoration: none;}

	.post .media{margin: 0px 0px 10px;}
	
	.post .tags{clear: both; padding: 10px 0px; border-top: 1px dotted #ccc;}
		.post .tags a{float: left; display: block; padding: 5px 5px; margin-right: 10px; background: #000; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
		.post .tags a:hover{background: #c00; text-decoration: none;}
			
	.post .copy{clear: both;}
		a.action-link{clear: both; display: inline-block; padding: 5px 5px; margin: 0px 0px 15px; background: #000; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
			a.action-link:hover{background: #c00; text-decoration: none;}

	/*--------------------------------------------------------*/
	/*- SPECIAL STYLING FOR ITEMS SUCH AS BREAKING NEWS ------*/
	.special{margin: 0px 20px 20px; padding: 0px; background: #fc0; overflow: hidden; border-top: none; border-bottom: 1px solid #f90;}
	
		.special h2.title a{padding: 10px; background: #111; color: #fff; border-bottom: 3px solid #000;}
			.special h2.title a:hover{padding: 10px; color: #f00; border-bottom: 3px solid #c00;}
			.special h2.title a span.breaking-headline{display: block; color: #999; font-size: 9pt; text-transform: uppercase;}
			
		.special .date{margin-left: 10px; color: #000;}
		.special .comment-count{margin-right: 10px;}
		
		.special a{color: #fff;}
			.special a:hover{color: #f00;}
		
		.special .media{border: 5px solid #000; border-left: none; border-right: none;}
		
		.special .copy{padding: 10px; color: #000;}
			.special .copy a.action-link{background: #000; margin-bottom: 5px;}


/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.promote-post{background: #f8f8f8; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
	.promote-post h3{padding: 8px; margin: 0px; color: #000; border-bottom: 1px dotted #ccc; text-align: center; font-size: 8pt; text-transform: uppercase; font-weight: lighter;}
	.promote-post ul{width: 280px; padding: 10px 20px; margin: auto;}
		.promote-post ul li{float: left; padding: 10px 0px 0px; margin-right: 15px;}
			.promote-post ul li.tweet{padding-top: 29px;}
			.promote-post ul li.moo{padding-top: 29px;}
			.promote-post ul li.bump{padding-top: 19px;}
			.promote-post ul li.digg{padding-top: 11px; margin-right: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{ padding: 0px 20px;}
	h3.header-comments{padding: 6px 0px 8px; text-align: center; font-style: italic; font-size: 16pt;}
	.comment{padding: 0px 0px 5px; margin: 0px;}
		.user{padding: 10px 00px; /*background: #222; border-bottom: 1px solid #000; border-top: 3px solid #000;*/ border-top: 3px solid #ccc; border-bottom: 1px dotted #ccc;}
			.user img{float: left; margin-right: 10px; width: 40px; height: 40px; margin-right: 10px;}

		.comment h4{padding: 0px; margin: 0px 0px 8px; font-size: 11pt; font-variant: normal; line-height: 20px;}
			.comment h4 a{color: #333;}
			.comment h4 a:hover{color: #069;}
			.comment h4 a.twitter-link{font-style: italic; font-size: 8pt;}

		.comment p.comment-date{margin: 0px; padding: 0px; color: #777; font-size: 8pt; font-variant: normal; font-family: Arial, Helvetica, sans-serif; line-height: 0px;}
			
		.user a.action-link{float: right; padding: 6px 5px 8px; margin: 0px; background: #fff; color: #333; font-size: 8pt;}
			.user a.action-link:hover{background: #069; color: #fff;}

	.comment-post{clear: both; padding: 10px 00px 0px;}
	
	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{margin-bottom: 20px; background: #f3f3f3; border: 3px solid #e0e0e0;}
		h4.header-comments{padding: 8px; margin: 0px; color: #000; text-align: center; font-size: 8pt; text-transform: uppercase;}
		.threaded-comments .thread-comment{padding: 10px 15px; margin-bottom: 1px; border-top: 1px solid #e0e0e0;}

			.threaded-comments .user{width: 100%; padding: 0px 0px 0px; margin: 0px 0px 5px; background: none; border-top: none;}
				.threaded-comments h4 a{color: #222;}
					.threaded-comments h4 a:hover{color: #c00;}
					.threaded-comments h4 a.twitter-link{font-style: italic; font-size: 8pt;}
				.threaded-comments p.comment-date{float: right; margin-top: 12px;}
				.threaded-comments .comment-post{padding: 0px;}
					.threaded-comments .comment-post blockquote{font-size: 10pt; font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{clear: both; border-bottom: 1px solid #ccc;}
	.comment-form-content h3.header-leave-comment{padding: 8px; margin: 0px; border-top: 1px solid #ccc; border-bottom: 1px dotted #ccc; text-align: center; font-style: italic;}
	
	/*------------------------------------------------------------------------------*/
	/*- WHEN RESPONDING TO A COMMENT THE FORM MUST BE CONTAINED WITH THIS STYLE ----*/
	#comments .comment-form-content{margin-bottom: 20px; background: #f3f3f3; border: 3px solid #e0e0e0;}
		#comments .comment-form-content h3.header-leave-comment{margin: 0px; color: #000; text-align: center; font-size: 8pt; text-transform: uppercase; font-style: normal; font-weight: normal;}
	
	.comment-form-content .comment_form{padding: 20px 40px;}
	
	.comment-form-content .comment_form label{float: left; display: block; width: 100px; margin: 8px 0px 20px; color: #333; font-family: Georgia, "Times New Roman", Times, serif;}

	.comment-input{margin-bottom: 20px;}
		.comment-input input{width: 250px; padding: 4px; border: 1px solid #999; border-bottom: 3px solid #999;}
	.comment-texarea{margin-bottom: 10px;}
		.comment-texarea textarea{width: 280px; height: 200px; padding: 4px; border: 1px solid #999; border-bottom: 3px solid #999;}
		
	.checkbox{margin-bottom: 10px; color: #333; font-style: italic; font-size: 9pt;}
	input.submit_button{padding: 5px 10px; background: #111; color: #fff; border: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}

	#commment-post-alert{margin: 0px; color: #000; text-align: center; font-size: 8pt; text-transform: uppercase; font-style: normal; font-weight: normal;}

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives{padding: 16px 20px 8px; border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;}
#archives a{}
#archives a:hover {}
h4.archive_year{font-size: 20pt;}
#archives .archives_list{}
#archives .archives_list li{line-height: 24px; padding: 10px 0px;}
	#archives .archives_list li .archive-post-image{width: 45px; height: 45px; overflow: hidden; float: left; margin-right: 20px;}
	#archives .archives_list .date{display: block; margin-right: 20px; font-size: 10pt; font-style: italic;}
		#archives .archives_list .date sup{position: relative; top: -3px; font-size: 7pt;}
		#archives ul .label{ display: inline-block; min-width: 80px;}
		#archives ul .label a{}
		#archives ul .label a:hover{}
		
#archives .archives_list li:last-child{border-bottom: none; margin-bottom: 30px;}



/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#gallery-slider{width: 780px; overflow: hidden; padding: 0px 20px 10px; margin: 0px; position: relative; background: #000;}
	.gallery-description{clear: both;}
		.gallery-description h3{padding: 0px 0px 0px; margin: 0px;}
			.gallery-description h3 a{color: #fff; margin: 0px; font-size: 9pt; text-transform: uppercase;}
			.gallery-description h3 .gallery-header{color: #888; margin-right: 10px; background: #000; font-size: 9pt; font-style: italic;}
			.gallery-description p{color: #999;}
	ul.gallery-list{}
		ul.gallery-list li{width: 180px; height: 160px; margin: 0px 20px 20px 0px; overflow: hidden; float: left; position: relative;}
			li.gallery-image a{display: block; text-decoration: none;}
				li.gallery-image a img{position: absolute; z-index: 1;}
				span.gallery-image-overlay{position: absolute; z-index: 2; width: 192px; height: 192px; background: url(images/layout/gallery-image-overlay.png) -9999px no-repeat; text-indent: -9999px;}
				span.gallery-image-overlay:hover{background-repeat: repeat; background-position: top;}
				span.gallery-image-overlay:hover span.gallery_name{padding: 20px; display: block; z-index: 3; color: #fff; text-indent: 0px; line-height: 22px;}
				span.gallery-image-overlay:hover span.gallery_name span.gallery-date{display: block; color: #ccc; font-size: 10pt; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
		ul.gallery-list li.right{margin-right: 0px;}
	
	.gallery-next-prev{clear: both; margin-top: 10px; padding: 10px 0px; border-top: 1px dotted #333;}
		.gallery-next-prev a.next, .gallery-next-prev a.prev{float: right; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 8pt;}
		.gallery-next-prev a.prev{float: left;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN THREE ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-bar ul#side-bar li.widget{padding: 0px 20px 20px; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
	#right-bar ul#side-bar li.widget:first-child{border-top: none;}
	#right-bar ul#side-bar li.widget:last-child{border-bottom: 3px solid #ccc; padding: 0px 0px 20px;}
	
	#right-bar ul li.widget ul li{padding: 10px 20px; border-bottom: 1px dotted #ccc; line-height: 20px;}
	#right-bar ul li.widget ul li a{}
		#right-bar ul li.widget ul li a:hover{}
	#right-bar ul li.widget ul li:first-child{padding-top: 0px;}
	#right-bar ul li.widget ul li:last-child{border: none; padding-bottom: 0px;}
	
	#right-bar h3{text-align: center; font-style: italic; font-size: 10pt; border-bottom: 1px dotted #999; padding: 5px 0px; margin: 0px 0px 10px;}


	/*--------------------------------------------*/
	/*- TABBED CONTENT ---------------------------*/
	   #right-bar ul#side-bar li.tabbed-content{ width: 250px; padding: 0px; margin: 20px 20px; background: #fff; border: 3px solid #e0e0e0; font-size: 9pt;}
		ul.side-bar-tabs li{float: left; padding: 0px; margin: 0px; position: relative; z-index: 2; font-family: Georgia, "Times New Roman", Times, serif;}
			ul.side-bar-tabs li a{display: block; padding: 10px 10px 20px; margin: 0px; font-style: italic; color: #999;}
				ul.side-bar-tabs li a:hover, ul.side-bar-tabs li a:active, ul.side-bar-tabs li.selected a{color: #069; text-decoration: none; background: transparent url(images/layout/tab-hover.png) bottom no-repeat;}

	.selected-tabbed-content{clear: both; position: relative; top: -8px; z-index: 1; background: #fff; border-top: 1px solid #e8e8e8; color: #555;}
		.selected-tabbed-content ul li{ border-bottom: 1px dotted #ccc;}
			.selected-tabbed-content ul li:last-child{border-bottom: none;}
				.selected-tabbed-content ul li a{display: block; padding: 10px;}
				.selected-tabbed-content ul li a img{float: right; border: 1px solid #ccc;}
				.selected-tabbed-content ul li a span{float: left; display: block; width: 180px; line-height: 20px; color: #333;}
				.selected-tabbed-content ul li a:hover{text-decoration: none; background: #f8f8f8;}
					.selected-tabbed-content ul li a span:hover{color: #069;}
	
	.selected-tabbed-content p{display: block; padding: 5px 10px;}
	

	/*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{}
	.search-form input.search{}
	.search-form input.search_button{}

	/*--------------------------------------------*/
	/*- ADVERTS ----------------------------------*/
	.large-adverts{text-align: center; border: none;}
		.large-adverts a{display: block; padding-top: 20px;}

	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;}
		#flickr_badge_wrapper a{float: left; width: 105px; height: 105px; display: block; background: url(images/layout/comment-image-overaly.png) top left no-repeat;}
		#flickr_badge_wrapper a img{height: 80px; width: 120px; position: relative; left: 12px; top: 12px;}



	/*--------------------------------------------*/
	/*- CALENDAR ---------------------------------*/
	#side-bar #calendar_wrap{}
		#wp-calendar{}
		#side-bar #wp-calendar caption {}
		#wp-calendar td, #wp-calendar th{}
		#side-bar #wp-calendar td{}
		#side-bar #wp-calendar #prev {}
		#side-bar #wp-calendar #next {}
		#side-bar #wp-calendar th{}
		
	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list{} 
		ul#twitter_update_list li{padding: 10px; line-height: 20px; border-bottom: 1px dotted #ccc; }
		ul#twitter_update_list li a{font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8pt;}
			ul#twitter_update_list li a:hover{}
		ul#twitter_update_list li:last-child{border: none;}



/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.footer-links{border-bottom: 1px dotted #222; margin-bottom: 20px;}
	ul.footer-links li{float: left; margin: 0px 0px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 7.5pt; text-transform: uppercase;}
	ul.footer-links li a{color: #ccc; padding: 0px 15px 0px; display: block;}
		ul.footer-links li a:hover{color: #fff; text-decoration: none;}
	ul.footer-links li.last{float: right;}


		/*- ------------------------------*/
		/*- SOCIAL ICONS -----------------*/
		a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed{background: url(images/icons/sprite.gif) no-repeat; overflow: hidden; text-indent: 30px; padding: 2px 0px;}
			a.twitter{background-position: 0px -630px;}
			a.facebook{background-position: 0px -108px;}
			a.flickr{background-position: 0px -182px;}
			a.friendfeed{background-position: 0px -220px;}
			a.delicious{background-position: 0px -33px;}
			a.digg{background-position: 0px -70px;}
			a.lastfm{background-position: 0px -369px;}
			a.youtube{background-position: 0px -780px;}
			a.feed{background-position: 0px -145px;}
			
			
.footer-copy{font-size: 11px; text-align: center;}
	p.copyright{color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
		p.copyright a{color: #3C96DF;}
		p.copyright a:hover{color: #fff;}
	a.obox-logo{width: 185px; height: 16px; margin: auto; display: block; background: url(images/layout/obox-logo.png) top; text-indent: -9999px;}
		a.obox-logo:hover{background: url(images/layout/obox-logo.png) bottom;}


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