/* 
Theme Name: Cresento 
Description: Blog Magazine WordPress theme.
Version: 1.0
Author: system32
Author URI: http://www.themeforest.net/user/system32
Tags: Business
*/

body	{ margin:0px; font:normal 12px "Lucida Sans unicode", Arial, Helvetica, sans-serif; }
* html 	{ margin:0; padding:0; }

.alignleft		{ float:left; margin:10px 20px 10px 0;}
.alignright		{ float:right; margin:10px 0px 15px 20px; }
.aligncenter	{ clear:both; display:block; margin:10px auto; padding:10px 0;}			

.fr				{ float:right; }
.fl				{ float:left; }

p				{ margin: 0px 0 15px 0;}
p.small 		{ font-size:10px; line-height:normal; }


.clear 			{ clear:both;}
a.more-link		{ display:block; margin:5px 0;}

/* ################################################
	PLAIN DIVIDER	
################################################### */

.divider 		{ clear:both; background:url(images/divider.gif) repeat-x; padding:10px 0; margin:10px 0;}

/* ################################################
		STRIPE DIVIDER	
################################################### */

.stripe_divider 		{ clear:both; background:url(images/l-divider.gif) repeat-x; padding-left:0px; padding-right:10px; margin:20px 0; font-size:10px; text-align:right;}
.stripe_divider span { background:#fff; text-transform:uppercase; padding:0 10px; line-height:1;}

/* ################################################
			HEADINGS
################################################### */

h1	{
	font: normal 24px/28px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h2	{
	font: normal 20px/26px "Georgia", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;	
	}

h3 	{ 
	font: normal 16px/22px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;
	}

h4 	{ 
	font: bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding-bottom:5px;
	}

h5 	{ 
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	}

h6 	{ 
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	}


/* ################################################
			LAYOUT
################################################### */

#main			{ width:100%; margin-left:auto; margin-right:auto;}	 /* Content Wrap below header*/
#content ul,ol	{ margin-left:30px; margin-bottom:10px;}
#Wrapper		{ width:960px; margin:0 auto; } 
#header			{ width:940px; margin:0 auto; height:140px;}


#mainpage #sidebar		{ width:450px; float:left; }
#mainpage #content		{ width:450px; float:left; display:inline; padding:30px 10px 30px 10px; }

#sidebar				{ float:left; 	width:260px; margin-top:35px; }
#sidebar_right			{ float:right; 	width:260px; margin-top:35px; margin-right:10px; }


#content				{ float:left; display:inline; }

#footer					{ width:940px; margin:0 auto; }

#footer	a				{ color:#ffffff; }



/* ################################################
			TOPBAR
################################################### */

.tollfree				{ margin:10px 0 0 5px; float:left;}
.clientlogin 			{ margin:8px 10px 0 0; float:right; }
.clientlogin img		{ vertical-align:middle;}


/* ################################################
			LOGO
################################################### */

#logopart				{ margin:0 auto;}
.logo img 				{ margin:15px 0px 0 0px; text-indent:-9999px; display:block; border:0; float:left;}
		
	
/* ################################################
			TOPMENU
################################################### */
.topmenu				{ margin-top:40px; float:right; }


/* ################################################
			SLIDER BACKGROUND
################################################### */

.sliderbg 				{ padding:0px; width:940px; margin: 0 auto; height:310px; margin-top:20px; position:relative;
						  -moz-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  -webkit-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
							}
	
/* ################################################
			BLIND SLIDER
################################################### */

.slideshow ul 			{ margin:0; padding:0;}
.slideshow ul li		{ height:310px;}

.change_link 			{ border: 0px solid #bbb; text-decoration: none; display:block; text-align:right; }
.blind_nav				{ position:absolute; top:10px; right:0; z-index:100;}
.blind_nav a			{ margin-bottom:5px; }


/* ################################################
			SUB HEADER
################################################### */

#subheader				{ width:940px; margin:0 auto; height:60px;}

.subheader_left			{ float:left; }
.subheader_right		{ float:right;}

											

/* ################################################
			SIDEBAR MENU
################################################### */

.subnav					{ padding:5px 0 10px 0px; }
.subnav h3				{ margin-top:20px; margin-left:20px; }
	
.subnav li 				{ margin-left:0px; padding:0; list-style-type:none; }

#sidebar h3			{ margin-left:10px; }
#sidebar_right h3	{ margin-left:10px; }




/* ################################################
		HOMEPAGE FEATURELIST	
################################################### */


.box				{ padding:20px 0 0 20px; }

ul.featurelist 		{ margin:0; padding:0 0 10px 0; list-style:none;  }
ul.featurelist li  	{ margin:0 0 5px 0; padding:0; }
ul.featurelist li p 	{ margin:0;}
ul.featurelist li img	{ padding:0 10px; vertical-align:middle;	margin:0; }
		

/* ################################################
	CONTENT RIGHTPART	
################################################### */

#content		{ width:670px; float:left; display:inline; padding:30px 10px 30px 10px;}
#content_full	{ width:940px; padding:30px 10px 30px 10px; }


/* ################################################
	FEATURES BOXES
################################################### */

.fullwidth 				{ width:100%; }
.fullwidth .feature-box	{ width:38%; }
		
.feature-box	{ width:34%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0; float:left;}
.feature-box2	{ width:90%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0;}


/* ################################################
	GALLERY PAGE	
################################################### */

.gallery_wrap		{ margin:35px auto 0 auto; position:relative; overflow:hidden; }

.gallery_box 		{ margin:0px 0 0 20px;}	
.gallery_box li		{ background:url(images/gallery_bg.png) 0 0 no-repeat; width:290px; height:270px; float:left; display:inline; padding-top:10px; margin:20px 7px 7px 7px; }	
.gallery_box li	.button	{ margin-left:10px; }	

.gallery_image img { background: url(ajax-loader.gif) no-repeat center center; display:block; width:270px; height:170px;  }
.gallery_image		{ height:170px; margin-bottom:5px; padding-left:10px; }

.post-img .wp-post-image 	{ background: url(ajax-loader.gif) no-repeat center center; display:block; width:auto; height:150px; }

.portimg img	{ background: url(ajax-loader.gif) no-repeat center center; display:block; width:440px; height:240px; }


.post-img img { background: url(ajax-loader.gif) no-repeat center center; display:block; width:auto; height:150px; }

.gallery_loader 		{ background: url(ajax-loader.gif) no-repeat center center;  display:block; width:270px; height:170px; }

.gallery_box h2 		{ margin:15px 0 10px 5px ; padding:0 0 0 5px; text-align:left;}

.hover_video	{ position: absolute; background:transparent url(images/video.png) no-repeat center center; }
.hover_image	{ position: absolute; background:transparent url(images/image.png) no-repeat center center; }

div.portimg a img, 
div.portimg a:hover img 	{ position:relative; z-index:2;}

ul.gallery_box a img, 
ul.gallery_box a:hover img 	{ position:relative; z-index:2; }


/* ################################################
	PAGINATION	
################################################### */

.pagination		{ clear:both; margin-top:30px; height:50px; margin-left:20px; width:100%;}

.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend		{ font-size:10px; padding: 6px;  margin: 1px; color:#444; border: 1px solid #c8c8c8; background: #FFFFFF; }

.pagination span.pages 		{ border:0; text-transform:uppercase }
.pagination a:hover 		{ border: 1px solid #000; background: #fff; }

.pagination span.current 	{ padding: 6px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #000;}


/* ################################################
		PORTFOLIO PAGE
################################################### */

.portfoliobox	{ width:100%; margin-bottom:30px; }
	
.col2 			{ width:470px; float:left; margin-right:20px; }
.portimg		{ position: relative;  width:470px; background:	url(images/portfolio_bg.png) no-repeat; display:block; height:270px; padding-top:12px; padding-left:15px;}
.details 		{ width:380px; float:left; padding-top:10px; }
.details ul 	{ margin-bottom:10px;}
.details ul li 	{ background: transparent url("images/check.gif") no-repeat 0 .2em;  padding-left: 20px; display:inline; width:150px; float:left; }


/* ################################################
			BLOG POST
################################################### */

.post				{ margin:0px 0 10px 0; height:100%;}
.postmetadata		{ margin:0 0 15px 0; padding:0 0 5px 0; font-size:10px; background:url(images/divider.gif) bottom left repeat-x;}
.post-img{ overflow:hidden;}
.post-img img		{ background-color:#fff; border:1px solid #ccc;	padding:5px; margin:0 0 10px 0;	}
.post h2 			{ margin-bottom:0px; padding:0;}

span.postcomment 	{ float:right; margin:0px 10px 10px 10px;}
					
/* ################################################
			BLOG POST AUTHOR BOX
################################################### */

.authorbox 	h3		{ margin-bottom:0; }						 
.authorbox 	.avatar	{ float:left; margin:5px 15px 15px 0; border:1px solid #999999; padding:1px;}						 

/* Remove this class selector if you do not want shadow for the box and rounded corners */
.authorbox			{ -moz-box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
					  -webkit-box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
					  box-shadow:0px 0px 3px #444; /* CSS3 Shadow */
					  -moz-border-radius:5px;
					  -webkit-border-radius:5px;					  
					  -khtml-border-radius:5px;					  
					  border-radius:5px;					  
					} 				 

/* ################################################
	ALERT BOXES	
################################################### */

span.error {
	color: #cc0000;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #ffd6d6 url(images/icons/error.png) 2% 50% no-repeat;
	}

span.info {
	color: #0055bb;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #d8e5f8 url(images/icons/info.png) 2% 50% no-repeat;
	}

span.alert {
	color: #b79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #fef6d8 url(images/icons/alert.png) 2% 50% no-repeat;
	}

span.download {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(images/icons/download.png) 2% 50% no-repeat;
	}

span.success {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(images/icons/check.gif) 2% 50% no-repeat;
	}

span.error,
span.info,
span.alert,
span.success,
span.download {
		display: block;
		padding: 10px 10px 10px 45px;
		margin: 5px 0;	
		-moz-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		-webkit-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		box-shadow:0px 0px 2px #444; /* CSS3 Shadow */	
	}


/* ################################################
	PRE CODE	
################################################### */

pre {
                      /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
	}

pre {
	border: 1px solid #ddd;
	margin: 10px 0; 
	padding:10px; 
	line-height:15px;
	background: #f0f0f0;
	font-family:"Courier New", courier, monospace, sans-serif;
	}

code {
	font-size:1.2em; 
	}

/* ################################################
	GENERIC		
################################################### */

span.inset-left {
	display: block;
	padding: 15px;
	float: left;
	width: 20%;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}

span.inset-right {
	display: block;
	padding: 15px;
	float: right;
	width: 20%;
	font-weight: bold;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}


/* ################################################
	DEFINITION LISTS	
################################################### */

 dl {
 	border: 1px solid #ddd; 
 	padding: 0.5em; 
	}
	dt { 
	float: left; 
	clear: left; 
	width: 150px; 
	text-align: right; 
	font-weight: bold; 
	color: #484848; 
	} 
	dt:after { 
	content: " : "; 
	} 
	dd:before { 
	content: ""; 
	padding-left:5px;
	} 
	dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0; 
	}
	element.style {
opacity:1;
}

/* ################################################
LOGIN POPUP FORM	
################################################### */


#loginform 				{ width: 100%; text-align: center; padding: 10px 0 10px 0;}
#loginform 				{ width: 300px; text-align: left; margin: 0 auto; }
#loginform label		{ font:normal 11px/30px Tahoma, Arial, Helvetica, sans-serif; color: #000; text-align:right; float: left; width: 80px; padding: 0;}
#loginform input 		{ width: 180px; float: right; background: #f0f0f0 url('images/bg-input.gif') top left repeat-x;  border:1px solid #ccc; margin: 0 0 10px 0; padding:8px !important; }
#loginform p 			{ padding: 0; }
#loginform p .button	{ width: auto;	margin:0 auto; margin-top: 20px;}


/*------------------------------------------------------------------------

Contact form

-------------------------------------------------------------------------*/

#contactform {
	width:500px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	}

#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
	}

#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px
	}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
	}

#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
	}

#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
	}

#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
	}

#contactform form br {
	clear:left;
	}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	}

#contactform .select select:focus {
	border-color: #9b9b9b;
	}

#contactform form input.btn 	{
	background:none;
	border:none;
	}

#contactform form.c1 input:hover, #contactform textarea:hover	{
	border:1px solid #d8d8d8;
	}

#note {
	width:90%;
	margin:0 auto; 
	}

label#load { height:24px;}


/*-------------------------------------------------------------------------

Notice Boxes

-------------------------------------------------------------------------*/

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}
/*-------------------------------------------------------------------------

Search Box

-------------------------------------------------------------------------*/

.search-box { 
		height: 40px; 
		padding: 5px 0 0 0px; 
		width: auto; 
		margin:10px 20px 10px 10px; 
		}

	* html .search-box { 
		margin-top: 10px; 
		}

	*:first-child+html .search-box { 
		margin-top: 10px; !important; 
		}
	
	input.search-field { 
		background:#f0f0f0; 
		border:1px inset #fff;
		width:135px; 
		height:20px; 
		float:left; 
		margin:0px; 
		font:normal 11px verdana, arial, sans-serif;
		padding: 2px 0px 0px 8px; 
		}

	input.search-go  { 
		float:left; 
		height:24px; 
		width:24px; 
		border:0; 
		margin:0 0 0 5px; 
		padding:0; 
		background:url(images/search-on.gif) no-repeat top left; 
		cursor: pointer; 
		}

	input.search-go:hover { 
		background:url(images/search-hover.gif) no-repeat bottom left; 
		}

/*-------------------------------------------------------------------------

Custom for four boxes on home page

-------------------------------------------------------------------------*/
.aboutxcube {
background:url(http://www.iphone-developers.org.uk/wp-content/uploads/2010/06/aboutxcube.png) 10px 10px no-repeat;
}

.contacticon {
background:url(http://www.iphone-developers.org.uk/wp-content/uploads/2010/06/contacticon.png) 10px 10px no-repeat;
}

.latesticon {
background:url(http://www.iphone-developers.org.uk/wp-content/uploads/2010/06/abalone.png) 10px 10px no-repeat;
}