/*
Name: OBOX
Design Studio: Obox Design http://www.obox-design.com/
Version: 3.0
Author: Obox Design
Author URI: http://www.obox-design.com/
You can have a look around but don't judge ;)
*/


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

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; color: #595959; font-size: 13px; background: #3D556C; line-height: 1.6em;
	font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial;}

h1, h2, h3, h4, h5, h6{margin: 0px 0px 0px; padding: 0px 0px 5px;}

h1{font-size: 25px; color: #202020; font-family: Tahoma, Arial; text-transform: uppercase; font-weight: bolder;}
h2{font-size: 18px; color: #333; margin: 0px; font-family: Tahoma, Arial; text-transform: uppercase; font-weight: bolder;}
h3{font-size: 18px; color: #333; margin: 0px; font-family: Tahoma, Arial; text-transform: uppercase; font-weight: bolder;}
h4{font-size: 15px; color: #202020; margin: 0px; font-weight: bolder;}
h5{font-size: 12px;}
h6{font-size: 10px;}

p{margin-bottom: 12px; color: #595959;}
textarea, input, select{padding: 5px; margin-bottom: 15px; background: #fff; border: 1px solid #7F9DB9; border-top: 1px solid #657A8C;
						font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; font-size: 13px; color: #777;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;}
input[type=checkbox]{height: 14px; width: 14px; padding: 0px; margin: 0px 5px 0px 5px; border: none; vertical-align: bottom;}
input[type=button], input[type=submit]{background: #A3C567; border: none; cursor: pointer; font-weight: bold; font-size: 12px; font-style: normal; color: #37451D; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30); text-transform: uppercase;}
input[type=button]:hover, input[type=submit]:hover{background: #97BC52; color: #111; cursor: pointer;}
input[type=button]:disabled, input[type=submit]:disabled{background: #ccc; color: #999; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);}
input.alt-button{background: #3D556C; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
input.alt-button:hover{background: #3D556C; color: #fff;}



/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #3D536C; text-decoration: none; font-weight: 600;}
a:hover{color: #000;}
a:active{text-decoration: #333;}
	
/*--- Layouts ---*/
.clearboth	{clear: both}
.floatleft	{float: left;}
.floatright	{float: right;}
.floatright	{float:right;}
.no_display	{display: none;}
.display_block	{display: block !important;}
.no-padding	{padding: 0px !important;}
.strike	{ text-decoration: line-through;}

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

.t-left		{text-align: left;}
.t-right	{text-align: right;}
.t-center	{text-align: center;}

strong{font-weight: bold;}
em{font-style: italic;}
pre{display: block; padding: 10px; margin: 0px 0px 10px; background: #fff; white-space: normal; font-family: "Courier New", Courier, monospace;
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
					-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{background: #151515 url(images/layout/header-bg.png) top repeat-x; border-bottom: 1px solid #000;}
#header{width: 940px; margin: auto; line-height: normal; position: relative; z-index: 4;}
	
#feature-splurb-container{height: 224px; padding: 40px 0px; background: url(images/layout/feature-bg.jpg) top center no-repeat; border-bottom: 1px solid #000;}
#feature-splurb{width: 940px; padding: 20px 0px; margin: auto; position: relative; z-index: 3;}
	
#title-container{padding: 35px 0px 30px; background: url(images/layout/feature-bg.jpg) top center no-repeat; border-bottom: 1px solid #000;}
#title-splurb{width: 940px; padding: 0px; margin: auto;}

.content-container{clear: both; background: #F9F7F0 url(images/layout/content-bg.jpg) top no-repeat;}
.full-width{width: 940px; padding: 40px 0px 30px; margin: auto;}

.graph-container{clear: both; margin-top: 40px; background: #D8DBE0 url(images/layout/graph-bg.jpg) top no-repeat; border-top: 1px solid #9BA6AE; border-bottom: 1px solid #9BA6AE;}
.graph-content{clear: both; width: 940px; padding: 30px 0px; margin: auto;}
.graph-container .action-button{display: block; width: 140px; padding: 8px 10px; margin: 15px 0 0 60px; text-align: center; background: url(images/layout/green-button-bg.png) repeat-x;
									background: #3D556C; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30); font-weight: bold; line-height: 1em;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.action-button:hover{ color: #fc0;}
		
.global-container{clear: both; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.global-content{clear: both; width: 940px; padding: 30px 0px; margin: auto;}


.slider-container{clear: both; padding: 30px 0px; margin-bottom: 30px; overflow: hidden; background: #fff url(images/layout/slider-content-bg.jpg) top no-repeat; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; position: relative;}


#footer-container{clear: both; background: #3D556C url(images/layout/footer-bg.jpg) top repeat-x; border-top: 1px solid #fff; margin: 0px;}
#footer{width: 940px; margin: 0 auto; padding: 30px 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- OBOX SITE WIDE STYLES -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


	/*------------------------------*/
	/*- ACTION LINKS ---------------*/
	.action-link{padding: 6px 8px; background: #A3C567; font-weight: bold; font-size: 10px; color: #37451D; text-transform: uppercase; line-height: 1em;
					text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.action-link:hover{background: #97BC52; color: #000;}
		
	
	.action-link-alt{display: inline-block; padding: 8px; background: url(images/layout/action-link-bg.png) center repeat-x; color: #793100; font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 1em;
					text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
	.action-link-cancel{padding: 6px; background: #f33; color: #fff; font-size: 12px !important; text-transform: uppercase; line-height: 1em;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;
						text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.action-link-cancel:hover{background: #c00; color: #fff;}
		
	.pending-link{padding: 6px; background: #f33; color: #fff; font-size: 10px; text-transform: uppercase; line-height: 1em;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;
						text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.pending-link:hover{background: #c00; color: #fff;}
		
		
	.locked-link{padding: 6px; background: #f33; color: #fff; font-size: 10px; text-transform: uppercase; line-height: 1em;
						-moz-border-radius: 3px; -webkit-border-radius: 3px;
						text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.locked-link:hover{background: #c00; color: #fff;}
		

	a.link-404{color: #fff; font-weight: lighter;}
	a.link-404:hover{color: #f33;}
		

	/*------------------------------*/
	/*- TITLES/HEADERS AND SPLURBS -*/
	.page-title{padding-bottom: 0px; color: #fff; font-size: 28px;}

	.blue-base, .gray-base{font-size: 17px; color: #3D536C; padding-bottom: 10px; margin-bottom: 5px; background: url(images/layout/blue-base.png) bottom repeat-x; font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; font-weight: lighter; text-transform: none;}
	.gray-base{color: #333; background: url(images/layout/gray-base.png) bottom repeat-x;}
		.gray-base span{float: right; font-size: 10px; font-weight: lighter;}
		
	.intro-splurb{color: #3D536C;}
	.page-intro-splurb{margin: 15px 0px 0px 0px; padding-bottom: 0px; color: #9BA6AE; font-size: 15px;}
		
	.global-content h2{margin-bottom: 20px !important; font-size: 20px;}
	.global-content h3{font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; text-transform: none; line-height: 1.4em;}
	.global-content p{color: #555;}
	.global-content strong{/*color: #3D546C;*/ font-style: normal;}


	/*------------------------------*/
	/*- RIBBONS --------------------*/
	.ribbon{display: block; width: 50px; height: 50px; position: absolute; z-index: 100; top: 10px; right: 10px; background: url(http://cdn.obox-design.com/layout/sprite.png) -23px -510px no-repeat; text-indent: -9999px; overflow: hidden;}
	.new-ribbon	{background-position: -0px -1150px;}
	.free-ribbon{background-position: -50px -1150px;}
	.wow-ribbon	{background-position: -100px -1150px;}

	.best-option{display: block; width: 37px; height: 37px; position: absolute; z-index: 100; top: -0px; left: -6px; background: url(http://cdn.obox-design.com/layout/sprite.png) -341px -1150px no-repeat; text-indent: -9999px; overflow: hidden;}
	.best-option-right-corner{display: block; width: 37px; height: 37px; position: absolute; z-index: 100; top: -6px; right: -7px; background: url(http://cdn.obox-design.com/layout/sprite.png) -387px -1150px no-repeat; text-indent: -9999px; overflow: hidden;}


	/*------------------------------------*/
	/*- NOTES/WARNINGS/SUCCESS BANNERS ---*/
	.note{clear: both; padding: 8px; margin: 20px 0px; background: #F9E277; border: 1px solid #CDA51B; color: #000; font-size: 12px !important; font-weight: bold; text-align: center;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.note a{color: #000;}
	.note a:hover{color: #c00;}
			
	.error{clear: both; padding: 8px; background: #F9E277; border: 1px solid #CDA51B; color: #000; font-size: 12px !important; font-weight: bold; text-align: center;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.success{clear: both; padding: 8px; background: #A3C567; border: 1px solid #4E6525; font-size: 12px; font-weight: bold; color: #000; text-align: center; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4) ;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	
	.locked-message{clear: both; padding: 8px 8px 8px 35px; margin: 20px 0px; background: #fff url(http://cdn.obox-design.com/layout/sprite.png) -522px -2037px no-repeat; border: 1px solid #ccc; color: #333; font-size: 12px !important; font-weight: bold; text-align: left;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
	.birthday-special{clear: both; margin: 0px 0px 30px;}
			.birthday-special img{display: block;}

	/*------------------------------*/
	/*- AVATARS --------------------*/
	.avatar{background: #fff; border: 1px solid #ccc; padding: 4px;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}


	/*----------------------------*/
	/*- BROWSER DOTS -------------*/
	.dot-container-top, .dot-container-bottom{padding: 40px 0px 30px; width: 340px; margin: auto;}
	.dot-container-bottom{padding: 0px 0px 40px;}
		
	.dot, .dot-selected{float: left; display: block; width: 8px; height: 8px; padding: 0px 8px; background: url(http://cdn.obox-design.com/layout/sprite.png) -32px -510px no-repeat; overflow: hidden; text-indent: -9999px;}
	.dot:hover, .dot-selected{background-position: 8px -510px;}
	.dot-selected:hover{background-position: -32px -510px;}
	.first-dot{padding-left: 0px; background-position: -40px -510px;}
	.first-dot:hover, .first-dot.dot-selected{background-position: 0px -510px;}
			
	.video{background-position: -72px -510px;}
	.video:hover{background-position: -112px -510px;}
	
	
	/*----------------------------*/
	/*- SCREENSHOTS --------------*/
	.thumbnail{display: block; padding: 10px; background: #fff; border: 1px solid #ccc; position: relative;
				-moz-border-radius: 3px; -webkit-border-radius: 3px;}
				
	.thumbnail span.small{display: block; overflow: hidden; height: 200px; width: 198px;}
	.thumbnail span.medium{display: block; overflow: hidden; height: 355px; width: 278px;}
		
		
	.no-base{border-bottom: none; padding-bottom: 0px;
			-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;}
			
	.thumbnail-splurb{display: block; padding: 5px 10px; background: #3D556C; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; cursor: pointer;
						text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.50);
						-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
						-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;}
	.thumbnail-splurb span{float: right; color: #ADB7C1; font-weight: lighter; font-size: 10px;}
	.thumbnail-splurb:hover{color: #fc0;}
				
	.thumbnail .thumbnail-splurb{margin: 10px; width: 240px; position: absolute; bottom: 10px; background: url(images/layout/dark-transparent-bg.png) repeat;
								-moz-border-radius: 3px; -webkit-border-radius: 3px;}


	/*-----------------------------------------*/
	/*- CONTAINERS ----------------------------*/
	.block{background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;}


	/*-----------------------------------------*/
	/*- SPACING -------------------------------*/
	.space-bottom{margin-bottom: 20px;}
	.padding-large{padding: 30px;}
	.padding-medium{padding: 20px;}
	.padding-small{padding: 10px;}
	

	/*-----------------------------------------*/
	/*- COLUMN LAYOUTS ------------------------*/

		/*------------------------*/
		/*- 2 COLUMN -------------*/
		ul.two-col{clear: both;}
		ul.two-col li{float: left; width: 460px; margin-right: 20px;}
			ul.two-col li:last-child{margin-right: 0px;}
	
		/*------------------------*/
		/*- 4 COLUMN -------------*/
		ul.four-col{clear: both;}
		ul.four-col li{float: left; width: 220px; margin-right: 20px;}
		ul.four-col li:nth-child(4n+4){margin-right: 0px;}
		ul.four-col li:nth-child(4n+5){clear: both; }
		ul.four-col li:last-child{margin-right: 0px;}
		ul.four-col li blockquote{display: block; padding: 0px 0px 0px; color: #595959; font-size: 13px;
												font-family: "droid-serif-1","droid-serif-2", Georgia, "Times New Roman", Times, serif;}
		ul.four-col li blockquote a{display: inline; padding: 0px; background: none; border: none; font-weight: lighter; font-style: italic; font-size: 11px;}
		ul.four-col li blockquote a:hover{color: #000;}
			
		/*------------------------*/
		/*- 3 COLUMN SCROLLER ----*/
		ul.three-col-theme-scroller{float: left;}
		ul.three-col-theme-scroller li{float: left; width: 220px; margin-right: 19px;}
			ul.three-col-theme-scroller li:nth-child(3n+3){margin-right: 0px;}
			ul.three-col-theme-scroller li:last-child{margin-right: 0px;}
			
		/*------------------------*/
		/*- 3 COLUMN -------------*/
		ul.three-col li{float: left; width: 300px; margin-right: 20px;}
		ul.three-col li:last-child{margin-right: 0px;}
		ul.three-col li:nth-child(3n+3){margin-right: 0px;}
		
		/*------------------------*/
		/*- 3 COLUMN TEAM --------*/
		ul.three-col-team li.column{float: left; width: 300px; margin-right: 20px;}
		ul.three-col-team li.column:last-child{margin-right: 0px;}
		
		/*------------------------*/
		/*- 2 COLUMN AFFILIATE ---*/
		ul.two-col-affiliate li.column{float: left; width: 540px; margin-right: 0px;}
		ul.two-col-affiliate li.column:last-child{float: right; width: 360px; margin-right: 0px;}
		
		/*------------------------*/
		/*- 2 COLUMN BLOG --------*/
		ul.two-col-blog li.column{float: left; width: 560px; margin-right: 80px;}
		ul.two-col-blog li.column:last-child{width: 300px; margin-right: 0px;}
		
		/*-----------------------------*/
		/*- 2 COLUMN PRODUCT LIST -----*/
		ul.two-col-prodlist li.browse{float: left; width: 220px; margin-right: 20px;}
		ul.two-col-prodlist li.theme-list{float: left; width: 700px; margin-right: 0px;}
		
		/*------------------------*/
		/*- 2 COLUMN SHOWCASE ----*/
		ul.two-col-showcase li.column{float: left; width: 620px; margin-right: 20px;}
		ul.two-col-showcase li.column:last-child{width: 300px; margin-right: 0px;}
		
		/*------------------------*/
		/*- 2 COLUMN FORUMS ------*/
		ul.two-col-forum{clear: both;}
		ul.two-col-forum li.column{float: left; width: 640px; margin-right: 40px;}
		ul.two-col-forum li.column:last-child, ul.two-col-forum li.column-short{float: left; width: 260px; margin-right: 0px;}

		
		/*-------------------------------*/
		/*- 2 COLUMN PROFILE 75:25 ------*/
		ul.two-col-offset{margin-bottom: 30px;}
		ul.two-col-offset li.column{float: left; width: 460px; margin-right: 20px;}
		ul.two-col-offset li.column:last-child{width: 220px; margin-right: 0px;}			
		
		/*------------------------*/
		/*- 2 COLUMN CONTACT -----*/
		ul.two-column-contact li.column{float: left; width: 620px; margin-right: 20px;}
		ul.two-column-contact li.column:last-child{width: 300px; padding-top: 34px; margin-right: 0px;}
			
		/*------------------------*/
		/*- 3 COLUMN ICON LIST ---*/
		ul.three-col.icon-list, ul.three-col.image-list{padding-bottom: 20px;}
		ul.three-col.icon-list li{width: 240px; padding-left: 60px;}
		ul.three-col.icon-list li strong{display: block; font-size: 15px; color: #333;}
		ul.three-col.image-list li img{margin-bottom: 15px;}
		ul.three-col.image-list li strong{display: block; color: #333;}		
			
		/*------------------------*/
		/*- 6 COLUMN -------------*/
		.six-col{clear: both; overflow: hidden; padding-bottom: 60px;}
		.six-col li{float: left; width: 140px; margin-right: 20px;}
		.six-col li:last-child{margin-right: 0px;}
		.six-col li a{display: block; padding: 10px; width: 118px; background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
		.six-col li img{display: block;}
		.six-col li.quote-span{width: 280px; text-align: center;}
		.six-col li blockquote{display: block; padding: 10px 20px 0px; color: #595959; font-size: 13px;
											font-family: "droid-serif-1","droid-serif-2", Georgia, "Times New Roman", Times, serif;}
		.six-col li.quote-span blockquote a{display: inline; padding: 0px; background: none; border: none;
												font-weight: lighter; font-style: italic; font-size: 11px;}
		.six-col li.quote-span blockquote a:hover{color: #000;}
			
		/*----------------------------*/
		/*- FEATURES CONTAINER -------*/
		.feature-container{width: 940px; padding: 60px 0px 0px; background: url(images/layout/content-bg-ocmx.jpg) top no-repeat; position: relative; overflow: hidden;}
		p.sub-note{font-size: 11px; color: #656565}
		.feature-container h4{font-size: 20px; margin: 10px 20px 10px 0px; padding: 0px; color: #333; text-transform: uppercase;}
		.feature-container p.feature-splurb{padding-top: 11px; font-size: 17px;}
		.feature-screenshots h4{float: left; margin-right: 20px;}
		.feature-screenshots p{margin-bottom: 10px;}
		
			
	/*-----------------------------------------*/
	/*- TABLES --------------------------------*/
	table{border-collapse: collapse; width: 100%;}
	table tr th{padding: 0px 0px 10px; background: url(images/layout/gray-base.png) bottom repeat-x; font-size: 17px; color: #333; text-align: left}
	table tr td{padding: 20px 0px; border-bottom: 1px dotted #ccc; vertical-align: middle;}
	table tr td span{font-size: 10px; padding-top: 0px;}
	table tr:last-child td{border-bottom: none !important;}
	
	table .price-column{width: 70px; text-align: center;}
	table td.price-column, table tr td.total-amount{font-family: Tahoma, Arial; font-weight: bold;}
	
	table tr td.cart-sceenshot{width: 60px;}
	table tr td.cart-sceenshot span{display: block; height: 60px; width: 60px; overflow: hidden; background: #fff; border: 1px solid #ccc; padding: 4px;
										-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	table tr td.cart-sceenshot img{display: block; width: 60px;}
	table tr td.splurb{width: 240px; text-align: left; padding: 20px 10px 20px 0px}
	table tr td.license{width: 100px; text-align: center;}
	table tr td.discount{width: 60px; font-size: 20px; color: #A3C567;}
	table tr td.total{width: 80px; font-size: 25px; color: #333; text-align: right;}
	table tr td.total-amount{font-size: 15px; text-transform: uppercase; text-align: right;}
	
	table tr td.notes{text-align: right;}
	table tr td.notes em{float: left;}
	
	
	table tr td input{margin: 0px;}
	table tr td.coupon-form input{width: 140px; margin: 0px;}
	table tr td.notes input{margin: 0px 5px 0px !important;}
			
			
	/*------------------*/
	/*- BREAD CRUMBS ---*/
	.bread-crumbs{float: left; padding: 0px; margin: 0px 10px 20px 0px; background: #3d556c;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.bread-crumbs li{float: left; font-size: 10px; font-weight: bold; text-transform: uppercase;}
	.bread-crumbs li a{display: block; padding: 7px 20px 6px 5px; background: url(images/layout/bread-crumb-arrow.png) right no-repeat; color: #ccc;
							line-height: 1em; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.50);}
	.bread-crumbs li:first-child a{padding-left: 10px;}
	.bread-crumbs li:last-child a{padding-right: 10px; background: none; color: #fff;}
	.bread-crumbs li a:hover{color: #fff;}
	.bread-crumbs li:last-child a:hover{color: #fc0;}
		

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left; margin-top: 5px;}
	.logo h1{ margin: 0px; padding: 0px;}
	
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#menu{float: right;}
	ul#menu li.parent-item{float: left; position: relative;}

		ul#menu li.parent-item a.parent-link{display: block; padding: 10px 12px; background: url(images/layout/selected-menu-bg.jpg) -100px -100px repeat-x;  color: #f3f3f3; font-weight: bold; font-size: 13px; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 1);}
		ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{background-position: top; color: #fff;}
		
		
		/*-------------------------------*/
		/*- HOME LINK DURING CHECKOUT ---*/
		.return-home{display: block; padding: 17px 0px 15px; color: #fc0; background: url(images/layout/selected-menu-bg.jpg) -100px -100px repeat-x;  color: #f3f3f3; font-weight: lighter; font-size: 11px; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 1);}
		.return-home:hover{color: #fc0;}
			

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{display: none; width: 160px; position: absolute; left: -1px; background: #0d0d0d; border: 1px solid #000; border-top: none;
					-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
					-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
					-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);}
		ul.sub-menu li{border-bottom: 1px dotted #222;}
		ul.sub-menu li a{display: block; color: #ccc; padding: 4px 8px; margin: 5px;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		ul.sub-menu li a:hover{color: #fc0; background: #222;}
		ul.sub-menu li:last-child{border: none;}
		ul#menu li.parent-item:last-child ul.sub-menu{}
		
		
		/* LOGIN SUB MENU */		
		ul.menu-login{display: none; width: 240px;  left: -205px; position: absolute; background: #0d0d0d; border: 1px solid #000; border-top: none; padding: 10px;
				-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
				-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);}
		ul.menu-login label{width: 60px; float: left; padding-top: 10px; margin-right: 10px; color:#fff; line-height: 1em;}
		ul.menu-login label.checkbox{width: 120px; float: left; padding-top: 8px; margin-right: 10px; color:#fff;}
		ul.menu-login input[type=password], .menu-login input[type=text]{float: left;}
		ul.menu-login input[type=submit]{float: right; margin-right: 10px;}
		ul.menu-login li{border-bottom: none; padding-bottom: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- INDEX -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-----------------------------------------*/
	/*- FEATURE SPLURB AND BUTTONS ------------*/
	#feature-splurb h2{float: left; width: 446px; height: 179px; margin: 0px 20px 0px 15px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px 0px no-repeat; overflow: hidden; text-indent: -9999px;}
	#feature-splurb p{float: left; width: 442px; margin-bottom: 20px; color: #f0f0f0; line-height: 1.4em; font-size: 18px;}
	#feature-splurb a.action-button{float: left; display: block; width: 250px; padding: 10px 10px; text-align: center; line-height: 1.6em;
									background: url(images/layout/yellow-button-bg.png) center repeat-x;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;
									-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);
									-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.80);}
	#feature-splurb a.action-button span{display: block; color: #5E2500; margin-bottom: 4px; font-weight: bold; font-size: 18px; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	#feature-splurb a.action-button span.small{margin-bottom: 0px; color: #793100; font-size: 13px; font-style: normal; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	#feature-splurb a.action-button:hover{ background-position: top;}
	#feature-splurb a.action-button:hover span{color: #222;}


	/*-------------------------------------*/
	/*- HOME PAGE SCOLLER -----------------*/
	.home-intro{margin-bottom: 30px; color: #333; font-size: 18px; text-align: center;}
	
	.home-page-quote{clear: both; width: 760px; margin: 0px auto 10px; padding-top: 60px; font-size: 50px; text-align: center; color: #333; text-transform: uppercase;}
	.home-page-quote.large{font-size: 36px; text-align: center; color: #333; text-transform: uppercase;}
	cite.home-page-cite{display: block; width: 940px; margin: 0px auto 30px;
							font-family: "droid-serif-1","droid-serif-2", Georgia, "Times New Roman", Times, serif; text-align: center;}	
	
	.collection-splurb{clear: left; float: left; width: 220px; min-height: 290px; margin-right: 20px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -183px no-repeat; position: relative;}
	.collection-splurb .collection-copy{position: absolute; bottom: 0px; margin: 0px 0px 30px;}
	
	.collection-splurb.birthday{background: url(images/layout/30-promo-home.png) top no-repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.collection-splurb.birthday div{position: absolute; top: 45px; left: 0px; padding: 0px 5px 0px 5px; text-align: center; }
	.collection-splurb.birthday div h2{color: #fff;}
	.collection-splurb.birthday div p{color: #ccc;}
	.collection-splurb.birthday div a{color: #fc0;}
	.collection-splurb.birthday div a:hover{color: #fff;}
	
	
	.three-col-theme-container{display: block; float: left; width: 700px;}
	.home-page-scroller{margin-bottom: 20px;}
	.home-page-scroller li{margin-bottom: 20px;}
	

	/*--------------------------*/
	/*- QUOTES -----------------*/
	.quotes{display: block; height: 95px;}
	.quotes h3{padding-top: 5px; background: url(http://cdn.obox-design.com/layout/sprite.png) -525px -250px no-repeat; text-indent: 30px;}
	.quotes img{float: left; width: 50px; height: 50px; margin-right: 20px;}
	.quotes blockquote{float: left; width: 620px; color: #99A5AC; font-size: 21px; margin: 0px;}


	/*-------------------------------------*/
	/*- HOME PAGE GRAPH -------------------*/
	.graph-content .left{float: left; width: 460px;}
	.graph-content .left .intro-splurb{color: #3D536C;}
	.graph-content ul li{background: url(http://cdn.obox-design.com/layout/sprite.png) no-repeat; font-size: 13px; color: #525252; padding: 0px 60px 0px 44px; margin: 0px 0px 15px 15px}
	.graph-content ul li.design{background-position: -0px -637px;}
	.graph-content ul li.detail{background-position: -0px -752px;}
	.graph-content ul li.code{background-position: -0px -867px;}
	.graph-content ul li.support{background-position: -0px -981px;}
	.graph-content ul li:last-child{margin-bottom: 0px;}
	.graph-content ul li strong{color: #333; display: block;}	
	
	.graph-content .right{float: right; width: 460px;}
	.graph-content .right img{margin: 20px 0px 0px 40px;}


	/*-------------------------------------*/
	/*- HOME PAGE BLOG ETC. ---------------*/
	.three-col-home{width: 940px; padding: 40px 0px 0px; margin: auto;}
	.three-col-home li{float: left; margin: 0px 20px 60px 0px;}
	.three-col-home li.blog-posts{width: 460px;}
	.three-col-home li.blog-posts li{clear: both; float: none; padding: 20px 0px; margin: 0px; border-bottom: 1px dotted #ccc;}
	.three-col-home li.blog-posts li:first-child{padding-top: 0px;}
	.three-col-home li.blog-posts li:last-child{padding-bottom: 0px; border-bottom: none;}
	.three-col-home li.blog-posts li img{float: left; display: block; padding: 1px;  margin-right: 15px; background: #253F58;
										-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	
	.three-col-home li.blog-posts li a{font-weight: bold;}
	.three-col-home li.blog-posts li h4{padding-bottom: 3px;}
	.three-col-home li.blog-posts li p{font-size: 13px; margin-bottom: 0px;}
	
	.three-col-home li.tweets{width: 220px;}
	#twitter_update_list li{padding: 20px 0px; border-bottom: 1px dotted #ccc; font-size: 13px; margin-bottom: 0px; }
	#twitter_update_list li:first-child{padding-top: 0px;}
	#twitter_update_list li:last-child{padding-bottom: 0px; border-bottom: none;}
	#twitter_update_list li a{}
	#twitter_update_list li span a{font-weight: bold;}
	#twitter_update_list li a:hover{}
	
	.three-col-home li.newsletter{width: 220px; margin: 0px; }
	.three-col-home li.newsletter .description{}
	.three-col-home li.newsletter .input-field{width: 210px;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- OBOX MOBILE ITEMS -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.mobile-logo-container, .mobile-logo-container #feature-splurb{padding: 0px 30px 0px; height: auto !important;}
.mobile-logo{text-align: center;}
.mobile-feature-container{width: 940px; padding: 40px 0px 100px; background: url(images/layout/content-bg-ocmx.jpg) bottom no-repeat; position: relative; overflow: hidden;}

.call-to-action{text-align: center;}
.mobile-platforms{display: block; width: 450px; height: 20px; margin: 20px auto 0px; background: url(images/layout/ocmx-sprite.png) 0px -1975px no-repeat; text-indent: -9999px; overflow: hidden;}

.iphone{text-align: center;}
.mobile-feature-container h4{font-size: 20px; margin: 10px 0px 10px; padding: 0px; color: #333; text-transform: uppercase;}
.mobile-feature-container p{margin-bottom: 30px; font-size: 16px; line-height: 1.6em;}
p.sub-note{font-size: 11px;  color: #656565}
	
a.purchase-mobile{display: block; width: 260px; height: 56px; margin: 15px auto 5px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -2024px no-repeat; text-indent: -9999px; overflow: hidden;}
a.purchase-mobile:hover{background-position: 0px -2090px;}
	
.mobile-theme-list li:last-child{padding-top: 40px;}
	
/*- AUTO ORIENTATION -----------------*/
.auto-orientation{padding-top: 94px; background: url(images/layout/ocmx-sprite.png) 0px -709px no-repeat;}

/*- SLIDER FUNCTIONALITY -----------------*/
.touch-slider{padding: 20px 0px 25px; position: relative !important; z-index: 21 !important; margin-top: -46px;}
.touch-slider li:first-child{text-align: right; padding-top: 145px; background: url(images/layout/ocmx-sprite.png) 336px -1498px no-repeat;}
.touch-slider li:first-child p{padding-left: 20px;}

/*- PLUG N PLAY -----------------*/
.plugnplay-container{padding-bottom: 25px; margin-bottom: 50px;}
.two-col li.plugnplay{padding: 93px 240px 0px 0px; width: 210px; background: url(images/layout/ocmx-sprite.png) 240px -1016px no-repeat;}

/*- MOBILE SCREENSHOTS -----------------*/
.mobile-screenshots{padding-bottom: 30px;}
.mobile-screenshots h4{float: left; margin-right: 20px;}
.mobile-screenshots p{padding-top: 9px; margin-bottom: 10px;}

		

/*-------------------------------------------------------------------------------------------*/
/*- SHOWCASE/PRODUCT INDEX ------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.thumbnail-list li{float: left; width: 220px; margin: 0px 20px 20px 0px;}
.thumbnail-list li:nth-child(3n+3){margin-right: 0px;}
.thumbnail-list li:nth-child(3n+4){clear: left;}

.thumbnail-list.showcase li{float: left; width: 300px; margin: 0px 20px 20px 0px;}
.thumbnail-list.showcase li:nth-child(3n+3){margin-right: 20px;}
.thumbnail-list.showcase li:nth-child(3n+4){clear: none; float: left;}
.thumbnail-list.showcase li:nth-child(2n+2){margin-right: 0px;}
.thumbnail-list.showcase li:nth-child(2n+3){clear: left;}
		
.themes-list-output li{float: left; width: 220px; margin: 0px 20px 20px 0px;}
.themes-list-output li:nth-child(3n+3){margin-right: 0px;}
.themes-list-output li:nth-child(3n+4){clear: left;}
						
	/*- APPROVED MODIFIER PAGE ITEMS --------*/		
	.thumbnail-list li a.modder-name{float: none; display: block; padding: 5px 5px 10px 18px; margin: 10px 0px 8px 0px; background: url(http://cdn.obox-design.com/layout/sprite.png) -538px -441px no-repeat; border-bottom: 1px dotted #ccc; font-weight: bold; font-size: 13px;}
	.thumbnail-list li a.email-modder{display: block; padding: 2px 0px 2px 18px; margin-top: 5px; background: url(http://cdn.obox-design.com/layout/sprite.png) -538px -477px no-repeat; font-size: 10px;}

.page-info{clear: both; padding: 20px; background: #fff; border: 1px solid #ccc; margin-top: 30px; border-radius: 3px;
			-moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em;}
	

/*-----------------------------------------------------------------------------------------*/
/*- PRICING PAGE --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.pricing-container{margin: 20px auto 0px; position: relative;}

	.price-descriptions{float: left; width: 130px; padding: 0px; margin-top: 112px; background: #f0f0f0; border: 1px solid #ccc; border-right: none; color: #595959;
							border-radius: 4px 0px 0px 4px;}
	.price-descriptions ul{list-style: none;}
	.price-descriptions li{height: 18px; padding: 13px 5px 14px; margin: 0px; border-bottom: 1px dotted #ccc; text-align: right; font-size: 13px;}
	.price-descriptions li:last-child{border-bottom: none;}
		
	.price-option-container{float: left; width: 200px; margin: 0px 1px 0px 0px;}
	
	.price-option-container .title-block{padding: 20px 0px 10px; margin: 0px; background: #3D556C; border: 1px solid #304254; text-align: center; position: relative;
											border-radius: 4px 4px 0px 0px;}
	.price-option-container .title-block h3{color: #fff;}
	.price-option-container h4{clear: both; width: 60px; padding: 15px 0px; margin: 0px auto -10px; position: relative; z-index: 3; background: #A3C567;
								color: #333; text-align: center; font-size: 20px; font-weight: bold; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);
								border-radius: 3px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.50);}
	.price-option-container h4 a{color: #333;}
	.price-option-container h4 a:hover{color: #000; text-decoration: none;}
	.price-option-container .title-block p{margin: 0px auto 0px; font-size: 12px; color: #ccc; line-height: 15px;}
	.price-option-container .title-block p a{color: #ccc; font-weight: lighter; text-decoration: underline;}
	.price-option-container .title-block p a:hover{color: #fff; font-weight: lighter; text-decoration: underline;}
	.price-option-container .title-block .best-option{top: -3px; left: -3px;}
	
	.price-option-container ul{width: 198px; padding: 0px 0px 0px; margin: 0px auto 0px; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	.price-option-container ul li{height: 15px; padding: 15px; margin: 0px; border-bottom: 1px dotted #ccc; text-align: center; font-size: 13px; color: #333; font-weight: bold;}
	.price-option-container ul li:first-child{border-top: none;}
	.price-option-container ul li:last-child{border-bottom: none;}
	.price-option-container ul li img{display: block; margin: auto;}
	
	.price-option-single{float: left; margin-left: 0px;}

	
	/*- FEATURED -*/
	.tall{list-style: none; width: 220px; margin-top: -20px; position: relative; z-index: 2;}
	.tall h4{margin-bottom: -20px; padding: 15px 10px 15px; font-size: 25px; background: #ffba12; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
	.tall h4 a{color: #793100;}
	.tall .title-block{padding: 40px 0px 20px;}
	.tall .best-option{top: -3px; left: -3px;}
	.tall ul{width: 218px; padding: 0px 0px 0px;}
	.tall ul li:last-child{padding-bottom: 25px;}


	/*- DEVELOPER -*/
	.price-option-last{float: right; position: absolute; right: 0px; z-index: 1;}
	.price-option-last ul li{text-indent: 0px;}
	
	
	/*- MEMBERSHIP -*/
	.price-option-membership ul li{text-indent: 0px;}
	.price-option-container a.browse{display: block; padding: 10px 0px; margin: 0px; background: #3D556C; border: 1px solid #304254; text-align: center; position: relative; color: #fff; font-weight: bold; font-size: 13px;
										border-radius: 0px 0px 4px 4px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);}
	.price-option-container a:hover{text-decoration: underline;}
	.price-option-container a.signup{background: #ffba12; border: 1px solid #e38c29; color: #793100; font-weight: bold; font-size: 13px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
	.price-option-container a.signup:hover{background: #ffba12; color: #333;}



/*-----------------------------------------------------------------------------------------*/
/*- AFFILIATE PAGE ------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

/*----------------------*/
/*- AFFILIATE TICKET ---*/
ul.two-col-affiliate li.affiliate-sign-up-form ul{clear: both; margin: 0px auto; background: #ABCA73 url(images/layout/ticket-bg.jpg) bottom no-repeat; border-radius: 6px; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.50);}
ul.two-col-affiliate li.affiliate-sign-up-form span.ticket-shadow{display: block; width: 350px; height: 6px; margin: auto; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -1333px no-repeat;}
									
ul.two-col-affiliate li.affiliate-sign-up-form li{padding: 20px; background: url(images/layout/affiliate-ticket-bg-2.png) bottom repeat-x; border-bottom: 1px dotted #749537; border-top: 1px dotted #C7DBA1;}

	ul.two-col-affiliate li.affiliate-sign-up-form li h3{margin: 0px; padding: 0px; font-size: 25px; color: #fff; text-shadow: 0px -1px 0pt rgba(0, 0, 0, 0.30); text-align: center;}
	ul.two-col-affiliate li.affiliate-sign-up-form li.aff-25 span{display: block; width: 320px; height: 84px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -1230px no-repeat; text-indent: -9999px; overflow: hidden;}

	/*------------------*/
	/*- SIGN UP FORM ---*/
	li.aff-form{padding-bottom: 10px;}
	li.aff-form p{color: #333; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	li.aff-form p.error{background: #F9E277; border: 1px solid #CDA51B; padding: 8px; font-size: 12px; font-weight: bold; border-radius: 4px;}
	form.affiliate-sign-up .form-item{clear: both; height: 26px; margin-bottom: 15px;}
	form.affiliate-sign-up label{float: left; display: block; width: 105px; padding: 6px 0px 0px; text-transform: uppercase; text-align: left; color: #333; font-size: 11px; font-weight: bold; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	li.aff-form input[type=text], li.aff-form input[type=password]{float: right; width: 195px;}
	
	.affiliate-sign-up .checkbox{padding-left: 110px; font-size: 11px; color: #333; line-height: 1em;}
	
	/*--------------------*/
	/*- SIGN UP BUTTON ---*/
	ul.two-col-affiliate li.affiliate-sign-up-form li.aff-submit{clear: both; padding: 18px 20px; background: none;}
	ul.two-col-affiliate li.affiliate-sign-up-form li.aff-submit .submit_button{margin: 0px; background: #333; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	ul.two-col-affiliate li.affiliate-sign-up-form li.aff-submit span{float: right; margin-top: 8px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #333; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}


	ul.two-col-affiliate li.affiliate-sign-up-form li:first-child{border-top: none;
																-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
																-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;}
	ul.two-col-affiliate li.affiliate-sign-up-form li:last-child{border-bottom: none;
															-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
															-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
															
/*----------------------*/
/*- AFFILIATE SPLURB ---*/
.earn-25{font-size: 23px; margin-bottom: 20px; padding: 0px;}
.earn-25 span{color: #999;}

.affiliate-title{font-size: 50px; line-height: 60px; font-weight: 800 !important;}

.large-intro{margin-bottom: 30px; font-size: 18px; color: #525252; line-height: 1.6em;}

.affiliate-screens {margin-left: 53px;}
.affiliate-screens li{float: left; margin: 0px 18px 20px 0px; display: block; width: 100px; padding: 10px; background: #fff; border: 1px solid #ccc; border-radius: 3px;}
.affiliate-screens li:last-child{margin-right: 0px;}
.affiliate-screens li img{display: block;}

.affiliate-features{margin-bottom: 30px; line-height: 1.6em;}
.aff-comm{padding: 0px 60px 0px 38px; margin: 0px 0px 20px 15px; clear: both; background: url(http://cdn.obox-design.com/layout/sprite.png) no-repeat -524px -869px;}
.aff-banners{float: left; padding: 0px 60px 0px 38px; margin: 0px 0px 20px 15px; background: url(http://cdn.obox-design.com/layout/sprite.png) -524px -755px no-repeat;}
.aff-stats{clear: both; padding: 0px 60px 0px 38px; margin: 0px 0px 20px 15px; background: url(http://cdn.obox-design.com/layout/sprite.png) no-repeat -524px -634px;}

.two-col-affiliate .quotes blockquote{float: left; width: 460px; color: #99A5AC; font-size: 21px; margin: 0px;}


/*-----------------------------------------------------------------------------------------*/
/*- TEAM PAGE -----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
	.about-obox{width: 940px; margin-bottom: 20px; color: #595959; font-size: 17px; line-height: 1.6em;}
	
	.member-block{padding: 20px 20px 0px; margin-bottom: 15px; background: #202020;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.member-block h4{text-transform: uppercase; color: #A3C567; font-size: 12px;}
	.member-block h3{color: #fff; font-size: 25px; margin-bottom: 0px;}
	.member-thumb{position: relative; bottom: -20px; margin-bottom: 35px; }
	.three-col-team .gray-base, .three-col-team p{margin-left: 20px;}
	
	.team-twitter{position: relative;}	
	.team-twitter h3{padding: 20px; margin: 0px; background: #799A3A; color: #fff; font-weight: bold; font-size: 15px; position: relative;  z-index: 2;
					-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
					-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;}						
	.team-twitter .social_list{padding: 20px 20px 10px 20px; margin: 0px; background: #A3C567; position: relative;  z-index: 2;
								-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
								-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;}
	.team-twitter .social_list li img{float: left; margin-right: 10px; border-color: #799A3A;}
	.team-twitter .social_list li p{font-size: 12px; color: #1f1f1f; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	.team-twitter .social_list li a{color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.team-twitter .social_list li a:hover{color: #1f1f1f; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.30);}
	

/*-----------------------------------------------------------------------------------------*/
/*- CONTACT PAGE --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.contact h3{font-size: 24px; margin-bottom: 10px;}

.social_list{margin: 10px 0px 10px;}
.social_list li{margin-bottom: 10px;}
.social_list li img{float: left; margin-right: 10px; width: 50px; height: 50px;}
.social_list li p{font-size: 12px; color: #444;}

.two-column-contact p.intro-splurb{color: #595959;}

.tabs{overflow: hidden; position: relative; top: 1px;}
.tabs li{float: left; font-size: 17px;}
.tabs li a{display: block; padding: 12px 20px; font-weight: lighter; color: #595959;
			-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.tabs li a.active{padding: 11px 18px 12px; background: #fff; border: 1px solid #ccc; border-bottom: none; color: #3D536C; font-weight: bold;}
.tabs li a:hover{color: #000;}
			
.tabbed-content{padding: 20px; background: #fff; background: #fff; border: 1px solid #ccc;
			-moz-border-radius: 4px; -webkit-border-radius: 4px;
			-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;}
.tabbed-content ol li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
.tabbed-content .faq li:last-child{border: none; margin-bottom: 0px; padding-bottom: 0px;}
.tabbed-content ol li p{margin: 0px;}
.tabbed-content ol li p strong{display: block; color: #333; font-weight: bold;}
.tabbed-content ol li p strong:before{content: 'Q: '; color: #999;}
.tabbed-content p.intro-splurb{margin-bottom: 20px; font-size: 17px; color: #595959; line-height: 1.6em;}
.tabbed-content p.contact-note{width: 346px; font-size: 11px;}		

.tabbed-content input[type=text]{width: 326px; padding: 10px; font-size: 15px;}
.tabbed-content select{width: 302px;}
.tabbed-content textarea{width: 526px; height: 236px; padding: 10px; font-size: 15px;}

		
/*-----------------------------------------------------------------------------------------*/
/*- SINGLE CHECKOUT PAGE ------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.single-checkout{width: 460px; margin: auto;}

.single-checkout h2{background: #3D526C; padding: 15px 30px; color: #fff;
					-moz-border-radius: 3px 3px 0px 0px;
					-webkit-border-top-right-radius: 3px;
					-webkit-border-top-left-radius: 3px;}
.single-checkout .intro-splurb{color: #777;}
.single-checkout label{font-weight: bold; display: block; margin-bottom: 6px; line-height: 1em;}

.input-area{padding: 25px 30px 20px; position: relative;}
.checkout-button-area{padding: 20px 30px 5px; border-top: 1px dotted #ccc; position: relative;}
.single-checkout input[type=text], .single-checkout input[type=password]{width: 290px;}
.single-checkout p.terms{clear: both; margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; text-align: center; line-height: 17px;}
.single-checkout .checkbox label{width: 300px; padding: 15px 0px; margin-bottom: 10px; font-weight: lighter;}
.single-checkout .submit_button{clear: both !important;}

.single-checkout .error{width: 392px;}

.input-area input.cart-submit-button{width: 400px; padding: 8px 0px; margin: 0px auto 5px;}
.input-area .checkbox{clear: both; margin: 8px 0px 0px; font-size: 11px; line-height: 1em;}

.select-theme{background: #3D526C; padding: 30px 30px 10px; position: relative;}
.select-theme h3{color: #fff; margin-bottom: 10px;}
.select-theme li{float: left; margin: 0px 20px 20px 0px;}
.select-theme li:nth-child(3n+3){margin-right: 0px;}
.select-theme a{display: block; padding: 4px; background: #283546; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.select-theme a span{display: block; width: 110px; height: 130px; overflow: hidden;}
.select-theme a:hover{background: #fff;}
.select-theme a.selected{background: #A3C567;
								-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
								-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);}
.select-theme ul li p{padding: 0px; margin: 0px; color: #ccc; font-size: 11px; text-align: center;}

.info-bubble{width: 220px; padding-top: 50px; background: url(images/layout/info-bubble.png) top left no-repeat; position: absolute; right: -240px; top: 20px;}	

.coupon-form{padding: 25px 30px 20px; background: #f9f9f9; border-top: 1px dotted #ccc; position: relative;}
.coupon-form input[type=text]{margin-right: 25px;}
.coupon-form p.note{font-size: 13px !important; margin: 0px 0px 5px;}


/*-----------------------------------------------------------------------------------------*/
/*- LOGOUT PAGE ---------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.browse-more{clear: both;}
.browse-more li{padding: 10px 0px; border-bottom: 1px dotted #ccc;}
.browse-more li:first-child{padding-top: 0px;}
.browse-more li:last-child{ border-bottom: none; padding-bottom: 14px;}


/*-----------------------------------------------------------------------------------------*/
/*- MICRO BLOG INSTALL --------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.step-container{clear: both; padding: 20px 0px 0px; margin-bottom: 30px;}

	.step-container .step-number{display: block; float: left; margin-right: 10px; width: 50px; padding: 12px 0px; margin: 0px auto; position: relative; z-index: 3; text-align: center; font-size: 20px; font-weight: bold;
									background: #3D556C; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);
									-moz-border-radius: 6px; -webkit-border-radius: 6px;
									-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.90);
									-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.90);}
					
	.step-container h3{float: left; display: block; width: 880px; margin: 17px 0px 20px 10px;}
	.step-container ul{list-style: none; clear: both; margin-left: 60px;}
	
	.step-container .two-column .col-one{float: left; width: 430px;}
	.step-container .two-column .col-two{float: right; width: 430px;}
	
	.step-container .two-column ul{padding-top: 0px;}
	.step-container .code-type{clear: left; margin: 0px; padding: 0px;}
	.step-container .code-type li{float: left; margin: 0px 10px 10px 0px;}
	.step-container .code-type li a.active{background: #3d556c; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.3);}
	
	.step-container .three-column .col-one{float: left; width: 280px; margin: 0px 20px 0px 0px;}
	.step-container .three-column .col-two{float: left; width: 280px; margin: 0px 20px 0px 0px;}
	.step-container .three-column .col-three{float: right; width: 275px;}
	
	.three-column a.download-source{display: block; width: 50px; height: 50px; margin-bottom: 20px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -1373px no-repeat; text-indent: -9999px; overflow: hidden;}
	.three-column a.download-source:hover{background-position: -222px -1373px;}
	.three-column .next-step{display: block; width: 32px; height: 51px; margin: auto auto 20px; background: url(http://cdn.obox-design.com/layout/sprite.png) 0px -1433px no-repeat; text-indent: -9999px; overflow: hidden;}
	.three-column .upload{display: block; width: 51px; height: 51px; margin: auto auto 20px; background: url(http://cdn.obox-design.com/layout/sprite.png) -168px -1432px no-repeat; text-indent: -9999px; overflow: hidden;}
	
	.three-column h4, .two-column h4{clear: both; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #333;}
	.three-column ol, .two-column ol{margin: 0px 0px 0px 20px; list-style: decimal;}
	.three-column ol li, .two-column ol li{margin: 0px 0px 8px 0px;}

	.step-container input.contact{width: 270px;}
	.step-container textarea.contact{width: 270px; height: 180px;}
	.step-container .two-column textarea.contact{width: 420px; height: 220px; white-space: nowrap;}
	
.small-note{font-size: 10px; text-transform: uppercase; font-style: italic; color: #fff;}
.install-option-header{padding: 15px; background: #3d556c; position: relative;
										-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;
										-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;}
	.install-tumblr, .install-posterous{display: block; width: 99px; height: 24px; margin: 0px auto; padding: 0px; background: url(images/layout/micro-titles.png) -1px -2px no-repeat; text-indent: -9999px; overflow: hidden;}
	.install-posterous{background-position: -141px 1px;}
	ul.what-you-get-list{background: #fff; border: 1px solid #ccc; margin: 0px; padding: 0px;
										-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
										-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
	ul.what-you-get-list li{padding: 8px; border-bottom: 1px dotted #ccc;}
	ul.what-you-get-list li:last-child{border-bottom: none;}

.step-container ul.hosting{width: 430px; padding: 0px 0px; margin: 0px; list-style: none;
							background: #E3E4E1; border: 1px solid #CED2D1;
							-moz-border-radius: 6px; -webkit-border-radius: 6px;}
	.step-container ul.hosting li{float: left; width: 194px !important; height: 80px; padding: 20px 10px; text-align: center;}
	.step-container ul.hosting li img{display: block; margin: auto;}
	.step-container ul.hosting li.option-one{border-right: 1px solid #CED2D1;}
	.step-container ul.hosting li.option-two{border-left: 1px solid #fff;}
		
		
.install-or{display: block; width: 90px; height: 90px; margin: 30px auto; background: url(http://cdn.obox-design.com/layout/sprite.png) -0px -1748px no-repeat; text-indent: -9999px; overflow: hidden;}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- BLOG LAYOUT -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-container{margin-bottom: 60px; /*border-top: 5px solid #111; padding: 1px 0px 0px;*/}

	/*--------------------------------------------------------*/
	/*- POST LAYOUT ------------------------------------------*/
	.post{clear: both; padding-left: 60px; margin-bottom: 0px; color: #535353;}
	
		h3.post-title{margin: 0px 0px 10px 60px; text-transform: none; text-shadow: 0px 1px 0px #fff; font-size: 18px; line-height: 25px; font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial;}
		h3.post-title a{color: #333;}
		h3.post-title a:hover{color: #000;}
		
		div.tweet-post{float: right; background: none;}
		
		.post-container a.meta{display: block; height: 12px; padding-bottom: 10px; margin: 0px 0px 10px 60px; line-height: 1em; font-size: 10px; font-weight: bold; border-bottom: 1px dotted #ccc;}
						a.meta span{display: block; float: left; height: 12px; padding-top: 2px; margin-right: 15px; background: url(http://cdn.obox-design.com/layout/sprite.png) no-repeat; text-indent: 16px;}
						a.meta span.post-date{background-position: -538px -510px;}
						a.meta span.post-comments{background-position: -538px -542px;}
						a.meta span.post-author{background-position: -538px -574px;}

		.promote-post-small{clear: both; margin: 10px 0px; background: none;}
		.promote-post-small div{float: left;}
				
		.post-container .post-image{display: block; padding: 2px; margin: 0px 0px 20px; text-align: center; background: #253F58;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		
		.post-container .continue-reading{display: inline-block; clear: both; padding: 2px 7px; margin: 10px 0px 20px 0px; background: #3d556c; color: #fff;
											font-size: 11px; line-height: 1.6em; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
											-moz-border-radius: 3px; -webkit-border-radius: 3px;}
		.post-container .continue-reading:hover{color: #fc0;}
		

	/*---------------------*/
	/*- RELEASE BUTTONS ---*/
	.release-buttons{width: auto; padding: 15px 10px; margin: 10px auto; background: #fff; border: 1px solid #ccc; text-align: center;
					-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.release-buttons a.demo-button{padding: 6px 28px !important; margin: 0px 5px; background: #ccc url(images/layout/download-btn-bg.jpg) top repeat-x !important; line-height: 1em;
									border: 1px solid #c0c0c0; color: #333;
									font-weight: bold; font-size: 10px; text-transform: uppercase; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.6);
									-moz-border-radius: 100px; -webkit-border-radius: 100px;}
	.release-buttons a.demo-button:hover{border-color: #999; color: #000; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.8);}
	.release-buttons a.purchase-button{padding: 6px 28px; margin: 0px 5px; background: url(images/layout/action-link-bg.png) center repeat-x; line-height: 1em;
										border: 1px solid #FF9C30; color: #793100;
										font-weight: bold; font-size: 10px; text-transform: uppercase; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.6);
										-moz-border-radius: 100px; -webkit-border-radius: 100px;}

	.release-buttons a.purchase-button:hover{border-color: #FF6600; color: #000; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.8);}


	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.post p{clear: none;}
	.post ol, .post ul{list-style: disc; margin: 0px 0px 10px 30px; font-size: 13px; color: #535353;}
	.post ol li, .post ul li{padding-bottom: 10px; font-size: 13px; color: #535353;}
	.post ul li ul{margin-bottom: 0px; margin: 0px 0px 10px 15px;}
	.post ul li ul li{list-style: circle;}
	.post ol{list-style: decimal;}
	.post em{font-family: "droid-serif-1","droid-serif-2", Georgia, "Times New Roman", Times, serif;}
	.post code, .post pre{}
	.post .new-line{display: block; font-weight: bold;}
	.post img{display: block; padding: 5px; margin: 0px 0px 20px -60px; background: #fff; border: 1px solid #ccc; position: relative;
				-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.post a:hover img{border-color: #3D556C;}
				
	.post .dual-line{width: 560px; margin: 0px 0px 0px -60px; padding: 0px; list-style: none;}
	.post .dual-line li{float: left; width: 260px; margin: 0px 10px 10px; padding: 0px;}
	.post .dual-line li img{width: 260px; margin: 0px;}
	
	.post .cascade{width: 560px; margin: 0px 0px 0px -60px; padding: 0px; list-style: none;}
	.post .cascade li{display: inline-block; float: left; width: 260px; margin: 0px 10px 10px; padding: 0px;}
	.post .cascade li img{width: 260px; display: block; margin: 0px;}
	.post .cascade li:nth-child(2n+1){clear: left;}


	.post blockquote{display: block; padding: 0px 0px 0px 0px; margin: 20px 0px 20px -40px; color: #777; font-family: "droid-serif-1","droid-serif-2", Georgia, "Times New Roman", Times, serif;}
	.post blockquote p{color: #777; margin: 0px; padding: 0px; font-size: 15px; line-height: 25px;}
	.post blockquote span{font-size: 10px; font-weight: bold;}
		
	.post h2{line-height: 35px; margin-top: 20px; font-size: 20px !important; font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; text-transform: none;}
	.post h3{padding-bottom: 8px; margin: 25px 0px 15px; border-bottom: 1px dotted #ccc; font-size: 16px; font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; text-transform: none;}
	.post h4{margin: 15px 0px 10px; font-size: 14px; font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; text-transform: none;}
	
	.video-embed{display: block; padding: 5px; margin: 20px 0px 20px -60px; background: #fff; border: 1px solid #ccc; position: relative;
				-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	
	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	.pagination-container{clear: both; padding: 5px 0px 0px; background: url(images/layout/blue-base.png) top repeat-x;}
	.pagination-container ul{margin-top: 20px; font-size: 12px;}
	.pagination-container ul li{float: left; margin-right: 10px;}
	.pagination-container ul li a, .pagination-container ul li a.selected-page:hover{display: block; padding: 4px 5px; background: #fff; border: 1px solid #ccc; color: #555; line-height: 1em;
																						-moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.pagination-container ul li a.selected-page, .pagination-container ul li a:hover{background: #3D556C; border-color: #3D556C; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.pagination-container .action-link-alt{float: right; margin-top: 20px; font-size: 10px; padding: 6px 8px;}
	
		.promote_post{clear: left; margin-bottom: 30px; list-style: none;}
			

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h4.section-title{padding: 20px 0px 0px; margin: 0px; font-size: 15px;}
		
.comment-container li{padding: 20px 0px; border-bottom: 1px dotted #ccc;}
.comment-container li:last-child{border-bottom: none; margin-bottom: 20px;}

.comment-meta{float: left; width: 120px; padding: 0px 20px 0px 0px; text-align: right; font-size: 12px;}
.comment-meta .avatar{margin-bottom: 10px;}
.comment-meta a{display: block; margin-bottom: 5px; font-weight: bold; font-size: 13px; line-height: 15px;}
.comment-date{font-size: 11px; color: #888;}
.comment-avatar{float: left; width: 58px; margin-right: 20px;}
.comment-avatar img{width: 55px; height: 55px;}
.comment-post{ margin-left: 160px; font-size: 12px;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content .comment_form{margin-top: 20px;}

.comment_form label{float: left; display: block; width: 120px; margin: 5px 0 0 0; font-weight: bold; color: #777; text-align: right;}
.comment-form-content input[type=text]{clear: both; width: 388px; margin-left: 40px;}
.comment-form-content textarea{width: 388px; height: 220px; margin-left: 40px; }
.comment-form-content .checkbox{width: auto; padding: 5px 0px; margin-left: 160px; font-size: 12px; vertical-align: middle;}
.comment_form .checkbox input[type=submit]{ float: left; margin-right: 10px;}
.comment_form .checkbox input[type=checkbox]{float: left;}
.comment_form .checkbox label{float: left; width: auto; padding: 1px 0px 0px; margin-left: 8px; font-weight: lighter;}
	
	label span{margin-left: 10px; font-weight: lighter; color: #777; font-size: 11px;}
	.comment-form-content .quick-reply{clear: both; margin: 10px 0px 0px; padding-left: 0px;}
	

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------*/
	/*- WIDGETS ----------------------------------*/
	.widgets{font-size: 12px;}
	.widgets h4{font-size: 17px; color: #333; padding-bottom: 10px; margin-bottom: 5px; background: url(images/layout/gray-base.png) bottom repeat-x; font-weight: lighter; text-transform: none;}
	.widgets h4.blue-base, .gray-base{background: url(images/layout/blue-base.png) bottom repeat-x;}
	.widgets h4 a{font-weight: lighter;}
	
	.widgets .widget-item{border-bottom: none; margin-bottom: 30px;}
	
	.widgets .widget-item li{border-bottom: 1px dotted #ccc; padding: 10px 0px; }
	.widgets .widget-item li:last-child{padding-bottom: 0px; border-bottom: none;}
	.widgets .widget-item strong{font-weight: bold;}
	.widgets .widget-item a{display: block; font-weight: lighter;}
	.widgets .widget-item p a{display: inline; font-weight: bold;}
	
	.widgets ol{padding-left: 20px; width: 240px;}
	.widgets ol li{list-style: decimal; margin-bottom: 5px;}


	/*--------------------------------------------*/
	/*- CATEGORIES -------------------------------*/
	.widgets .social_list li{padding: 8px 0px; margin: 0px; overflow: hidden;}
	.widgets .social_list p{margin: 0px;}
	.widgets .social_list a{font-weight: bold;}

	/*--------------------------------------------*/
	/*- CATEGORIES -------------------------------*/
	.widgets .categories a{display: inline-block; padding: 0px 6px; margin: 0px 3px 3px 0px; background: #ccc; border-radius: 100px; font-size: 10px; color: #595959; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
	.widgets .categories a:hover{background: #3D556C; color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);}

	/*--------------------------------------------*/
	/*- GUEST BLOG -------------------------------*/
	a.guest-blog{display: block; width: 220px; height: 72px; margin: 0px 0px 30px 20px; background: url(images/layout/guest-blog.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
	a.guest-blog:hover{background-position: -222px 0px;}

	/*--------------------------------------------*/
	/*- ADVERTISEMENTS ----------------------------*/
	a.advert{display: block; margin-bottom: 30px;}
	
	.advertisement{width: 200px; padding: 10px; margin: 0px 0px 40px 0px; background: #E3E4E1; border: 1px solid #CED2D1; line-height: 1.4em; border-radius: 3px;}
	.advertisement a.detail{display: block; width: 125px; margin: 0px auto 5px; text-transform: uppercase; font-weight: bold; font-size: 10px;}
	.advertisement a.the-advert{display: block; width: 200px; margin: auto; text-align: center;}
	.advertisement a.the-advert img{display: block; margin: 0px auto 10px;}
	.advertisement a.the-advert span.advert-name{display: block; font-weight: bold; font-size: 12px; margin-bottom: 0px;}
	.advertisement a.the-advert span.advert-description{color: #525252; font-size: 12px; font-weight: lighter; }


	/*--------------------------------------------*/
	/*- SUBSCRIBE --------------------------------*/
	.subscribe{padding: 10px 10px 8px; margin-bottom: 30px; background: #fff; border: 1px solid #ccc; overflow: auto; border-radius: 3px;}
	.subscribe p{float: right; width: 190px; margin: -2px 0px 0px; padding: 0px; line-height: 1.5em;}
	.subscribe p strong{display: block;}
	.subscribe a{float: left; margin-right: 10px;}
	

	/*--------------------------------------------*/
	/*- BLOCKS -----------------------------------*/
	.widgets .block a{display: block; margin: 10px 0px 5px; font-size: 13px; font-weight: bold;}
	.widgets .block p{font-style: italic;}


	/*--------------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ------------------*/
	.widgets li.comment{padding-left: 28px; background: url(http://cdn.obox-design.com/layout/sprite.png) -532px -972px no-repeat;}
	.comment a{font-style: normal; font-weight: bold !important; display: block;}
		
	/*--------------------------------------------*/
	/*- POPULAR/RECENT POSTS ---------------------*/
	.widgets li.recent-post{padding-left: 28px; background: url(http://cdn.obox-design.com/layout/sprite.png) -532px -1062px no-repeat;}
	
	/*--------------------------------------------*/
	/*- INFO ITEMS -------------------------------*/
	.widgets li.info-post{padding-left: 28px; background: url(http://cdn.obox-design.com/layout/sprite.png) -532px -308px no-repeat;}


	/*--------------------------------------------*/
	/*- THEME LIST -------------------------------*/
	.right-column-theme-list li{overflow: hidden;}
	.right-column-theme-list li a.thumbnail{float: left; width: 50px; padding: 5px;}
	.right-column-theme-list li a.thumbnail span{display: block; width: 50px; height: 50px; overflow: hidden;}
	.right-column-theme-list li .details{float: left; width: 205px; margin: 4px 0px 0px 10px;}
	.right-column-theme-list li .details a.theme-name{margin-bottom: 4px; font-weight: bold !important; font-size: 13px;}
	.right-column-theme-list li .details a.action-link{width: 64px; padding: 5px 6px; font-weight: bold !important; text-align: center;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- SHOWCASE LAYOUT -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.showcase{margin-bottom: 20px;}
span.showcase-large{width: 538px; height: 300px; display: block; overflow: hidden;}

.thumb-like-count{float: right; padding-left: 18px; background: url(http://cdn.obox-design.com/layout/sprite.png)  -538px -1704px no-repeat;
					font-size: 10px; font-weight: bold; text-align: right;}

ul.showcase-meta{float: right; width: 200px; margin: 0px 0px 60px;}
ul.showcase-meta li{clear: both; padding: 5px 0px 5px 18px; background: url(http://cdn.obox-design.com/layout/sprite.png) no-repeat; border-bottom: 1px dotted #ccc; font-size: 10px; font-weight: bold;}
ul.showcase-meta li span{float: right;}
ul.showcase-meta li:first-child{padding-top: 0px;}
ul.showcase-meta li:last-child{border: none;}
ul.showcase-meta li.mod-like{background-position: -538px -1704px;}
ul.showcase-meta li.mod-like-active, ul.showcase-meta li.mod-like:hover{background-position: -538px -1674px;}
ul.showcase-meta li.mod-link{background-position: -538px -437px;}
ul.showcase-meta li.mod-designer{background-position: -538px -565px;}
ul.showcase-meta li.mod-tweet{background-position: -540px -1763px;}
ul.showcase-meta li.mod-theme{background-position: -538px -1731px;}
			
h3.showcase-title{margin-left: 0px;}
		
.showcase-description{float: left; clear: none; width: 340px; padding: 0px; margin: 0px 0px 60px;}
.showcase-description .post{margin-left: 0px; padding-left: 0px;}

.submit-mod{display: block; width: 300px; height: 40px; margin: 0px 0px 20px 0px; background: #A3C566 url(http://cdn.obox-design.com/layout/sprite.png) 42px -1693px no-repeat; text-indent: -9999px; overflow: hidden;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.submit-mod:hover{background-color: #97BC52;}

	

/*-------------------------------------------------------------------------------------------*/
/*- HOTFIXES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.hotfix-table{clear: both;}
.hotfix-table td{vertical-align: top; }
.hotfix-table td.files{width: 190px; white-space: normal;}
.hotfix-table td.files span{display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 8px 0px; background: url(http://cdn.obox-design.com/layout/sprite.png) -538px -1874px no-repeat;}
.hotfix-table td.files a{display: inline-block; padding: 2px 6px; margin-top: 10px;}
.hotfix-table td.hotfix-description{padding-right: 10px;}
.hotfix-table td.hotfix-description p{font-size: 12px; margin-bottom: 0px;}
.hotfix-links{width: auto; margin: 0px auto 40px;}
.hotfix-links li{float: left; margin-right: 10px;}
.hotfix-links li a{text-align: center; font-size: 12px;}


/*-------------------------------------------------------------------------------------------*/
/*- LEGAL -----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.legal{margin-bottom: 30px;}
.legal h3{font-family: "droid-sans-1","droid-sans-2", "Myriad Web Pro", "Myriad Pro", Tahoma, Arial; margin-top: 30px;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer li.column{width: 220px; margin-right: 20px; float: left; font-size: 12px;}
#footer li.column:last-child{margin-right: 0px;}
#footer h5{color: #fff; font-weight: bold; margin-bottom: 10px; font-size: 14px;}

#footer li.column li{padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #556A7E; line-height: 1.2em;}
#footer li a{display: block; color: #E1E9EE; font-weight: lighter;}
#footer li.column a:hover{color: #fff; margin-left: 2px;}
#footer li img{margin-bottom: 5px;}
#footer p{color: #E1E9EE; font-size: 12px;}
#footer p a{display: inline; color: #fff;}
#footer li.column li:last-child{border-bottom: none;}


/*-------------------------------------------------------------------------------------------*/
/*- WEBKIT TRANSITIONS ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.message_post .controls, .checkout-steps li a, .message_post .controls a{-webkit-transition: all 0.2s linear;}

ul#menu a, 
.free-theme-list li a, 
.action-link,
#right-column ul li a,
.bread-crumbs li a,
#footer li a,
a.control-button,
.controller-menu-container ul li a.detail,
.feature-controls li a,
.feature-details a img{-webkit-transition: all .1s ease-in-out;}



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