/*
Theme Name: Arcade
Theme URI: http://www.obox-design.com/
Description: Retro Designed Blog Theme
Version: 1.0.8
Author: Obox Signature Series
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-size: 13px; color: #fff; background: #050505 url(images/bg-2-top.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; width: 100%;}

h1{color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; min-height: 20px; font-size: 22px; letter-spacing: 0px; padding: 5px 0px 5px 0px; margin-bottom: 10px; overflow: hidden;}
	h1 a{color: #fff; text-decoration: none;}
h2{color: #fff; font-weight: lighter; font-size: 19px; margin: 0px 0px 10px; padding: 0px 0px 0px;}
	h2 a{font-weight: lighter;}
	h2.search{margin-bottom: 20px;}
h3{color: #fff; font-size: 15px; margin: 0px 0px 8px; padding: 0px 0px 6px; font-weight: lighter;}
h4{color: #fff; font-size: 12px; margin: 0px; padding: 8px 0px 10px 0px;}
h5{color: #fff; font-size: 10px; margin: 0px; padding: 8px 0px 10px 0px;}
h6{color: #fff; font-size: 9px; margin: 0px; padding: 8px 0px 10px 0px;}

p{color: #ccc; padding: 0px 0px 5px 0px; margin: 0px 0px 8px 0px; line-height: 24px;}
blockquote{clear: both; color: #999; padding: 0px 20px 5px; margin: 0px 0px 8px 0px; line-height: 24px; font-style: italic; background: url(images/layout/quote-mark.gif) top right no-repeat;}

form{ font-family: Arial, Helvetica, sans-serif;}
input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=image]{margin: 0px 5px 0px 0px; padding: 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #10c2af; text-decoration: none;}
a.std_link:hover, a:hover{color: #fff;}
a:active{outline: 1px dotted #555;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}

/*--- Forms ---*/
label{display: block; margin: 7px 30px 5px 0px; text-transform: uppercase; font-weight: bold; font-size: 16px; color: #ccc; width: 70px; float: left; clear: left;}
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 1020px; margin: 0px auto 0px; padding: 10px 0px 0px; background: url(images/bg-2.jpg) bottom center no-repeat;}

#header{clear: both; padding: 0px; margin: 0px; background: url(images/layout/header.png) bottom no-repeat; min-height: 106px; position: relative;}
	#header span.left-shine{display: block; width: 49px; height: 63px; z-index: 1; position: absolute; left: 14px; top: 58px; background: url(images/layout/left-top-shine.png) no-repeat;}
	#header span.right-shine{display: block; width: 38px; height: 69px; z-index: 1; position: absolute; left: 995px; top: 60px; background: url(images/layout/right-top-shine.png) no-repeat;}
	
#content-container{padding: 0px; margin: 0px; background: url(images/layout/content-bg.png) repeat-y;}
	#content-container #content{margin-left: 40px; width: 920px; padding: 20px 30px; background: url(images/layout/content-sub-bg.png) top no-repeat;}
		#left-column{width: 580px; float: left;}
		#right-column{width: 300px; float: right;}
		
#footer{margin: 0px auto 0px; clear: both; background: url(images/layout/main-footer.png) top no-repeat; height: 63px; position: relative;}
	#footer span.left-shine{display: block; width: 66px; height: 42px; z-index: 2; position: absolute; left: 8px; top: 38px; background: url(images/layout/bottom-left-shine.png) no-repeat;}
	#footer span.right-shine{display: block; width: 57px; height: 44px; z-index: 2; position: absolute; right: -23px; top: 37px; background: url(images/layout/bottom-right-shine.png) no-repeat;}
	
#base-footer-header{margin: 20px auto 0px; clear: both; background: url(images/layout/footer-header.png) top no-repeat; height: 56px; position: relative;}
	#base-footer-header span.left-shine{display: block; width: 49px; height: 63px; z-index: 1; position: absolute; left: 16px; top: 6px; background: url(images/layout/left-top-shine.png) no-repeat;}
	#base-footer-header span.right-shine{display: block; width: 38px; height: 69px; z-index: 1; position: absolute; left: 994px; top: 05px; background: url(images/layout/right-top-shine.png) no-repeat;}
	
#base-footer-content{margin-left: 0px; width: 1020px; padding: 0px; background: url(images/layout/footer-content-bg.png) repeat-y;}
	#base-footer-content .content{margin-left: 40px; width: 920px; padding: 20px 30px; background: url(images/layout/content-sub-bg.png) top no-repeat;}


/*-------------------------------------------------------------------------------------------*/
/*- DYNAMIC CONTAINER -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.dynamic-header{height: 19px; width: 100%;  background: #000 url(images/layout/parent-header-right.png) top right no-repeat; clear: both;}
	.dynamic-header .right{width: 21px; height: 19px; background: url(images/layout/parent-header-left.png) left no-repeat;}
	
.dynamic-content{clear: both; width: 100%; background:  #000 url(images/layout/parent-content-bg.png) right repeat-y; padding: 1px 0px; overflow: hidden;}

.dynamic-footer{clear: both; width: 100%; height: 38px; background: url(images/layout/parent-footer.png) bottom repeat-x;}
	.dynamic-footer .left{float: left; width: 19px; height: 38px; background: url(images/layout/parent-footer-left.png) left no-repeat;}
	.dynamic-footer .right{float: right; width: 38px; height: 38px; background: url(images/layout/parent-footer-right.png) right no-repeat;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logo{float: left; margin: 0px 0px 60px;}
.search-bar{float: right; width: 308px; height: 38px; background: url(images/layout/search-bar.png) no-repeat; position: relative; top: 40px; right: 37px;}
	.search-form input.search{float: left; width: 250px; height: 20px; padding: 0px; margin: 0px; position: relative; top: 11px; left: 15px; background-color: transparent; border: none;
		font-weight: bold; color: #ccc; font-style: italic; font-size: 12px;}
	.search-form input.search_button{float: right; position: relative; top: 7px; right: 3px;}

	/*--------------------------*/
	/*- MENU -------------------*/
	ul#menu{clear: both; width: 970px; list-style: none; padding: 4px 0px 0px; position: relative; left: 10px;}
	ul#menu li.parent-item{float: left; height: 49px; padding: 0px 0px; background: url(images/layout/menu-sep.gif) right repeat-y;}

		ul#menu li.parent-item a.parent-link{position: relative; z-index: 2; top: -10px; height: 55px; padding: 0px 0px 0px 19px; display: block; background: url(images/layout/menu-hover-left-no-sub.png) -9999px no-repeat; overflow: hidden; color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 14px;}
			ul#menu li.parent-item a.parent-link span{height: 30px; padding: 25px 28px 0px 10px; display: block; background: url(images/layout/menu-hover-right-no-sub.png) -9999px no-repeat; overflow: hidden;}
			ul#menu li.parent-item a.parent-link:hover{color: #10c2af; text-decoration: none; background-position: top left;}
				ul#menu li.parent-item a.parent-link:hover span{background-position: top right;}
				
		ul#menu li.parent-item a.parent-link-sub-menu{position: relative; z-index: 2; top: -10px; height: 55px; padding: 0px 0px 0px 19px; display: block; background: url(images/layout/menu-hover-left.png) -9999px no-repeat; overflow: hidden; color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 14px;}
			ul#menu li.parent-item a.parent-link-sub-menu span{height: 30px; padding: 25px 28px 0px 10px; display: block; background: url(images/layout/menu-hover-right.png) -9999px no-repeat; overflow: hidden;}
			ul#menu li.parent-item a.parent-link-sub-menu:hover{color: #10c2af; text-decoration: none; background-position: top left;}
				ul#menu li.parent-item a.parent-link-sub-menu:hover span{background-position: top right;}

		ul#menu li.menu-rss{float: right; background: none; position: relative; top: 10px; right: 20px;}
		ul#menu li.menu-rss a{display: block; width: 26px; height: 27px; overflow: hidden; top: 10px; background: url(images/layout/rss-icon.gif) top no-repeat; text-indent: -9999px;}
			ul#menu li.menu-rss a:hover{ background-position: 0px -27px;}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{clear: both; position: absolute; z-index: 1; top: -50px; left: -10px; background: url(images/layout/submenu-bg.png) no-repeat; width: 983px; height: 48px;}
			ul.sub-menu li{float: left; margin: 0px 10px 0px; background: none; padding: 10px; text-transform: uppercase; font-weight: bold; position: relative; top: 8px; font-size: 12px;}
				ul.sub-menu li a{color: #ccc;}
					ul.sub-menu li a:hover{color: #10c2af;}
		

/*-------------------------------------------------------------------------------------------*/
/*- 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: #ccc;}
	.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{background-color: #333; border: 1px solid #5b5367; width: 540px; padding: 20px; overflow: scroll; line-height: 20px; font-family: "Courier New", Courier, monospace; color: #ccc; margin-bottom: 20px;}
.post .copy img{padding: 10px; border: 1px solid #5b5367; background-color: #222;}


.post{margin-bottom: 30px; clear: both; background: url(images/layout/post-sep.gif) bottom repeat-x; padding-bottom: 5px;}
	.post .video{margin-bottom: 20px;}
	.post .image{width: 580px; height: 221px; overflow: hidden; position: relative; margin: 0px 0px 20px;}
		.post .image img{position: absolute; z-index: 1; margin: 0px; padding: 0px; border: none;}
		.post .image .image-overlay{width: 580px; height: 221px; position: absolute; z-index: 2; background: url(images/layout/feature-image-overlay-large.png) top no-repeat;}

		.post h1 a{color: #fff; top: 2px; position: relative;}
		.post h1 a:hover{text-decoration: none; color: #10c2af;}
		
		.post h2.author{font-weight: bold; color: #c55ac5; text-transform: uppercase; font-style: italic; font-size: 10px; margin-bottom: 15px; clear: both;}
			
		h3.date{float: right; width: 78px; height: 34px; margin-left: 10px; display: block; background: url(images/layout/date-bg.png) no-repeat; text-align: center;}
			h3.date span{ font-weight: bold; color: #000; text-transform: uppercase; font-style: italic; font-size: 10px; position: relative; top: 8px;}
			
	.post .copy{ clear: both;}
		.post .copy a.action-link{color: #c55ac5; padding: 0px 25px 0px 0px; margin-right: 20px; font-weight: bold; text-transform: uppercase; font-style: italic; font-size: 10px;}
			.post .copy a.action-link:hover{color: #fff;}
		.post a.read-post{border-right: 1px solid #555;}


.feature-post{clear: both; margin-bottom: 30px;}
	.feature-post .post{margin-bottom: 30px; height: 222px; padding: 0px; background: none;}
		.feature-post .post .image{width: 350px; height: 221px; overflow: hidden; position: relative; float: left; margin-right: 20px;}
			.feature-post .post .image img{position: absolute; z-index: 1; margin: 0px; padding: 0px; border: none;}
			.feature-post .post .image .image-overlay{width: 350px; height: 221px; position: absolute; z-index: 2; background: url(images/layout/feature-image-overlay.png) top no-repeat;}
		.feature-post .post .copy{ width: 540px; float: left; clear: none;}

	ul.feature-posts-list{margin-left: 20px; width: 850px;}
		.feature-posts-list li{float: left; width: 262px; }
		.feature-posts-list li a{float: left; display: block; height: 105px; overflow: hidden; position: relative; background: url(images/layout/comment-image-overaly.png) top left no-repeat;}
			.feature-posts-list li a .feature-image{float: left; display: block; height: 92px; width: 92px; overflow: hidden; position: relative;}
				.feature-posts-list li a .feature-image img{position: absolute; z-index: 1; left: 12px; top: 12px;}
		
		.feature-posts-list li a .feature-link{width: 140px; float: left; margin: 10px 00px 0px 10px; display: block; color: #ccc; font-weight: bold; line-height: 18px;}
		.feature-posts-list li.selected a .feature-link{color: #fff;}
			.feature-posts-list li a:hover .feature-link{color: #c55ac5;}
		.feature-posts-list li.next{float: right; width: 58px;}
			.feature-posts-list li.next a{float: right; width: 57px; height: 53px; display: block; position: relative; top: 25px; background: url(images/layout/next-button.png) top right no-repeat; overflow: hidden; text-indent: -9999px;}
				.feature-posts-list li.next a:hover{background-position: -1px -64px;}


	.page_button_content{clear: both; height: 40px; width: 100%; padding: 20px 0px 0px; margin: 20px 0px 0px;}
		.previous_page{float: left; text-align: center;}
		.next_page{float: right; text-align: center;}
		.previous_page a, .next_page a{display: block; height: 22px; width: 138px; padding: 15px 0px 0px; overflow: hidden; background: url(images/layout/button-bg.png) no-repeat;
			font-weight: bold; color: #fff; font-style: italic; font-size: 10px; text-transform: uppercase; }
			.previous_page a:hover, .next_page a:hover{background-position: 0px -50px; color: #;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments .dynamic-footer{margin-bottom: 30px;}
.comment{padding: 0px 20px 0px 10px; clear: both; width: 550px;}
	.user{float: left; width: 105px; height: 105px; position: relative; margin-right: 10px;}
		.user img{position: absolute; z-index: 1; left: 12px; top: 12px;}
		.commenter_border{ width: 105px; height: 105px; display: block; position: absolute; z-index: 2; background: url(images/layout/comment-image-overaly.png) top left no-repeat;}
	.comment-post{float: left; width: 410px; margin-top: 12px;}
		.comment-post h3{float: left; width: 100%; min-height: 21px; color: #fff; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #222;}
			.comment-post h3 a{color: #c55ac5; min-height: 21px;}
			.comment-post h3 a:hover{color: #fff;}
			.comment-post h3 span.comment-date{padding: 4px 0px 0px; margin-left: 20px; color: #555; font-weight: lighter; text-transform: uppercase; font-style: italic; font-size: 10px;}
			.comment-post a.action-link{color: #c55ac5; padding: 0px 25px 0px 0px; margin-right: 20px; font-weight: bold; text-transform: uppercase; font-style: italic; font-size: 10px;}
				.comment-post a.action-link:hover{color: #fff;}


	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{clear: both; width: 468px; min-height: 65px; margin: 20px 0px 0px 0px; padding: 60px 0px 0px 110px; color: #10c2af; background: url(images/layout/comment-sep.png) top left no-repeat;}
		.threaded-comments .thread-comment{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #2a2a2a;}
			.threaded-comments .user{float: left; width: 55px; height: 55px; position: relative; margin-right: 10px;}
				.threaded-comments .user img{width: 40px; height: 40px; position: absolute; z-index: 1; left: 8px; top: 8px;}
				.threaded-comments .commenter_border{ width: 55px; height: 55px; display: block; position: absolute; z-index: 2; background: url(images/layout/threaded-comment-image-overaly.png) top left no-repeat;}
				.threaded-comments .comment-post{float: left; width: 350px; margin-top: 12px;}
				
	/*--------------------------------------------------------*/
	/*- POST A COMMENT ---------------------------------------*/	
	.comment-input{background: url(images/layout/input-form-bg.png) left top no-repeat; width: 350px; height: 50px; float: left;}
		.comment-input input{width: 310px; height: 20px; padding: 6px 10px; background: none; border: none; color: #ccc;}
	.comment-texarea{background: url(images/layout/textarea-form-bg.png) left top no-repeat; width: 468px; height: 195px; float: left;}
		.comment-texarea textarea{width: 420px; height: 160px; padding: 6px 10px; background: none; border: none; color: #ccc; resize: none;}
					input.submit_button{clear: both; display: block; height: 38px; width: 138px; margin-left: 98px; overflow: hidden; background: url(images/layout/button-bg.png) no-repeat;
										font-weight: bold; color: #fff; font-style: italic; font-size: 10px; text-transform: uppercase; border: none;}
		.checkbox{font-weight: bold; color: #fff; font-style: italic; font-size: 10px; text-transform: uppercase;}
			
	/*--------------------------------------------------------*/
	/*- ARCHIVES ---------------------------------------------*/
	#archives {padding: 10px 0 0;}
	#archives a {color: #ccc;}
	#archives a:hover {color: #10c2af;}
	h4.archive_year {color: #c55ac5; padding: 0px 0px 10px 00px; text-transform: uppercase; font-weight: bold; font-style: italic; font-size: 10.5pt;}
	#archives .archives_list {border-left: 1px dotted #212121; list-style: none; list-style-image:none; list-style-position: outside; list-style-type:none; margin: 0px 0px 15px 15px;}
	#archives .archives_list li {clear:left; padding: 10px 0px 10px 15px; font-size: 12px; list-style: none; border-bottom: 1px dotted #212121;}
	#archives .archives_list .date {color: #555; width: 120px; font-style: italic; text-transform: uppercase; display: inline-block;}
		#archives ul .label {min-width: 110px; display: inline-block; margin-right: 20px;}
		#archives ul .label a {color: #c55ac5; font-weight: bold; padding: 2px 4px; font-size: 12px;}
		#archives ul .label a:hover { color: #fff; text-decoration: none;}

	/*--------------------------------------------------------*/		
	/*- GALLERY IMAGE ----------------------------------------*/
	ul.gallery_list{list-style: none; margin: 0px; padding: 0px;}
		li.gallery_image{float: left; width: 187px; height: 142px; margin: 0px 6px 20px 0px; padding: 0px 0px 0px; background: url(images/layout/galler-image-bg.png) top left no-repeat;}
			li.gallery_image a{display: block; width: 165px; height: 120px; margin: 11px 0px 0px 11px; overflow: hidden; text-align: center; position: relative;}
				li.gallery_image a img{position: absolute; z-index: 1; left: 0px; min-width: 165px;}
				span.gallery_name{position: absolute; bottom: 0px; left: 0px; text-align: center; z-index: 2; background: #000; color: #ccc; width: 170px; display: block; font-size: 11px; padding: 5px 0px; opacity: 0.8;}
			li.gallery_image a:hover, li.gallery_image a:hover span.gallery_name{color: #fff; text-decoration: none;}
		li.middle_image{margin: 0px 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column .dynamic-footer{margin-bottom: 30px;}
#right-column h2, #right-column h2 a{width: 279px; color: #c55ac5; padding: 0px 0px 10px 20px; /*background: url(images/layout/right-column-h2.png) bottom no-repeat;*/ border-bottom: 1px solid #2a2a2a; text-transform: uppercase; font-weight: bold;}
	#right-column h2 a{color: #c55ac5; padding: 0px; border: none;}
	#right-column h2 a:hover{color: #fff;}

#right-column ul div{margin: 0px 0px 0px; padding: 0px 30px 10px 20px; line-height: 20px;}	
#right-column ul li.widget{list-style: none; margin: 00px 1px 0px 0px; padding: 0px 0px 60px;  background: url(images/layout/right-column-h2.png) bottom no-repeat;}
	#right-column ul li.widget:last-child{background: none; padding: 0px 0px 0px; margin: 0px 0px 0px;}
	#right-column ul li ul li{padding: 10px 20px 10px; margin-right: 1px; border-bottom: 1px dotted #2a2a2a; line-height: 20px;}
		#right-column ul li ul li a{color: #fff; text-decoration: none; margin: 0px; display: block;}
		#right-column ul li ul li a:hover{color: #10c2af;}
	#right-column ul li:first-child{padding-top: 0px;}
	#right-column ul li:last-child{border: none; margin-bottom: 0px;}

	#right-column .advert{float: left; clear: none; margin: 0px 10px 20px; padding: 0px; border: none; width: 125px; height: 125px; background-color: #222222;}
	
		/*--------------------------------------------*/
		/*- TWITTER ----------------------------------*/
		ul#twitter_update_list{list-style: none; margin: 0px 0px 0px; padding: 0px;} 
			ul#twitter_update_list li{color: #ccc; line-height: 20px; padding: 20px 40px 20px 20px; margin-right: 1px; border-bottom: 1px solid #2a2a2a; font-size: 13px;}
			ul#twitter_update_list li a{color: #c55ac5; text-decoration: none; margin: 0px; display: inline;}
				ul#twitter_update_list li a:hover{color: #fff;}
			ul#twitter_update_list li:first-child{padding-top: 0px;}
			ul#twitter_update_list li:last-child{border: none; margin-bottom: 0px; padding-bottom: 0px;}

		/*--------------------------------------------*/
		/*- DETAILED LISTING IN RIGHT COLUMN ---------*/
		ul.feature-list{margin: 20px 0px 0px;}
			ul.feature-list li{padding: 20px 20px 10px; margin-right: 1px; border-bottom: 1px dotted #2a2a2a; line-height: 20px;}
			ul.feature-list li .detail-image{float: left; clear: none; width: 40px; margin-right: 15px; display: block;}
			ul.feature-list li div.detail-details{float: left; clear: none; width: 150px; padding: 0px; margin: 0px;}
				ul.feature-list li a.detail-link{display: block; padding: 0px 0px 2px; margin: 0px; text-transform: uppercase;}
				ul.feature-list li  p{color: #ccc; font-size: 13px;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul li.column-one, ul li.column-two, ul li.column-three{float: left; width: 200px; margin-right: 40px;}
	ul li.column-one{width: 420px;}
	ul li.column-three{margin: 0px 0px 0px 0px;}
	#base-footer-content h2{color: #c55ac5; padding: 0px 0px 0px 0px; text-transform: uppercase; font-weight: bold; font-size: 19px;}
	ul.social{margin: 0px; padding: 0px; list-style: none;}
	ul.social li{margin-bottom: 10px; line-height: 23px;}
		ul.social li a{display: block; width: 240px; text-indent: 24px;}
		
	#base-footer-content ul li ul{margin: 0px 0px 20px; padding: 0px; list-style: none;}
	#base-footer-content ul li ul li{margin-bottom: 5px; padding: 0px 0px 5px 0px; line-height: 23px; border-bottom: 1px dotted #333;}
		#base-footer-content ul li ul li a{display: block;}
	
	
		/*- ------------------------------*/
		/*- 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;}
			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;}
			
p.copyright{clear: both; color: #444; border-top: 1px dotted #333; padding: 10px 0px 0px; margin: 20px 0px 0px; text-align: center; font-style: italic;}
	p.copyright a{color: #555; text-decoration: underline;}
	p.copyright a:hover{color: #777;}


/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN STYLES ---------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- FLICKR ------------------------------------------------------------------*/
#flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;}
	#flickr_badge_wrapper .flickr_badge_image{float: left; width: 105px; height: 105px; display: block; background: url(images/layout/comment-image-overaly.png) top left no-repeat;}
	#flickr_badge_wrapper .flickr_badge_image img{height: 80px; width: 80px; position: relative; left: 12px; top: 12px;}
	
	
/*- CALENDAR -----------------------------------------------------------------*/
#calendar_wrap{}
#wp-calendar{width:100%; font-size: 10pt;}
	#wp-calendar caption {color: #c55ac5; padding: 0px 0px 10px 00px; text-transform: uppercase; font-weight: bold; font-style: italic; font-size: 10.5pt;}
	#wp-calendar td, #wp-calendar th{text-align:center; padding: 5px;}
	#wp-calendar #prev {text-align:right; text-transform: uppercase; text-align: left;}
	#wp-calendar #next {text-align:left; text-transform: uppercase; text-align: right;}
	#wp-calendar th{padding: 5px 5px; font-weight: bold; font-size: 12pt;}


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