/*
Theme Name: Divine Write 1.3
Theme URI: http://www.divinewrite.com/blog/
Description: The WordPress theme for Divine Write.
Version: 1.3
Author: Glenn 
Author URI: http://www.divinewrite.com/

*/


/* CSS Document */

/*-------
// global reset
//-----*/
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,b,u,i,center,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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// Globals
//-----*/
body{ font-family:"Trebuchet MS"; color:#818d95;}
h1,h2,h3,h4,p{line-height:1.2em;}
.top_mg{margin-top:30px;}
.hiddenPic {display:none;}
.navwidth_ourwork { width:126px; }
.navwidth_company { width:124px; }


/*-------
// Page Layout
//-----*/

/*-----container-----*/
div#container { min-width:1028px; }

div#main { background:transparent url(./images/content/main_bg.gif) repeat-y scroll right top; }
/*-----wrapper-----*/
div.wrapper { margin:0px auto;  width:982px; padding:0px 23px; }
div.bg{background:url(./images/container/container_bg.gif) left top no-repeat;}

/*-----header-----*/

div#header {background:url(./images/header/header_bg.jpg) left top no-repeat; height:291px; padding:27px 0px 0px 32px; margin:0px auto; width:949px; }

/*-----navigation-----*/

div#navigation{ height:43px; position:relative; z-index:9999;}

/*---Breadcrumbs---*/

div#breadcrumbs{margin-top:-35px; padding:15px 0px 15px 30px; background:transparent url(./images/content/breadcrumbs_bottom_bg.jpg) left bottom no-repeat;}

/*-----content-----*/
div#content{ padding:40px 0px 0px 0px; background:transparent url(./images/content/content_bg.gif) left top repeat-x; margin:0 auto; width:981px; margin-top:-3px;   }



/*-----footer-----*/
div#footer { background:#B8B8B8 url(./images/footer/footer_bg.gif) repeat-x; padding:20px 0px; font-size:130%; }

/*-------
// common page content
//-------*/

/*---banner---*/
div#banner img { vertical-align:bottom; }

/*---header---*/
div.logo{ margin-top:60px;}
div.logo h1 a{background:url(./images/header/logo.png) left top no-repeat; width:239px; height:52px; display:block;}



/*---navigation---*/
div#navigation ul li a.first{background:transparent url(./images/header/navigation_button.png) 0px -7px no-repeat; display:block;}
div#navigation ul li a.last{background:transparent url(./images/header/navigation_button.png) 100% -138px no-repeat; display:block;margin-right:-5px; }
div#navigation ul li.active a.first{background:transparent url(./images/header/navigation_button.png) 0px -227px repeat-x;}
div#navigation ul li.active a.last{background:transparent url(./images/header/navigation_button.png) 100% -182px no-repeat; display:block; margin-right:-5px;}
div#navigation ul li{ height:42px; background:transparent url(./images/header/navigation_button.png) 0px -138px repeat-x;  display:block; float:left;}
div#navigation ul li.active a{ background:transparent url(./images/header/navigation_button.png) 0px -182px repeat-x; color:#FFFFFF; }
div#navigation ul li.pipe{padding:0px;}
div#navigation ul li.pipe img{vertical-align:bottom;}
div#navigation ul li a{color:#818d95; font-size:180%; float:left; line-height:42px; text-decoration:none; display:block; overflow:hidden;}
div#navigation ul li a{padding:0px 25px;}
div#navigation ul li a:hover, div#navigation ul li a:focus { background:transparent url(./images/header/navigation_button.png) 0px -182px repeat-x; color:#FFFFFF;}
div#navigation ul li a.first:hover {background:transparent url(./images/header/navigation_button.png) 0px -227px repeat-x;}
div#navigation ul li a.last:hover {background:transparent url(./images/header/navigation_button.png) 100% -182px no-repeat;  margin-right:-5px;}


div#navigation ul li.active ul.child li a{background:transparent;}
div#navigation ul li.active ul.child li a:hover{background:#7bbfdf;}

div#navigation ul li.parent{position:relative; }
div#navigation ul.child{position:absolute; top:42px; display:block; background:#9dcde1; left:0px;display:none;  }
div#navigation ul.child li{display:block; float:none; background:none; height:auto; color:#FFFFFF; }
div#navigation ul.child li a{color:#FFFFFF; float:none; padding:5px 3px 5px 26px; line-height:normal; font-size:140%; display:block; width:110px;}
div#navigation ul.child li a:hover{background:#7bbfdf;}
ul.child:hover li.parent a.company{ background:transparent url(./images/header/nav_hover.gif) repeat-x; color:#FFFFFF;  }
ul.child:hover li.parent a.our_work{ background:transparent url(./images/header/nav_hover.gif) repeat-x; color:#FFFFFF;  }
ul.child:hover li.parent a.other_stuff{ background:transparent url(./images/header/last_hover.gif) right top no-repeat; }

div#navigation ul.navwidth_ourwork{ width:134px; }
div#navigation ul.navwidth_company{ width:124px; }
div#navigation ul.navwidth_seo { width:130px; padding: 0; margin: 0; }
div#navigation ul.navwidth_ourwork li a { padding:4px 6px 4px 27px;  width:100px; }
div#navigation ul.navwidth_company li a { padding:4px 0 4px 26px; width:98px; }
div#navigation ul.navwidth_seo li a { padding: 4px 0 4px 26px; width: 104px;  }
div#navigation ul li.parent:hover ul.child{display:block;}

/*--- sidebar ---*/  
div#content div#main div#sidebar ul li { margin-bottom:10px; }
div#content div#main div#sidebar ul li h2 { font-size:180%; margin-bottom:5px;  } 
div#content div#main div#sidebar ul li  a { font-size:140%; line-height:1.2em; }
input#s { width:90px; }
input#searchsubmit { padding:1px; }
.children li { margin-top: 10px; }


/*-----main---*/
div.inner_main { width:781px; }
div.main_navigation{  width:111px; padding:5px 25px 25px 25px;}


div.main_navigation ul li{margin-bottom:10px; }
div.main_navigation ul li a { font-size:140%; } 
div.main_navigation ul li span { font-size:140%; font-weight:bold; }
div#content div.main_navigation ul li a.active{ font-weight:bold; color:#818d95;}
div#sidebarleft { float: left; }
div#sidebarleft ul li {padding-bottom: 5px; }
div#sidebarleft ul li ul li {padding-bottom: 0px; }
div#connect { border-top: 1px solid #efefef; margin-top: 20px; }


div.middle { width:560px; padding:5px 20px 15px 25px; background:transparent url(./images/content/linear_gradient_bg.gif) left top no-repeat; }
div.middle h2{margin-bottom:10px;}
div.middle p{font-size:140%; line-height:1.6em; margin-bottom:15px;}
div.middle p.gen { margin-bottom:20px; }
div.middle span{color:#4BACFB;}

div.middle ul.post{padding:15px 0px;}
div.middle ul.post li{width:100%; overflow:hidden; margin-bottom:20px;}
div.middle div.info{margin-left:200px;}
div.middle ul.post li p{margin-bottom:15px; line-height:1.6em;}
div.middle ul.post li img{border:#b8b8b8 solid 1px;}

div.right{ width:150px; padding:5px 15px 25px;}	


div#content div.box{float:left; background:transparent url(./images/content/box_center_bg.gif) left top repeat-x; margin-left:14px;}
div#content div.box div.left_bg{background:transparent url(./images/content/box_left_bg.gif) left top no-repeat; }
div#content div.box div.right_bg{background:transparent url(./images/content/box_right_bg.gif) right top no-repeat; padding:15px 25px;}

div#content div.box_size{width:452px;}
div#content div.box_size1{width:236px;}

div#content  div.last{margin-right:0px;}

div#content h3{color:#62b6fc; font-size:230%; margin-top:20px; font-weight:normal;}



h2.heading1{color:#4bacfb;}

h2 img, div.right h2 img{margin-right:5px; vertical-align:middle;}

div#content div.box p, div#content div.right  p{margin-top:1.2em; font-size:140%; line-height:1.6em;}

div#content div.box p span.name, div#content div.right  p span.name{font-size:90%;}
div#content div.box blockquote,  div#content div.right  blockquote{margin:50px 0 20px 0;}
blockquote { padding-left: 15px; }
div#content div.box blockquote p,  div#content div.right  blockquote p{margin-top:10px; font-size:160%; line-height:22px;}

div#content div.box ul {padding-left:4px;}
div#content div.box ul li, d div#content div.right  ul li{margin-top:1.5em;}
div#content div.box ul li a, div#content div.right  ul li a{ font-size:180%;}
div#content a{color:#4bacfb;} 
.commentlink {float: right; }
.commentlink img { padding-right: 10px; }

.cta { font-weight: bold; }
.calltoaction { width: 275px; padding-bottom: 15px; }
.calltoaction ol li,.calltoaction ul li { font-size:140%; line-height:1.6em; }
.calltoaction ol p,.calltoaction ul p { font-weight: bold; }
.calltoaction img { padding-right: 10px; }
.relposts ol,.relposts ul  { padding-left: 25px; #padding-left: 18px; margin: 0; }
.relposts ol li,.relposts ul li { padding: 0; #padding-left: 8px; margin: 0; list-style-image: url(images/content/cta-bullet.png); }


/*-----footer----*/
div#footer ul{margin-bottom:15px;}
div#footer ul li{ color:#FFFFFF; display:inline; margin:0px 2px;}
div#footer a{color:#FFFFFF;}
div#footer p{color:#615d5d;} 

/*-----Headings---*/
div#content h1{margin-top:15px; font-size:230%; font-weight:normal;}
div#content h1 img {vertical-align:middle; margin-right:5px; }
div#content h2.heading1{ font-size:190%; margin-bottom:10px; color:#818D95;}
div#content h2{font-size:190%; margin:25px 0 10px; font-weight:normal;}
div#content h2.heading , div#content h1.heading, div#content h4.heading  {color:#62b6fc;}
div#content h3{color:#818D95; margin-bottom:15px; font-size:160%; }
div#content h4{ font-size:140%; margin-bottom:15px; }
div#content h5{ font-size:130%; margin:25px 0 10px; }
div#content div.post ul, div#content div.post ol { margin-bottom:15px; }
div#content div.post ul li { font-size:140%; line-height:1.6em; list-style:disc; margin-left:15px; margin-bottom:15px;}
div#content div.post ol li { font-size:140%; line-height:1.6em; list-style:decimal; margin-left:19px;  margin-bottom:15px;}

div#content div.post ol li ul, div#content div.post ul li ol, div#content div.post ol li ol, div#content div.post ul li ul { margin-bottom:0; }
div#content div.post ol li ul li , div#content div.post ul li ol li , div#content div.post ol li ol li , div#content div.post ul li ul li{ font-size:100%; }

div#content div.post ul li ul li { list-style: circle; margin-bottom:0px; padding-bottom: 0px; }
div#content div.post ol li ol li { list-style: lower-roman; margin-bottom:0px; padding-bottom: 0px; }


/*-------
// Index page content
//-----*/

/*---header---*/
div#navigation ul{}


/*---banner---*/

div#banner{ margin:0 auto; width: 983px; height: 130px; }

/*-------
// Testimonial page content
//-----*/



/*---Content---*/

/*---Breadcrumbs---*/

div#breadcrumbs p{font-size:120%; color:#b8b8b8;}
div#content div#breadcrumbs p span{color:#62b6fc;}
div#content div#breadcrumbs p a.active{color:#818d95;}


/*-------
// Blogs page content
//-----*/



/*---Content---*/

/*---Blogs---*/

div.blogs{padding-bottom:20px;}
div.blogs p{margin-bottom:15px;}
div.post { border-bottom: 1px solid #efefef; }
div.post div.entry { margin-top:10px; }
div.post div.entry small { line-height:1.6em; font-size:100%; color:#818D95; }
div.blogs p.sphere {font-size:120%; color:#62b6fc;}
div.blogs p.sphere img{vertical-align:middle; margin-right:5px;}
div.blogs div.post { margin-bottom: 40px; }
div.blogs div.post small { font-size:140%; line-height:1.6em;color:#465158; }
div.post small { font-size:140%; line-height:2.6em;color:#465158; }
div.blogs p.date{color:#465158; margin-bottom:0px;}
ol.commentlist li { font-size:120%; line-height:1.6em; margin-bottom:0px;  }
ol.commentlist li cite { font-size:120%; }
div#content div#main div#sidebar  ul li.pagenav ul li { margin-bottom:0px; }
ul li.pagenav ul li ul { margin:5px 0 10px 15px; }
ul li.pagenav ul li ul li { line-height:1.6em;  }
ol.commentlist li { margin-bottom:0px; }
ol.commentlist li p { font-size:120%; }

form#commentform p { margin-bottom:10px; }
#comment { width: 100%; }
#commentform { clear: both; }
.commentsection { border-top: 1px solid #efefef; margin-top: 15px; clear: both; }
.commentwrap { width: 100%; clear: both; padding-bottom: 10px; margin-top: 0px; }
.commenttext { width: 400px; float: right; padding: 10px 10px 0 78px; background: url(images/content/commentbg-top.png) no-repeat; min-height: 140px; }

/* mac hide \*/
* html .commenttext { height: 140px; }
/* end hide */

.commenttext p { padding: 10px 0 0 0; }
.commentavatar { width: 64px; }
.commentavatar img { border: 1px solid #4bacfb; }
.commentbgbottom { float: right; clear: both; margin-bottom: 15px; padding-bottom: 0px;}

/*-------
// Clients page content
//-----*/


/*---clients---*/

ul.clients{padding:20px 0px 0px 0px; width:100%; overflow:hidden;}
ul.clients li{float:left; margin-right:5px; margin-bottom:5px;}
ul.clients li img{border:solid 1px #b8b8b8;}

ul.copyright{padding:20px 0px 0px 0px; width:100%; overflow:hidden; float:left; width:180px; margin-right:6px;}
ul.copyright li{font-size:140%; line-height:1.8em;}
ul.copyright li h2{ font-size:100%; color:#62b6fc; font-weight:bold; margin-bottom:0px;}






/*-------
// Testimonial page content
//-----*/


/*---testimonial---*/

div.testimonial{width:100%; overflow:hidden; padding:20px 0px; border-bottom:solid 1px #e5e4e5;}
div.last{border-bottom:none;}
div.testimonial div.testimonial1{width:283px;}
div.testimonial div.testimonial2{width:240px;}

div.testimonial p.client{margin-top:20px; color:#62b6fc;}
div.testimonial p img{margin-top:25px; border:solid 1px; color:#CCCCCC;}

div.testimonial div.testimonial2 p{font-size:170%;}

div.payments { width: 565px; margin-left: auto; margin-right: auto; margin-top: 25px; padding-top:40px; overflow:visible; position:relative; text-align: center; }
div.payments ul li { display:inline; text-align:center; margin:0 15px; font-size:140%; line-height:1.2em; }
div.payments ul li span.payment { text-decoration:underline; color:#818D95; }
div.payments ul li a img { vertical-align:middle; }

div#content div.payments { margin-top: 25px; padding-top:40px; border-top:#e5e7e1 1px solid; overflow:visible; position:relative; }
div#content div.payments ul li { display:inline; text-align:center; margin:0 15px; font-size:140%; line-height:1.2em; }
div#content div.payments ul li span.payment { text-decoration:underline; color:#818D95; }
div#content div.payments ul li a img { vertical-align:middle; }


/*-------
// Forum page content
//-----*/


/*---forum---*/

div#forum{width:801px; margin-right:0px;}
div#forum div.forum_heading{width:500px;}
div#forum div.forum_links{width:234px;}

div#forum div.forum_heading p{color:#000000; line-height:1.4em;}



div#forum div.forum_links p{margin-top:5px;}
div#forum div.forum_links a{color:#006699; margin-right:13px;}

table.table_forum{margin-top:15px; width:100%;}