/*  

Theme Name: Centivio
Theme URI: http://www.templatesquare.com/
Description: Centivio is clean web 2.0 style template for business, company and corporate website. This theme comes with 10 color version for you can easily choose the color base on your business brand.
Version: 1.3
Author: templatesquare
Author URI: http://www.templatesquare.com/
Tags: two-columns, fixed-width, threaded-comments, sticky-post, white, blue, black, green
*/

/* Begin Typography & Colors */
.thread-alt{background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1{border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}


small {
	font-family:Tahoma, Arial, Verdana;
	font-size: 0.9em;
	line-height: 1.5em;
	}


.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
	
.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Tahoma, Arial, Verdana;
	}
	
.commentlist li ul li {font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Tahoma, Arial, Verdana;
	}

.commentmetadata {
	font-weight: normal;
	}


code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
	}

acronym, abbr, span.caps{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Tahoma, Arial, Verdana;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/*	Begin Headers */
h1, h2, h3, h4, h5 {margin:0px 0px 15px 0px; font-family:Tahoma, Arial, Verdana;	font-weight:normal;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border:solid 1px #d1d1d1;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry li ol,
.entry li ul
{
	margin-bottom:0;
	margin-top:0;
}
.entry li ol{list-style:decimal;}


.entry{padding:0px 0px;}

.entry ul li:before, #sidebar ul ul li:before {
	}
	

.entry ul{margin:0px 0 30px 30px;}

.entry ol {
	padding: 5px 0 20px 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li, .sidebar_footer ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px 0 0px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul li a, #sidebar ul li a:visited{color:#4c4c4c}
#sidebar ul li a:hover{text-decoration:underline;}
#sidebar ul ul li li, .sidebar_footer ul ul li li{margin:0px; border:none;}	
#sidebar ul ol{margin:0px; padding:0px 0px 0px 0px}
	
#sidebar ul ol li {
	margin: 0px 0 0;
	padding: 0 0px 8px 10px;
	}
	
#sidebarbox ul, #sidebarbox ul ol {
	margin: 0;
	padding: 0;
	}

#sidebarbox ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	}

#sidebarbox ul p, #sidebarbox ul select {
	margin: 0px 0 0px;
	}

#sidebarbox ul ul, #sidebarbox ul ol {
	margin: 0px 0 0 0px;
	}

#sidebarbox ul ul ul, #sidebarbox ul ol {
	margin: 0 0 0 0px;
	}

#sidebarbox ul ol li {
	list-style: decimal outside;
	}

#sidebarbox ul li a, #sidebarbox ul li a:visited{color:#fff}
#sidebarbox ul li a:hover{text-decoration:underline;}
#sidebarbox ul ul li li{margin:0px; border:none;}	
#sidebarbox ul ol{margin:0px; padding:0px 0px 0px 0px}
	
#sidebarbox ul ol li {
	margin: 0px 0 0;
	padding: 0 0px 8px 10px;
	}

	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding:0px;
	}
	
#sidebar #searchform{text-align:center;}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	padding:0px 0px 0px 2px;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar{padding:0px 0 0px 0;margin:0px;}
#sidebar form {margin: 0;}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding:0px 0px 10px 30px;
	background-image:url(images/quote_top.png); background-position:left top; background-repeat:no-repeat;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.navigation .alignleft a, .navigation2 .alignleft a,
.navigation .alignright a, .navigation2 .alignright a{border:solid 1px #e2e2e2; padding:6px; float:left;}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter{border:solid 1px #ccc; padding:6px; margin-bottom:10px; background-color:#fff}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* WIDGET */
.ctbox{padding:6px;}
.ctbox ul{list-style-type:none; padding:0px; margin:0px;}
.ctbox ul li{list-style-type:none; padding:0px; margin:0px;}

/* ------------------------------------------------------ For Frame ------------------------------------------------*/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
	line-height:18px;
}
.clr{clear:both}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}

form{margin:0; padding:0;}

* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
p{margin:0px 0px 12px 0px;}
/*** CENTERCOLUMN ***/
#centercolumn{width:980px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

#header{height:283px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;}
#header_content{padding:14px 0px 0px 0px;}

#header_cu3er{height:283px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;}


/*** FRONTPAGE SLIDESHOW ***/
#slides_container{height:303px; width: 399px; background-image:url(images/bg_slides_container.png); background-repeat:no-repeat; background-position: center; float:right;}
.pics { height: 272px; width: 364px; margin:13px 0px 0px 18px; overflow: hidden }
.pics img { height: 272px; width: 364px;}
/*** END OF FRONTPAGE SLIDESHOW ***/


/*** TOP ***/
#top{ height:230px; width:980px; }
#logo{ width:300px; float:left;}
#logo h1{font-size:44px; line-height:46px; margin-bottom:5px;}
#pad_logo{ padding:41px 0px 0px 20px;}
#logo_image{ padding:12px 0px 0px 0px;}
#contact{background-image:url(images/bg_contact.gif); width:248px; height:98px; float:right; margin-top:18px;}
#contact ul{margin:0px; padding:0px 0px 0px 15px;}
#contact ul li{list-style-type:none; padding:5px 31px;}
#contact ul li a, #contact ul li a:visited{color:#444444; text-decoration:none;}
#contact ul li.url{background-image:url(images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.mail{background-image:url(images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.phone{background-image:url(images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#topmenu{width:980px; float:left; height:90px;}


/* Top Navigation bar menu styling */
#nav {margin:0px; padding:24px 0px 0px 0px;}
#nav ul{ 
	padding:0 0 0 0px;
	margin:0;
	list-style: none;
}
#nav li{
	list-style:none;
	float:left;
	display:inline;
	padding:0px 0px 0px 0px;
	margin-right:32px;
	font:normal 12px Arial;
	width:160px;
	
}

#nav li.current{background-image:url(images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
#nav li.current a:hover{background-image:none !important;}

#nav li a, #nav li a:visited{color:#ffffff; text-transform:uppercase; font-size:18px; font-weight:bold; text-decoration:none; display:block; padding:25px 0px 5px 0px;}
#nav li a:hover{background-image:url(images/selectormenu.gif); background-repeat:no-repeat; background-position:center top;}
span.descmenu{font-size:12px; text-transform:; color:#ffffff; padding:0px 0px 0px 0px;}
/*** END OF TOP ***/

/*** CONTENT ***/
#content{width:980px;}
#padding_content{ padding:0px 0px 0px 0px; float:left}

/* main */
#main{width:970px; float:left;}
#mainfull{width:auto;}
#maintext{padding:0px 0px 0px 0px}
#maintext_portfolio{padding:0px 0px 0px 0px}
.boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
.spacer{width:50px; float:left; display:block; height:100px;}
h2.pagetitle{margin:0px 0px 8px 0px; text-transform:capitalize;}
.title h2{margin:0px 0px 8px 0px; font-size:22px;}
.title h3{margin:0px 0px 8px 0px;}
.post{margin-bottom:0px;}
.searchresult .entry{padding:0px 0px 10px 0px;}
.searchresult .post{margin-bottom:0px;}
.portfolio-image{width:286px; height:187px; float:left;}
.portfolio-image img{border:solid 1px #d1d1d1; padding:5px 5px;}
.sidebar_header_home h1{color:#4c4c4c !important;}
/*** PORTFOLIO ***/
.boxite{
	width: 298px;
	height:187px;
	float: left; /*leave this value alone*/
	position:relative;
	margin:12px 12px;
}

* html .boxite{margin:6px 6px;}
.boxmeta{
	height:60px;
	width:288px;
	padding:5px 5px 0px 5px;
	display: none;
	position:absolute;
	top:129px;
	overflow: hidden;
	z-index: 20;
	left:6px;
	background-image:url(images/glow.png);
	background-repeat:repeat;
	margin:0px 0px 0px 0px;
}
* html .boxmeta{background-image:none; background-color:#565656;}
.boxmeta p{color:#ffffff; margin:0px;}
.boxmeta a, .boxmeta a:visited{color:#ededed; text-decoration:underline;}
.boxmeta h4{color:#ffffff; font-size:12px; font-weight:bold; margin:0px !important;}
#sidebar_portfolio ul{margin:0px auto; padding:0px; list-style-type:none;}
#sidebar_portfolio ul ul{margin:0px auto; padding:0px; list-style-type:none; background-image:url(images/bg_shadow.gif); background-repeat:no-repeat; background-position:center bottom; height:60px; width:400px; text-align:center}
#sidebar_portfolio ul li li{margin:0px 8px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; display:inline;}
/* side */
#side{width:323px; float:left;}
.sidebox{  padding:0px 10px 10px 0px;}
.contentbox{padding:10px 18px 30px 18px;}
.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:282px;
	padding:0px 0px 0px 27px;
}
* html .side_bg{height:282px;}
.sidebox blockquote{margin:0px !important; padding:0px  !important; background-image:url(images/quote_top.png); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 30px 8px;}

.sidetext{padding:0px 20px 0px 27px;}
.but{vertical-align:middle;}
* html .but{vertical-align:top; margin-top:2px;}
.inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#999; background-image:url(images/bg_input_src.png); background-repeat:no-repeat; margin-right:5px; background-color:transparent;}
#newsletter fieldset{border:0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:980px; margin:0px auto; color:#fff !important;}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

/*** CONTENT BOTTOM ***/
#content_bottom{min-height:215px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:20px 0px 0px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom, .box_bottom p{color:#fff}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
.box_bottom ul li a:hover{text-decoration:underline !important;}
ul.listimg{list-style-type:none; margin:0px; padding:0px;}
ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}
.sidebar_footer ul{list-style-type:none; padding:0px; margin:0px;}
.sidebar_footer h2{color:#fff; font-size:18px;}

.sidebar_footer ul ul li {
list-style-type:none; border-bottom:solid 1px #e6e6e6; padding:8px 10px; margin:0px;}

#twitter{
	background-image:url(images/bg_twitter.png);
	background-repeat:no-repeat;
	width:303px;
	height:140px;
}

#twitter p{
	padding:5px 23px 10px 10px;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
}
#twitter_update_list li {
	list-style-type: none;
	padding:5px 23px 10px 10px;
	margin:0px !important;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
	text-align:left !important;
}


/*** END OF CONTENT BOTTOM ***/
#foot_copyright{
	margin:20px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#B2B2B2;
	
}
#foot_copyright a, #foot_copyright a:visited{color:#fff;}
#foot_copyright a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/

/*****Forms*****/
form{margin:0; padding:0; font-family:Tahoma, Arial !important;}
fieldset{border:0px;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

#contactForm{}
#contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
#contactForm ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
	list-style-type:none;
}
ol.forms label {
	cursor: pointer;
	display: block;
	font-weight:normal;
	padding:0px 20px 3px 0px;
	width: 100px;
}
ol.forms input{
background-image:url(images/inputbox.gif); width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:0px;}
ol.forms textarea {background-image:url(images/bg_textarea.gif); background-repeat:no-repeat; border:0px; width:388px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}
ol.forms li.buttons button {
background-image:url(images/but_submit.png); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:69px; height:26px; cursor:pointer; float:left; margin-right:190px;}

ol.forms input:focus, ol.forms textarea:focus {border-color: #ff9800; border:0px; }
.error { color: #f00; }
ol.forms li .error { font-size: 10px; margin-left:0px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top:80px;
	width:auto;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }