/*  

Theme Name: voice

Theme URI: http://www.voicebranddesign.com/

Description: voice brand design theme

Author: Tim Harrison

Author URI: www.voicebrandesign.com

Version: 1.2

*/



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

                 Centita - CSS File

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





/* Global

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

html,body{
	height:100%;
	background-color: #eff0f0;
	background-image: url(images/bg_new.png);
	background-repeat: repeat-x;
}

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#939598;
	height:100%;
	background-color: #eff0f0;
	font-weight: normal;
}

*{

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! */

}

.clr{clear:both}

form{margin:0; padding:0;}

hr{

border:0;

color:#D9D9D9;

background-color: #D9D9D9;

height: 1px;

margin:10px 0px 6px 0px;

padding:0px;

}





/* Default Element Styles

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

/* heading */

h1, h2, h4, h5{margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#7a7c7f;}

h1{

	font-size:25px;

	line-height:28px;

}

h2{

	font-size:23px;

	line-height:24px;



}

h3{font-size:19px; line-height:20px;font-weight:normal; color:#1DBAE8;margin-bottom:10px;}

h4{font-size:17px; line-height:18px;}

h5{font-size:13px; margin:3px 0px; padding:0px;letter-spacing:1px;}



/* links */

a{color:#7a7c7f; text-decoration:none;}

a:visited{color:#7a7c7f; text-decoration:none;}

a:hover{color:#3bcfff;}

a img{border:none}

.imgleft{

	float:left;

	padding:5px 12px 10px 0px;

}

.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote{

	font-size:13px;

	line-height:15px;

	margin-bottom:20px;

	color:#a0948a;

}

ul, ol{

margin:10px 0 35px 40px;

}

li ol, li ul{

font-size:1.0em;

list-style:square;

margin-bottom:0;

margin-top:0;

}

li ol{list-style:decimal;}

blockquote{

font-style:italic;

margin:0px;

color:#939598;

padding:0px 4px 0px 0px;



}





/* code */

code{

font-family:Georgia, "Times New Roman", Times, serif;

letter-spacing:1px;

margin:25px 0 25px 0px;

display:block;

font-size:0.9em;

border-left:4px solid #dddddd;

padding:15px 10px;

}





/* Front Page Slider

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

#slider1 {

    width: 940px; /* important to be same as image width */

    height: 350px; /* important to be same as image height */

    position: relative; /* important */

	overflow: hidden; /* important */

}

#slider1 h2 {

	font-size:24px;

	color:#ffffff;

	margin-bottom:0px;

}

#slider1 h3 {

	font-size:16px;

	color:#ffffff;

	margin-bottom:8px;

}

#slider1Content {

    width: 940px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.slider1Image {

    float: left;

    position: relative;

	display: none;

}

.slider1Image span {

	position: absolute;

	font-size:12px;

	padding: 15px 20px;

	width: 940px;

	background-color: #000;

	filter: alpha(opacity=70);

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	color: #fff;

	display: none;

	height: 150px;

}

.clear {

	clear: both;

}

.slider1Image span strong {

    font-size: 24px;

}

.right {

	right: 0;

	bottom: 0;

	width: 272px !important;

	height: 255px;

}

.right p {

  color: #fff;  

}

ul { list-style-type: none;}

a.more {

display: inline-block;

margin-top:10px;

padding: 5px 10px;

background: #7a7c7f;

color: #ffffff;

}



/* Container

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

#main_container{


	min-height:30%;

}

#bottom_container{
	height:54px;
}





/* Centercolumn
 
------------------------------------------------------*/

#centercolumn{
	width:940px;
	margin:0px auto 0px auto;
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;

}





/* Top

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

#top{
	height:120px;
	width:960px;
}

#logo{width:600px; padding:10px 0px 0px 0px; float:left;}

#topmenu{
	width:940px;
	float:left;
	height:50px;
	border-bottom:20px solid #EFF0F0;

}



/* Seacrh styling */

#search-box{

padding:15px 10px 0px 0px;

}

#search{
	float:right;
	width:auto;
	padding-right: 6px;
}

#s{

	font:12px Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	color:#1dbae8;

	padding:5px;

	background-color:#eff0f0;

	border-right:none;
		border-bottom:none;

	border-top:none;

	border-left:none;

	width:183px;

	font-style: italic;

}

#s:focus{

border:1px solid #adacac;

color:#adacac;

}

#search .go{
	position:absolute;
	margin:10px 0 0 -26px;
	background: url(images/search-icon.png);
	height: 14px;
	width: 18px;
	cursor:pointer;
	border: none;
	background-repeat: no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#search .go {

position:absolute;

margin:-19px 0 0 198px;

background: url(images/search-icon.gif);

height: 14px;

width: 18px;

cursor:pointer;

border: none; 

}

}



/* Top Navigation bar menu styling */

#nav{

float:left;

list-style-type: none;

margin:20px 0px 0px 0px;



}







#nav li{

	float:left;

	

}

#nav li a:link, #nav li a:active, #nav li a:visited{

	display:block;

	width:auto;

	padding:4px 20px 0px 0px;

	text-decoration: none;

	line-height: 20px;

	outline: none;

	text-align:left;

	font-size: 15px;

	color:#939598;

	height: 30px;

}

#nav li:hover, #nav li a:hover, #nav li.selected a,

#nav li.current_page_item a {

  color:#16b3e7;

}







/* Content

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

#content{width:960px;}

#maincontent{
	float:left;

}

.h-line {padding:4px 0px;}



/* main */

#main{
	width:610px;
	float:left;
}

#maintext{
	padding:20px 20px 20px 0px
}

#maintext h2{margin-bottom:10px;}

#maintext h1{color:#7a7c7f;}

#maintext_portfolio{padding:0px 0px 0px 0px}

.box-main{
	width:610px;
	float:left;
	padding:0px 0px 0px 0px;
}

.spacer{width:30px; float:left; display:block; height:100%;}

.icon{width:77px; height:92px; float:left;}

.box-main span.read-more {

  margin-right: 10px;

}

/* side */

#side{
	width:310px;
	margin:8px 0px 0px 40px;
	float:left;
}

.sidebox{
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	background-color: #eff0f0;
}



.promo{
	width:390px;
	height:285px;
	float:left;
	margin: 0 px 10px 20px 0px;
}



#latest-news{

padding:20px;
margin-right:20px;

	background-color: #eff0f0;





}



/* scroll widget */

.scroll{

position:relative;

min-height:50px;

margin:0 0 20px 0;

background:#f5f5f3;

}

.scroll ul{

position:relative;

width:276px;

height:78px;

margin:0px;

list-style:none;

}

.scroll ul li{

width:276px;

height:78px;

margin:0;

line-height:18px;

}

.scroll ul li span{

display:block;

margin:0 0 .4em;

}

.scroll ol{

height:22px;

position:absolute;

top:0;

right:15px;

list-style:none;

}

.scroll ol li{

float:left;

}

.scroll ol a{

display:block;

width:11px;

height:22px;

margin:0 1px;

padding:0 2px;

text-indent:-9999px;

background-repeat:no-repeat;

background-position:50% 0;

}

.scroll ol li.previous a{background-image:url("images/icon-arrow-down.gif");}

.scroll ol li.next a {background-image:url("images/icon-arrow-up.gif");}

.scroll ol li a:hover {background-position:50% 100%; }





/* Footer

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

#footer{

	width:960px;

	margin:0px auto;

	color:#a0a0a0 !important;

	font-style: italic;

	

}

#footer a, #footer a:visited{

	color:#a0a0a0;

	text-decoration:underline;

}

#foot a:hover{text-decoration:underline;}

#copyright-foot{
	padding:20px;
	float:left;
	color:#1DBAE8;
	background-color: #FFF;
	margin-top: 20px;
}

#rss-foot{

	width:103px;

	padding:10px 0px 0px 0px;

	float:right;

	color:#a0a0a0;

}

.valid {float:left; }

.rss-img {float:left;}



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

                 Centita - CSS File

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





/* Front Page Slider

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

#slider1 {
	width: 940px; /* important to be same as image width */
	height: 350px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom: 0px;
	margin-top: 30px;
}

#slider1 h2 {

	font-size:24px;

	color:#ffffff;

	margin-bottom:0px;

}

#slider1 h3 {

	font-size:16px;

	color:#ffffff;

	margin-bottom:8px;

}

#slider1Content {

    width: 940px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.slider1Image {

    float: left;

    position: relative;

	display: none;

}

.slider1Image span {
	position: absolute;
	font-size:12px;
	padding: 15px 10px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}

.clear {

	clear: both;

}

.slider1Image span strong {

    font-size: 24px;

}

.right {

	right: 0;

	bottom: 0;

	width: 272px !important;

	height: 255px;

}

ul { list-style-type: none;}

a.more {

display: inline-block;

margin-top:5px;

padding: 5px 10px;

background: #16B3E7;

color: #ffffff;

}

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

                 Centita - CSS File

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





/* About

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

.sidebox p {margin-bottom:10px;}

ul.about-list,.widgets ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none; color:#bdbdbd;}

ul.about-list li,.widgets li{

	background-image:url(images/arrow.gif);

	background-position:0px 2px;

	background-repeat:no-repeat;

	padding:0px 0px 15px 22px;

	line-height:13px;

	font-style: italic;

}

ul.about-list li a, ul.about-list li a:visited,.widgets li a, .widgets li a:visited{color:#7a7c7f; text-decoration:none;}

ul.about-list li a:hover,.widgets li a:hover{rcolor:#16b3e7;}





/* Blog

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

.blog-post h2 {color:#A0A0A0; margin-bottom:0px;}

.blog-post {padding-bottom:5px; margin-bottom:20px;border-bottom:10px solid #EFF0F0;}

.blog-posted{

	padding-top:5px;

	margin-bottom:20px;

	height:20px;

	font-size:11px;

	color:#adacac;

border-bottom:5px solid #EFF0F0;

	font-style: italic;

}

#recentPostList{width:270px; float:left;  margin-left:20px;margin-bottom:20px;margin-top:50px;}

#related-post-title{
	padding:3px 0px 4px 0px;
	height:20px;
	font-weight:normal;
	color:#1DBAE8;
	background-color: #EFF0F0;
}

.related-comment-title{
	padding:3px 0px 4px 0px;
	margin-bottom:5px;
	height:20px;
	font-weight:normal;
	color:#7a7c7f;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
}

.related-item-wrapper{

font-size:11px;

height:105px;

width:270px;

padding:0px 9px 0px 0px;

float:left;

color:#adacac;

cursor:pointer;

}

.related-item-wrapper:hover{background-color:#f8f8f8;}

.related-item-wrapper h4{color:#7a7c7f;}

.related-item-wrapper img{width:65px; height:65px;}

.related-spacer{width:8px; float:left;}

.posted-detail{float:left;}

.read-more{float:right;}



#commentFormArea {width:310px; color:#6b6b6b; float:left;}

.input-comment{background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

.input-submit-comment { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:50px; height:21px; cursor:pointer; float:right;}

.textarea-comment {background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

fieldset { border:0;margin:0;padding:0; }

label {  padding-right:15px; float:left; width:100px;}

input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }

.commonPageListControlBar{

height: 30px;

background-color: #fff;

margin-top:30px;

text-align: left;

}

.commonPageListBtn{

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;

}

.commonPageListControlBar a, .commonPageListControlBar a:visited{color:#414141;}

.commonPageListBtn:hover{

text-decoration: underline;

}

.commonPageListBtnSelected{

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor:default;

}





/* Content

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

#content h4{margin-bottom:8px;}

#main_text{padding:20px 0px 0px 0px;}





/* Sidebar

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

#newsletter fieldset {margin:0px; padding-bottom:20px; border:0px;}

.but {vertical-align:middle; padding-left:2px;}

.inputbox01 {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:11px;

width:180px;

border:1px solid #d9d9d9; 

vertical-align:top; 

padding:3px 4px 2px 3px; 

color:#c8c9be; 

}

.inputbox01:focus{

	border:1px solid #adacac;

	color:#adacac;

}

#testimonials{

padding:10px 18px 15px 18px;

margin-bottom:14px;

border-left:1px solid #d9d9d9;

}

.scroll ul{

position:relative;

width:276px;

height:132px;

margin:0px;

list-style:none;

}

.scroll ul li{

width:250px;

height:132px;

margin:0;

line-height:18px;

}





/* Portfolio

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

#main-portfolio{width:600px; float:left;}

.box-pf-top{
	width:500px;
	float:left;
	margin:0px 20px 20px 0px;
}

.box-pf-bottom{width:500px; float:left; margin:0px 26px 18px 0px;}

.box-pf-top-last{width:500px; float:left; margin-bottom:38px;}

.box-pf-bottom-last{width:500px; float:left; margin-bottom:18px;}

.quote{padding-top:18px;}

.quote h2{color:#7a7c7f; padding-bottom:10px;}

.detail{
	font-weight:normal;
	margin-bottom:0px;
}

ul.detail-list,

#maintext ul {margin:10px; padding:0px 0px 0px 0px; list-style-type:none;}

ul.detail-list li,

#maintext ul li {background-image:url(images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 5px 22px; margin-top:0px; line-height:13px;}

#desc-project1, #desc-project2, #desc-project3, #desc-project4, #desc-project5, #desc-project6, #desc-project7, #desc-project8{display:none;}





/* Contact

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

#studio

{

	width:600px;

	float:left;

	clear: left;

}





.map {width:276px; height:183px; padding-bottom:8px;}

#address{padding-bottom:15px;}

#address ul{margin:0px; padding:0px 0px 0px 0px;}

#address ul li{list-style-type:none; padding:5px 31px; color:#444444;}

#address ul li a, #contact ul li a:visited{color:#444444; text-decoration:none;}

#address ul li.mail{background-image:url(images/icon-mail.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.phone{background-image:url(images/icon-phone.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.address{background-image:url(images/icon-globe.jpg); background-repeat:no-repeat; background-position:0px 5px;}



/* Image and Captions */



img.alignright {

  float:right; 

  padding-left:12px;

}

img.alignleft {
	float:left;
	padding:20px 12px 20px 0px;
	display: inline;
}

img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

  margin-bottom: 10px;  

}

.alignright {

	float:right;

}

.alignleft {

	float:left;

}

.wp-caption {

	border:1px solid #ddd;

	text-align:center;

	background-color:#f3f3f3;

	padding-top:4px;

	margin:10px;

}

.wp-caption img {

	border:0 none;

	margin:0;

	padding:0;

}

.wp-caption p.wp-caption-text {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.aligncenter,div.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

/* Image and Caption End */



.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks {

	background: #FAFAF7;

	padding:10px;

	text-align: left;

	width: 370px;

}



/*****Forms*****/

ol.forms {
	float: left;
	list-style: none;
	margin: 0;
	width: 100%;
	color:#6b6b6b;
	padding-top: 40px;
}

ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 18px; 

	position: relative;

	width: 100%;

}

ol.forms label {

	cursor: pointer;

	font-weight: normal;

	padding-right: 20px;

	width: 10%;

	display: block;

	color: #939598;

}

ol.forms input, ol.forms textarea {

	font: inherit;

	padding: 2px;

	border-right:1px solid #EFF0F0;

	border-top:1px solid #EFF0F0;

	border-left:1px solid #EFF0F0;

	border-bottom:1px solid #EFF0F0;

	width:300px;

	padding:5px 5px 5px 5px;

	margin:0px;

	color:#6b6b6b;

	clear: both;

	background-color: #EFF0F0;

}

ol.forms textarea { height: 100px; }

ol.forms input:focus, ol.forms textarea:focus {background-color: #f5f5f3; border-color: #c9c9c9;}

.error { color: #f00; }

ol.forms li .error { font-size: 11px; margin-left: 5px; }

ol.forms li.textarea .error {

	display: block;

	float: right;

	margin-right: 110px; 

}

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {

background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:50px; height:21px; cursor:pointer; float:right; margin-right:42px;

}

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: left; width: 440px; }

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }



.input-submit { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:192px;}



/* comment */

h1#titlecomment {

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;

	padding: 5px 0;

	margin: 20px 0 0 0;

}

#listcomment {

	padding: 0;

	margin: 0;

	width: auto;

}

ul#listcomment {

  margin: 0;

  padding: 0;

  list-style: none;

}

ul#listcomment li {

	padding: 11px 0;

	margin: 0;

	width: auto;

	background: none;

	border-bottom: 1px solid #d2d2d2;

}

.titlecomment {

	width: auto;

}

.titlecomment img {

	float: left;

	padding: 3px;

	border: 1px solid #d9d9d9;

	margin: 0 10px 0 0;

}

.titlecomment h3 {

	font-size: 1.4em;

	color: #333;

	padding: 7px 0 0 0;

	margin: 0;

}

.datecomment {

	font-size: 0.9em;

	color: #858585;

}

#listcomment li p {

	font-size: 1.0em;

	padding: 10px 0 0 0;

}



/*------- WP Pagenavi ------- */

#maintext .wp-pagenavi {

  padding: 10px 0;

  text-align: left;

}

#maintext .wp-pagenavi a, #main .wp-pagenavi a:link {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;

}

#maintext .wp-pagenavi a:visited {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi a:hover {	

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi a:active {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor:default;



}

#maintext .wp-pagenavi span.pages {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi span.current {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;



}

#maintext .wp-pagenavi span.extend {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

/*------- WP Pagenavi End ------- */



/*------- Traditional Navigation -----*/

.navigation {

  margin-top: 10px;

}

.navigation a {

	padding: 4px 8px; 

	margin: 2px;

	text-decoration: none;

	border: 0px solid #d9d9d9;

	color: #676767;
	background-color: #eff0f0;

}

/*------- Traditional Navigation End -----*/