.ocmx-container{width: 760px;}
.ocmx-container label{font-size: 11px; font-weight: bold; color: #222;}
.ocmx-container h2 span{float: right; font-size: 11px; font-style: italic; color: #222;}
.ocmx-container .tooltip{display: block; clear: both; font-size: 10px; color: #595959; padding-left: 2px; line-height: 1.5em;}
.del-link, .remove{ text-align: center; font-size: 11px !important; text-decoration: none;}

/*--------------------------*/
/*- LAYOUT OPTIONS ---------*/
#header-block{padding: 15px 20px; margin: 0px; overflow: hidden;
				background: #dfdfdf -moz-linear-gradient(top, #f2f2f2, #dfdfdf); 
				background: #dfdfdf -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2f2f2),color-stop(1, #dfdfdf));
				repeat-x; border: 1px solid #ccc;
				-webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;
				-moz-border-radius: 6px 6px 0px 0px;}

	
#info-content-block{padding: 15px 20px; background: #f5f5f5; border: 1px solid #ccc; border-top: none; font-size: 11px; color: #595959;}

#content-block{margin: 0px 0px 40px; background: #fff; border: 1px solid #ccc; border-top: none; font-size: 12px;
				-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
				-moz-border-radius: 0px 0px 6px 6px;}
.content{padding: 20px; margin: 0px; background: #fff;}
.settings-message{padding: 0px; margin: 0px 0px 20px; color: #777;}
.base-controls{padding: 10px 20px;
				background: #dfdfdf -moz-linear-gradient(top, #f0f0f0, #dfdfdf); 
				background: #dfdfdf -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #dfdfdf));
				border-top: 1px solid #ccc;
				-webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius: 6px;
				-moz-border-radius: 0px 0px 6px 6px;}
.base-controls a{float: right; margin-left: 10px;}
#header-block .button-primary, .base-controls .button-primary{margin-left: 10px;}
			
			
	/*------------------------------------*/
	/*- FORM STYLING ---------------------*/
	/*------------------------------------*/
	.form-options{clear: both; margin: 0px; padding: 0px; position: relative; line-height: normal; background: #fff;} 
	.contained-forms{background: #f5f5f5; border: 1px solid #ccc; top: -1px;
						-webkit-border-radius: 6px; -webkit-border-top-left-radius: 6px;
						-moz-border-radius: 6px 6px 6px 6px;}
	.contained-forms-large{padding: 0px; margin: 0px; background: #f5f5f5; /*border-radius: 6px;*/}
		.contained-forms-large li.column{padding: 0px; margin: 0px;}
		.form-options li{padding: 15px; margin: 0px; border-bottom: 1px dotted #ccc; overflow: auto;}
		.form-options li:last-child{border-bottom: 0px;}
		
		.form-options li label.parent-label{ float: left; width: 120px; padding-top: 2px;}
		.form-options li .form-wrap{float: left; width: 430px; margin-top: 0px;}
		.form-options li .form-wrap label.image-edit-item{float: left; margin: 0px 10px 10px 0px; padding: 0px; position: relative; overflow: hidden;}
		.form-options li .form-wrap label.image-edit-item a{display: block; width: 32px; height: 31px; background: url(<?php bloginfo('template_directory'); ?>/ocmx/images/image-edit-icons.png) no-repeat; position: relative; z-index: 2;}
			
			label.greyscale a		{background-position: 0px 0px;}
			label.negative a		{background-position: 0px -60px;}
			label.brightness a		{background-position: 0px -120px;}
			label.contrast a		{background-position: 0px -180px;}
			label.blur a			{background-position: 0px -240px;}
			label.colorize a		{background-position: 0px -300px;}
			label.noeffect a		{background-position: 0px -360px;}
			
			label.greyscale a.active	{background-position: -40px 0px;}
			label.negative a.active		{background-position: -40px -60px;}
			label.brightness a.active	{background-position: -40px -120px;}
			label.contrast a.active		{background-position: -40px -180px;}
			label.blur a.active			{background-position: -40px -240px;}
			label.colorize a.active		{background-position: -40px -300px;}
			label.noeffect a.active		{background-position: -40px -360px;}
			
		.form-options li .form-wrap label.image-edit-item input{position: absolute; top: 5px; left: 5px; z-index: 1;}
			
			/*--------------------------*/
			/*- PARENT FORM WIDTHS -----*/
			.form-wrap input[type=text]{float: left; width: 380px; margin-bottom: 4px;}
			.form-wrap select{width: 400px; margin-bottom: 4px;}
			.form-wrap textarea{width: 380px; height: 140px; margin-bottom: 4px;}
			
		
			/*--------------------------*/
			/*- CHILD FORM WIDTHS ------*/
			.form-wrap .child-form input[type=text]{float: left; width: 250px; margin-bottom: 4px;}
			.form-wrap .child-form textarea{width: 480px; max-height: 600px; margin-bottom: 4px; font-size: 12px;}
			.form-wrap .child-form select{width: 300px; margin-bottom: 4px;}
			

		.form-options li .form-wrap .child-form{clear: both; margin-bottom: 10px;}
		.form-options li label.child-label{float: left; width: 100px; color: #545454;}
		.form-options li .form-wrap .child-form span.tooltip{margin-left: 104px; width: 275px;}
	
	
	/*------------------------------------*/
	/*- HEADER STYLES --------------------*/
	/*------------------------------------*/
	#header-block h3{padding: 3px 0px 0px; margin: 0px; font-size: 13px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
	.button-primary{float: right;}
	
	
	/*------------------------------------*/
	/*- TAB STYLES -----------------------*/
	/*------------------------------------*/
	ul.tabs{margin: 10px 0px -16px; padding: 0px;}
	ul.tabs li{float: left; margin: 0px 10px 0px 0px; padding: 4px 10px; background: #f1f1f1; border: 1px solid #e0e0e0; border-bottom: 1px solid #ccc;
				-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
				-moz-border-radius: 6px 6px 0px 0px;}
	ul.tabs li.selected{background: #fff; border-color: #ccc; border-bottom: 1px solid #fff;}
	
	ul.tabs li a{color: #545454; text-decoration: none; font-weight: bold;}
	ul.tabs li.selected a{color: #333;}
	ul.tabs li a:hover{color: #21759b;}
	

	/*---------------------------------*/
	/*- GENERAL SETTINGS LAYOUT -------*/
	ul.admin-block-list{margin: 0px; background: #fff url(images/general-layout-bg.png) repeat-y;
						-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
						-moz-border-radius: 0px 0px 6px 6px;}
	ul.admin-block-list li.admin-block-item{clear: both; padding: 0px; margin: 0px; overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
	ul.admin-block-list li.admin-block-item:first-child{border-top: none;}
	ul.admin-block-list li.admin-block-item:last-child{border-bottom: none;}
	ul.admin-block-list li .admin-description{float: left; width: 140px; padding: 20px;}	
	ul.admin-block-list li .admin-description h4{margin: 0px 0px 8px; padding: 0px; font-size: 13px;}
	ul.admin-block-list li .admin-description h4 span{clear: both; color: #666;  padding: 0px; font-size: 10px; font-style: italic; font-weight: lighter;}
	ul.admin-block-list li .admin-description p{margin: 0px; padding: 0px; font-size: 11px; color: #595959;}
	ul.admin-block-list li .admin-content{float: left; width: 518px; padding: 20px;}
	ul.admin-block-list li .admin-content h4{color: #595959; margin: 0px 0px 5px; padding: 0px;}
	ul.admin-block-list li .admin-content select{min-width: 300px;}
	ul.admin-block-list li .admin-content input[type=text]{width: 300px;}
	ul.admin-block-list li .admin-content .form-wrap{width: 300px; margin: 0px;}
	ul.admin-block-list li .admin-content .form-wrap select{width: 300px;}
	
	
	/*--------------*/
	/*- LOGO -------*/		
	.logo-display{width: 520px; height: 200px; margin: 20px 0px 15px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
	.logo-display a{display: block; width: 520px; height: 200px;}
	
	.previous-logos li{float: left; margin: 0px 10px 10px 0px; text-align: center;}
	.previous-logos li:nth-child(4n+4){margin-right: 0px;}
	.previous-logos li {display: block; width: 100px; height: 80px; overflow: hidden; padding: 10px; background: #f1f1f1; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
	.previous-logos li a.image{display: block; width: 100px; height: 60px; position: relative; overflow: hidden;  margin-bottom: 7px;}
	.previous-logos li a.remove{color: #f00;}
	.previous-logos li img{margin: auto;}
	.previous-logos li a:hover{background: #f0f0f0;}
	
		
	/*------------------*/
	/*- TRACKING -------*/
	textarea.site-tracking{width: 520px; height: 105px; font-size: 11px; font-family: "Courier New", Courier, monospace;}
	textarea#ocmx_custom_css {min-height: 500px;}
					

	/*--------------------------*/
	/*- HOME PAGE LAYOUT -------*/
	.layout-selector{margin: 0px; padding: 0px; line-height: normal; position: relative; z-index: 2;}
	.layout-selector li{float: left; width: 210px; padding: 10px 11px 10px; margin: 0px; line-height: normal;
						-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
						-moz-border-radius: 6px 6px 0px 0px;}
	.layout-selector li.selected{background: #f5f5f5; border: 1px solid #ccc; border-bottom: none;}
	.layout-selector li a{text-decoration: none !important;}
	.layout-selector li img{float: left; margin-right: 10px;}
	.layout-selector li h4{margin: 0px 0px 5px; padding: 0px; height: auto; line-height: normal;}
	.layout-selector li p{margin: 0px; padding: 0px; height: auto; font-size: 11px; color: #555;}
	
	.clear-left-corner{-webkit-border-top-left-radius: 0px; -moz-border-topleft-radius: 0px;}
	.clear-right-corner{-webkit-border-top-left-radius: 0px; -moz-border-topright-radius: 0px;}
		
	/*--------------------------*/
	/*- NOTIFICATIONS ----------*/
	.info-bubble{display: block; width: 460px; padding-left: 35px; font-size: 10px; color: #595959; background: url(images/info-bubble.png) no-repeat left;}
	

	/*-----------------------------------*/
	/*- ADVERT MANAGEMENT ---------------*/
	.advert-block .ad-image{display: block; float: left; margin-right: 15px; background: #f5f5f5 url(images/no-advert-image.png) center no-repeat; border: 1px solid #ccc;}
	.advert-block a{clear: both; display: block; text-align: left;}
	
	.advert-125 .ad-image{width: 125px; height: 125px;}
	.advert-300 .ad-image{width: 300px; height: 250px;}
	
	.advert-125 .ad-forms{float: left; width: 550px;}
	.advert-300 .ad-forms{float: left; width: 375px;}
	.advert-300 .ad-forms .form-wrap{width: 375px;}
	.advert-290 .ad-forms{float: left; width: 365px;}
	.advert-290 .ad-forms .form-wrap{width: 365px;}		
		
		
	/*------------------------------------*/
	/*- ELEMENT MENU STYLES --------------*/
	/*------------------------------------*/
	.element-selector{float: left; width: 188px; margin: 0px -1px 0px 0px; position: relative; z-index: 2;}
	.element-selector li{clear: both; margin: 0px; border-bottom: 1px solid #ccc;}
	.element-selector li a{display: block; padding: 10px; text-decoration: none; color: #333;}
	.element-selector li a.selected{background: #fff; font-weight: bold;}
	.element-selector li a:hover{color: #21759b;}		
	.element-selected-tab{background: #fff; border-color: #ccc;}		
	.element-selected{float: right; width: 555px; padding: 0px; background: #fff; border-left: 1px solid #ccc; position: relative; z-index: 1;}
	
		
	/*------------------------------------*/
	/*- FONT MANAGEMENT ------------------*/
	.font-setting-container{margin: 20px 20px 0px; background: #f5f5f5; border: 1px solid #ccc; overflow: hidden;
							-webkit-border-radius: 4px; -moz-border-radius: 4px;}
	.font-setting-container li{float: left; height: 28px; padding: 5px 10px; margin: 0px; border-right: 1px solid #ccc;}
	.font-setting-container li:first-child{padding-left: 5px;}
	.font-setting-container li:last-child{padding-right: 5px; border-right: none;}
	
	.font-setting-container input[type=text]{width: 75px; height: 28px; margin: 0px !important;
												font-weight: bold; font-size: 14px;}
	
		/*-----------------------*/
		/*- COLOURS AND FONTS ---*/
		.color_container{float: left; width: 113px; overflow: hidden;}
		.color-picker-box{float: left; display: block; margin: 0px 10px 0px 0px; background: #fff url(images/select2.png); }
		.color-picker-box div{display: block; width: 28px; height: 28px; background: #fff url(images/select2.png) center;}
		.color_container input[type=text]{width: 75px !important; height: 28px; margin: 0px !important; font-weight: bold; font-size: 14px;}
			
		.font-setting-container .slider_container{height: 28px;}
		.slider_container{display:block; height: 25px; top: 170px; left: 165px; width: 290px;}
		.slider_container .minus{float: left; display: block; width: 20px; height: 18px; margin: 5px 0px 0px; background: url(images/font-size-arrow-controls.png) top left; overflow: hidden; cursor: pointer;}
		.slider_container .add{float: left; display: block; width: 20px;  height: 18px;	margin: 10px 0px 0px; background: url(images/font-size-arrow-controls.png) top right; overflow: hidden; cursor: pointer;}
		.slider_container .minus:hover{background-position: bottom left;}
		.slider_container .add:hover{background-position: bottom right;}
		.slider_handle{width: 18px; height: 18px; background: url(images/font-size-slider-handle.png) no-repeat; position: absolute; top: -5px;}
		.slider_bar{float: left; height: 6px; width: 163px; padding: 0px 5px; margin: 11px 10px; position: relative; background: #ccc;
					-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
					-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
					box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
					-webkit-border-radius: 40px; -moz-border-radius: 40px;}
						
		.font-setting-container .slider_container input[type=text]{width: 55px;}
				
	
		/*-----------------------*/
		/*- COLOURS AND FONTS ---*/
		.overview-container{margin: 0px; background: #fff; border: 1px solid #ccc; position: relative; overflow: auto;
								-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.05);}
		.overview-container .section{padding: 10px; border-bottom: 1px solid #ccc;}
		.overview-container .section:last-child{border-bottom: none;}
	
		
		/*-----------------------*/
		/*- FONT LIST -----------*/	
		.font-list{float: left; width: 556px; padding: 10px 10px;}
		.font-list li{float: left; padding: 0px; margin: 10px;}
		.font-list li .font-item{display: block; width: 156px; padding: 0px; margin: 0px; background: #fff; border: 1px solid #ccc; position: relative; overflow: hidden;
									-webkit-border-radius: 4px; -moz-border-radius: 4px;
									-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);}
		.font-list li .font-item .type-display{width: 233px; padding: 10px 6px;border-bottom: 1px solid #ccc; overflow: hidden; font-size: 30px; line-height: 1em;
												-webkit-border-radius: 4px; -moz-border-radius: 4px 4px 0px 0px;}
		.font-list span.font-name{display: block; background: #f5f5f5; padding: 6px; font-size: 11px; font-weight: bold;
												-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px;
												-moz-border-radius: 0px 0px 4px 4px;
												text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);}
		.font-list li:hover{cursor: pointer;}
		.font-list li:hover span.font-name, .font-list li.select span.font-name{background-color: #298CBA;  color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
																				-webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, linear;}
				

	/*------------------------------------*/
	/*- GALLERY MANAGEMENT ---------------*/
	h3.gallery-name{padding: 20px 0px 10px; margin: 0px 20px 0px; border-bottom: 1px dotted #ccc;}
	.gallery-image-list{padding: 10px 0px;}
	.gallery-image-list li{float: left; padding: 10px 17px 10px; margin: 0px;}
		
	span.image{display: block; width: 200px; height: 133px; margin-bottom: 4px; overflow: hidden;}
	.gallery-image-list li .gallery-item{display: block; float: left; width: 200px; padding: 6px; margin: 0px; background: #1f1f1f; position: relative;
											-webkit-border-radius: 4px; -moz-border-radius: 4px;}
	.gallery-image-list li .gallery-item a.image{display: block; width: 200px; height: 150px; margin-bottom: 4px; overflow: hidden;}
	.gallery-image-list li .gallery-item a.image img{display: block;}
	.gallery-image-list li .gallery-item a.delete-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 50px;
														font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
														-webkit-border-radius: 3px; -moz-border-radius: 3px;}
	.gallery-image-list li .gallery-item a.edit-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px;
													font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
													-webkit-border-radius: 3px; -moz-border-radius: 3px;}
													
	.gallery-image-list li .gallery-item a.edit-image:hover, .gallery-image-list li .gallery-item a.delete-image:hover{background: rgba(255, 255, 255, 0.9); color: #000;}
	.gallery-image-list li .gallery-item span.image-name{display: block; float: left; min-height: 18px; font-size: 11px; font-weight: bold; color: #fff;}
	.gallery-image-list li .gallery-item span.image-date{float: right; font-size: 7.5px; color: #ccc; text-align: right;}
			
		/*- ADD A NEW GALLERY BUTTON -*/
		.gallery-image-list li .add-new-gallery{width: 212px; padding: 0px; background: none;}
		.add-new-gallery a{display: block; width: 198px; height: 172px; padding: 6px; margin: 0px; background: #f5f5f5 url(images/add-new-gallery.png) 82px 60px no-repeat; border: 1px solid #ccc; position: relative;
							font-weight: bold; text-decoration: none !important; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); text-align: center;
							-webkit-border-radius: 4px; -moz-border-radius: 4px;}
		.add-new-gallery a:hover{border: 1px solid #13455B; background-color: #298CBA; background-position: 82px -694px; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
									-webkit-transition-property:text-shadow , background-color;  
									-webkit-transition-duration: 0.2s, 0.2s;  
									-webkit-transition-timing-function: linear, linear; }
		.add-new-gallery a span{position: relative; top: 120px;}
			
		/*- EDIT GALLERY FORM -*/
		.gallery-image-list li .image-form{display: none; float: right; width: 428px; padding: 15px; margin-left: 20px; background: #f1f1f1; border: 1px solid #ccc; top: -1px;
											-webkit-border-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius: 4px;}
											
		.gallery-image-list li .image-form label.parent-label{width: 90px; float: left; margin-top: 0px;}
		.gallery-image-list li .image-form .form-wrap {width: 320px; float: left; margin-top: 0px;}
		.gallery-image-list li .image-form .form-wrap input[type=text]{width: 320px;}
		.gallery-image-list li .image-form .form-wrap textarea{width: 320px; height: 61px;}
		.gallery-image-list li .image-form .form-wrap label{display: block; float: left; width: 140px; font-size: 10px;}
		.gallery-image-list li .image-form .form-wrap input[type=checkbox], .gallery-image-list li .image-form .form-wrap input[type=radio] {margin-right: 4px;}
		

			
	/*------------------------------------*/
	/*- CREATE A NEW GALLERY -------------*/
	.new-gallery li.admin-block{padding: 20px; margin: 0px; border-bottom: 1px solid #ccc;}
		.new-gallery li.admin-block:last-child{border-bottom: none;}
		.new-gallery li.admin-block .form-wrap{width: 570px;}
		.admin-block h3{padding: 0px; margin: 0px 0px 20px;}
		label.image-edit-item{float: left; margin: 20px 10px 10px 0px; padding: 0px; position: relative; overflow: hidden;}
		label.image-edit-item a{display: block; width: 32px; height: 31px; background: url(<?php bloginfo('template_directory'); ?>/ocmx/images/image-edit-icons.png) no-repeat; position: relative; z-index: 2;}
		label.greyscale a		{background-position: 0px 0px;}
		label.negative a		{background-position: 0px -60px;}
		label.brightness a		{background-position: 0px -120px;}
		label.contrast a		{background-position: 0px -180px;}
		label.blur a			{background-position: 0px -240px;}
		label.colorize a		{background-position: 0px -300px;}
		label.noeffect a		{background-position: 0px -360px;}
		
		label.greyscale a.active	{background-position: -40px 0px;}
		label.negative a.active		{background-position: -40px -60px;}
		label.brightness a.active	{background-position: -40px -120px;}
		label.contrast a.active		{background-position: -40px -180px;}
		label.blur a.active			{background-position: -40px -240px;}
		label.colorize a.active		{background-position: -40px -300px;}
		label.noeffect a.active		{background-position: -40px -360px;}
			
	label.image-edit-item input{position: absolute; top: 5px; left: 5px; z-index: 1;}
	.upload-list{margin: 20px 0px 0px; background: #f1f1f1; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
	.upload-list li{padding: 0px 0px 0px 0px; margin: 0px; background: url(images/upload-icon.png) 10px 8px no-repeat; border-bottom: 1px dotted #ccc; font-weight: bold; overflow: auto;}
	.upload-list li:last-child{border-bottom: none;}
	.upload-list li span{float: left; display: block; padding: 7px 7px 7px 32px;}
	.upload-list li a{float: right; display: block; padding: 8px 10px; margin: 0px; border-left: 1px solid #ccc; color: #c00; font-size: 10px; font-weight: lighter; text-decoration: none;}
	.upload-list li a:hover{color: #111; background: #f0f0f0}
	
	.dimension-block{float: left; width: 300px; margin: 20px 20px 10px 0px; background: #f1f1f1; border: 1px solid #ccc; overflow: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
	.dimension-block h3{padding: 6px 10px; margin: 0px; border-bottom: 1px solid #ccc; font-size: 12px;}
		
	.dimension-block label{float: left; display: block; width: 46px; padding: 8px 8px; margin: 10px 0px 10px 10px; background: #ffc; border: 1px solid #ccc; color: #333;
								font-size: 13px; line-height: normal; -moz-border-radius: 4px 0px 0px 4px;
								-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}
	.dimension-block input[type=text]{float: left; display: block; width: 70px; height: 34px; padding: 9px 8px 8px 8px; margin: 10px 0px 0px; background: #ffc; border: 1px solid #ccc; border-left: none;
											font-size: 13px;
											-moz-border-radius: 0px 4px 4px 0px;
											-webkit-border-radius: 4px;
											-webkit-border-bottom-left-radius: 0px;
											-webkit-border-top-left-radius: 0px;}
											
											
											
	/*--------------------------*/
	/*- THEME LIST LAYOUT ------*/								
	.theme-block-item{display: block; float: left; width: 200px; padding: 6px; margin: 15px 17px 15px; background: #1f1f1f; position: relative;
												-webkit-border-radius: 4px; -moz-border-radius: 4px;}
	.theme-block-item h4{display: block; min-height: 18px; margin: 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #fff;}
	.theme-block-item a.screenshot{display: block; width: 200px; height: 250px; margin-bottom: 4px; overflow: hidden;}
	.theme-block-item a.pricing{float: right; font-size: 7.5px; color: #ccc; text-align: right;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- Clearfix --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 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 */
floatleft{float: left;}
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.clearboth{clear: both;}
.no_display{display: none;}