/*



Theme Name: 		dojiweb



Description: 		A theme that allows custom background, header image, and has 2 sidebars with 3 footer widget areas.



Version: 			1.0



Author: 			Mike Gharagozly



Tags: 				light, three-columns, right-sidebar, fixed-width, threaded-comments, custom-header, custom-menu, custom-background, sticky-post, translation-ready



License: 			GNU General Public License v2.0



License URI: 		http://www.gnu.org/licenses/gpl-2.0.html



Author URI:			http://seoptimizationfirm.com



Theme URI:			http://seoptimizationfirm.com/dwtheme



*/












/* =Reset  



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



/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:separate;border-spacing:0;margin:0 0 15px 0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}* :focus{outline: 0}*/



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,



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-weight: inherit;



	font-style: inherit;



	font-size: 100%;



	font-family: inherit;



	vertical-align: baseline;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {



	line-height: 2;



	color: #00CCCC;



	background:#ffffff;



}



ol, ul {



	list-style: none;



}



/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	text-align: left;



	font-weight: normal;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



/* =Layout



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



body{



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



color:black;



line-height:2



}



#breadcrumb{



width:800px;



float:left;



margin-bottom:0px



background:white;



}



.crumb{



background:url(images/home.png) left top no-repeat;



padding:0 0 0 20px



}



#container{



overflow:hidden;



width:100%;



margin:10 10 10px 10;



}



#content{



width:620px;



float:left



}



#content-wide{



width:980px;



float:left



}



#footer-container{



clear:both;



overflow:hidden;



margin:0;



margin-bottom:15px;



}



#footer-container .widget-title{



padding-top:150px



}



#footer-left{



width:250px;



float:left;



}



#footer-center{



width:250px;



float:left;



margin:0 105px;



}



#footer-right{



width:250px;



float:left;



}



#footer-bottom{



clear:both;



width:100%;



background:white;



color:#black;



font-style:bold;



padding:0px



}



#footer-bottom a:link,



#footer-bottom a:visited{



color:#00CCCC;



text-decoration:bold;

}



#footer-bottom a:hover,



#footer-bottom a:focus,



#footer-bottom a:active{



color:black;



text-decoration:none



}



#sidebar{



width:150px;



float:right



}



#sidebar2{



width:150px;



float:left

}



#wrapper{



margin:25px auto;



overflow:hidden;



width:998px;



}



.content-container{



clear:both;



width:100%;



overflow:hidden;



margin-top:35px



}



.content-left{



width:45%;



float:left



}



.content-right{



width:45%;



float:right



}



.entry-content{



clear:both;



overflow:hidden;



margin-bottom:10px



}



.entry-content p img{



max-width:620px;



height:auto;



}



.entry-format-header{



width:800px;



background:#eaf2fa;



color:#444;



margin:0;



overflow:hidden;



font-style:italic;



border-top:1px solid #ddd;



border-left:1px solid #ddd;



border-right:1px solid #ddd



}



.entry-format-header .format-header-left{



width:40%;



float:left;



text-align:left;



padding-left:10px



}



.entry-format-header .format-header-right{



width:40%;



float:right;



text-align:right;



padding-right:10px



}



.entry-meta{



clear:both;



font-style:italic;



margin-bottom:15px



}



.entry-meta-single{



clear:both;



font-style:italic;



margin-bottom:20px;



padding:10px;



border:1px solid #ddd;



background:#eaf2fa



}



.entry-title{



clear:both;



font-style:italic



}



.nav{



clear:both;



width:610px;



padding:0 5px;



overflow:hidden;



background:white;



margin:35px 0;



font-style:bold;



}



.nav-left{



width:50%;



float:left



}



.nav-right{



width:50%;



float:right;



text-align:right



}



.archive-results{



width:618px;



overflow:hidden;



padding:10px;



border:1px solid #ddd;



background:#eaf2fa;



clear:both;



margin-bottom:35px



}



.post{



clear:both;



margin-bottom:55px



}



#single{



clear:both;



width:100%;



margin:20px 0



}



.single-block{



clear:both;



width:620px



}



.sticky{



padding:10px;



border:1px solid #ddd;



background:#eaf2fa



}







/* =Calendar



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







#wp-calendar{



empty-cells:hide;



margin:0 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;



text-decoration:none



}



#wp-calendar caption{



font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;



text-align:center;



margin:0 0 10px 0;



font-weight:normal;



font-size:16px;



width:100%



}



#wp-calendar td{



padding:3px 0;



text-align:center



}



#wp-calendar th{



font-weight:normal;



text-align:center;



text-transform:capitalize



}







/* =Comments



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



ol.commentlist{ 



list-style:none; 



margin:0 0 0 0; 



padding:0; 



text-indent:0 



}



ol.commentlist .bypostauthor{



}



ol.commentlist li.comment { 



border-bottom:1px solid #ddd; 



padding:10px 10px 0 10px;



margin-bottom:10px 



}



ol.commentlist ul ul li.comment{ 



margin-bottom:0 



}



ol.commentlist ul ul ul li.comment{ 



margin-bottom:0 



}



ol.commentlist ul ul ul ul li.comment{ 



margin-bottom:0 



}



ol.commentlist ul ul ul ul ul li.comment{ 



margin-bottom:0 



}



ol.commentlist li.comment div.comment-author{



text-decoration:none;



border:none



}



ol.commentlist li.comment div.vcard cite.fn{ 



font-weight:normal;



text-decoration:none



}



ol.commentlist li.comment div.vcard img.avatar{ 



background:#fff;



border:1px solid #ddd; 



padding:5px;



float:right; 



margin:0 0 10px 10px 



}



ol.commentlist li.comment div.vcard span.says{



font-style:italic



}



ol.commentlist li.comment div.comment-meta a{



text-decoration:none;



border:none



}



ol.commentlist li.comment p{ 



margin:0 0 10px 



}



ol.commentlist li.comment ul{ 



list-style:square 



}



ol.commentlist li.comment div.reply{



font-style:italic



}



ol.commentlist li.comment ul.children{ 



list-style:none; 



margin:10px 0 0; 



text-indent:0 



}



.commentlist li ul.children li.depth-2,



.commentlist li ul.children li.depth-3,



.commentlist li ul.children li.depth-4,



.commentlist li ul.children li.depth-5,



.commentlist li ul.children li.depth-6,



.commentlist li ul.children li.depth-7,



.commentlist li ul.children li.depth-8,



.commentlist li ul.children li.depth-9,



.commentlist li ul.children li.depth-10,



.commentlist li.comment{



border: 1px solid #ddd;



padding: 10px



}



ol.commentlist li.trackback,



ol.commentlist li.pingback{



border: 1px solid #ddd;



padding:10px;



margin-bottom:10px;



}



ol.commentlist li.trackback cite,



ol.commentlist li.pingback cite{



text-decoration:none;



font-weight:normal



}



ol.commentlist li.even{ 



background:#fff 



}



ol.commentlist li.odd{ 



background:#f1f1f1 



}



ol.commentlist .comment-meta{



font-style:italic;



margin:5px 0 10px 0



}



ol.commentlist li.trackback .reply,



ol.commentlist li.pingback .reply{



font-style:italic



}



.comment-notes{



font-style:italic



}



#respond{



clear:both;



margin:10px 0;



background:#eaf2fa;



overflow:hidden;



padding:10px;



border:1px solid #ddd



}



#respond label{



font-style:italic;



}



#cancel-comment-reply-link{



font-weight:normal;



font-size:small;



color:black;



text-decoration:bold;

}



.comment-links{



padding:5px;



border:1px solid #ddd;



margin:0;



background:#fff;



font-style:italic;



color:black;

}







/* =Forms



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



.search input[type=text]{



clear:left;



width:141px;



float:left;



padding: 3px 3px;



margin:0;



background:#fff;



border:1px solid #ddd



}



.search input[type=submit]{



cursor:pointer;



float:;



background:#00CCCC;



padding:3px 54px;



border:none;



margin:0;



color:white;





}



.search input[type=submit]:hover{



cursor:pointer;



color:black;



background:#00CCCC;



text-decoration:;

}



#commentform .form-allowed-tags{



clear:both;



width:75%



}



.logged-in-as{



font-style:italic;



}



input#author{



width:550px;



padding:5px;



background:#CCCCCC;



color:black;



border:1px solid #ddd



}



input#email{



width:550px;



padding:5px;



background:#fff;



color:#444;



border:1px solid #ddd



}



input#url{



width:550px;



padding:5px;



background:#fff;



color:#444;



border:1px solid #ddd



}



textarea#comment{



width:585px;



margin:0 0 10px 0;



padding:5px;



background:#CCCCCC;



color:black;



border:1px solid #ddd



}



input#submit{



clear:both;



float:right;



background:#CCCCCC;



padding:3px 6px;



border:none;



margin:0;



color:#fff;



clear:both;



}



input#submit:hover{



cursor:pointer;



color:#fff;



background:#444;



text-decoration:underline



}







/* =Images



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



.gallery{



	margin: 0 auto 18px



}



.gallery .gallery-item{



	float: left;



	margin-top: 0;



	text-align: center;



	width: 33%;



}



.gallery img{



	border: 2px solid #cfcfcf;



}



.gallery .gallery-caption{



	float:left;



	width: 154px;



	color: #444;



	font-size: 12px;



	margin: 0 0 12px



}



.gallery dl{



	margin: 0



}



.gallery img{ 



	border: 10px solid #e1e1e1



}



.gallery br+br{



	display: none



}



.wp-caption {



	overflow: hidden;



	max-width: 598px;



	height:auto;



	padding: 10px;



	background: #ddd;



	text-align: center;



	}



.wp-caption img {



	max-width: 586px;



	height:auto;



	margin: 0;



	padding: 0;



	}



.wp-caption .wp-caption-text {



	margin: 0 0 2px 0;



	padding: 10px 5px 0 5px;



	font-size: 12px;



	}



.format-aside .wp-caption,



.format-audio .wp-caption,



.format-chat .wp-caption,



.format-gallery .wp-caption,



.format-image .wp-caption,



.format-link .wp-caption,



.format-quote .wp-caption,



.format-status .wp-caption,



.format-video .wp-caption{



	overflow: hidden;



	max-width: 578px;



	height:auto;



	padding: 10px;



	background: #ddd;



	text-align: center;



}



.format-aside .wp-caption img,



.format-audio .wp-caption img,



.format-chat .wp-caption img,



.format-gallery .wp-caption img,



.format-image .wp-caption img,



.format-link .wp-caption img,



.format-quote .wp-caption img,



.format-status .wp-caption img,



.format-video .wp-caption img{



	max-width: 566px;



	height:auto;



	margin: 0;



	padding: 0;



}



.aligncenter,



.center{



display:block;



margin:0 auto 20px



}



.alignleft,



.left{



float:left;



margin:5px 15px 0 0



}



.alignnone{



clear:both;



margin:20px 0



}



.alignright,



.right{



float:right;



margin:5px 0 0 15px



}



img.wp-smiley{



border:none;



margin:0;



max-height:12px;



padding:0



}



.wp-post-image{



background:#fff;



border:1px solid #ddd; 



padding:5px;



}



.thumb-pic{



float:left;



margin:5px 15px 5px 0



}







/* =Headings



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



h1{



font-size:36px;



}



h1,h2,h3,h4,h5,h6{



color:black;



font-style:strong;



font-weight:700;



margin-bottom:10px



}



h2{



font-size:22px



}



h3{



font-size:18px



}



h4{



font-size:14px



}



h5{



font-size:13px



}



h6{



font-size:12px



}







/* =HTML



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



acronym,abbr{



border-bottom:1px dashed #666;



cursor:help;



text-transform:uppercase



}



address{



font-style:italic;



margin:0 0 20px



}



big{



font-size:120%



}



blockquote{



background:url(images/blockquote.png) left top no-repeat;



padding:0 0 0 30px



}



cite{



font-weight:700;



text-decoration:underline



}



code{



font:.9em Monaco, monospace, Courier, "Courier New"



}



del,strike,s{



text-decoration:line-through



}



em,q{



font-style:italic



}



pre{



background:orange;



font:.9em Monaco, monospace, Courier, "Courier New";



line-height:20px;



margin-bottom:20px;



overflow:auto;



padding:9px



}



pre code{



font-size:1em



}



q:before,q:after{



content:'"'



}



small,sup,sub{



font-size:80%



}



strong{



font-weight:700



}



sub{



position:relative;



top:4px;



vertical-align:baseline



}



sup{



bottom:4px;



position:relative;



vertical-align:baseline



}











/* =Links



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



a:link,a:visited{



color:#00CCCC;



text-decoration:none;



}



a:hover,a:focus,a:active{



color:#00CCCC;



text-decoration:bold;

}



h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {



color:#00CCCC;



text-decoration:bold;

}



h2 a:hover,h2 a:focus,h2 a:active,h3 a:hover,h3 a:focus,h3 a:active,h4 a:hover,h4 a:focus,h4 a:active,h5 a:hover,h5 a:focus,h5 a:active,h6 a:hover,h6 a:focus,h6 a:active {



text-decoration:none;



border-bottom:1px solid #444;



color:black;

}







/* =Lists



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



dd{



padding:0 0 0 20px



}



dl{



margin:0 0 24px



}



dt{



font-weight:700;



margin:10px 0



}



ul{



list-style:square;



margin:0 0 0 20px;



padding:0



}



ul li{



padding-left:5px



}



ol{



list-style:decimal;



margin:0 0 0 25px



}



ol li{



padding-left:5px



}



ul ul,ol ol,ul ol,ol ul{



margin-bottom:0;



padding-bottom:0



}







/* =Menu



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



#access{



width:1100px;









}



.sf-menu, .sf-menu *{



margin:150;



padding:0;



list-style:none



}



.sf-menu{



line-height:1.0



}



.sf-menu ul{



position:absolute;



top:-999em;



width:10em 



}



.sf-menu ul li{



width:100%;



}



.sf-menu li:hover{



visibility:inherit;



}



.sf-menu li{



float:left;



position:relative



}



.sf-menu a{



display:block;



position:relative



}



.sf-menu li:hover ul,



.sf-menu li.sfHover ul{



left:0;



top:2.5em;



z-index:99



}



ul.sf-menu li:hover li ul,



ul.sf-menu li.sfHover li ul{



top:-999em



}



ul.sf-menu li li:hover ul,



ul.sf-menu li li.sfHover ul{



left:10em;



top:0



}



ul.sf-menu li li:hover li ul,



ul.sf-menu li li.sfHover li ul{



top:-999em



}



ul.sf-menu li li li:hover ul,



ul.sf-menu li li li.sfHover ul{



left:10em;



top:0



}



.sf-menu{



float:center;



margin-bottom:0px



}



.sf-menu a{



border-left:0px solid black;



border-top:0px solid black;



border-right:0px solid black;



border-bottom:;



padding:1em 3em



}



.sf-menu a, .sf-menu a:visited{



color:white;



}



.sf-menu li{



background:#00CCCC;



border-bottom:0px solid black;



}



.sf-menu li:hover, .sf-menu li.sfHover{



background:#00CCCC;



color:black;

}



.sf-menu .current_page_item{



background:#00CCCC;



}



.sf-menu a.sf-with-ul{



padding-right:2.25em;



min-width:1px 



}



.sf-sub-indicator{



position:absolute;



display:block;



right:.75em;



top:1.05em;



width:10px;



height:10px;



text-indent:-999em;



overflow:hidden;



background:url('images/arrows-ffffff.png') no-repeat -10px -100px



}



a > .sf-sub-indicator{



top:.8em;



background-position:0 -100px 



}



a:focus > .sf-sub-indicator,



a:hover > .sf-sub-indicator,



a:active > .sf-sub-indicator,



li:hover > a > .sf-sub-indicator,



li.sfHover > a > .sf-sub-indicator{



background-position:-10px -100px



}



.sf-menu ul .sf-sub-indicator{



background-position:-10px ; 



}



.sf-menu ul a > .sf-sub-indicator{ 



background-position:0 0 



}



.sf-menu ul a:focus > .sf-sub-indicator,



.sf-menu ul a:hover > .sf-sub-indicator,



.sf-menu ul a:active > .sf-sub-indicator,



.sf-menu ul li:hover > a > .sf-sub-indicator,



.sf-menu ul li.sfHover > a > .sf-sub-indicator{



background-position:-10px 0



}







/* =Miscellaneous



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



.more-link{



font-style:italic;

}



.page-link{



clear:both;



font-style:bold;



margin-bottom:15px



}



.page-link a{



padding:5px;



margin-right:5px;



border:1px solid #ddd;



background:#fff



}



.required{



color:#00CCCC;



}







/* =Post-Formats



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



.format-aside,



.format-audio,



.format-chat,



.format-gallery,



.format-image,



.format-link,



.format-quote,



.format-status,



.format-video{



padding:10px;



border:1px solid #ddd



}







/* =Tables



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



table{



border:1px solid #ddd;



border-collapse:collapse;



border-top:0;



width:100%



}



table caption{



font-weight:700;



text-align:left



}



table th{



background:#00CCCC;



border-bottom:1px solid #ddd;



font-weight:700;



text-align:left



}



table th,table td{



border:1px solid #ddd;



border-bottom:0;



padding:3px 5px



}







/* =Widgets



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



.widget{



clear:both;



margin-bottom:0px;



overflow:hidden



}



.widget-title{



clear:both;



font-style:bold;



margin-bottom:5px



}



.widget ul{



list-style:none;



margin:0;



padding:5px;



}



.widget ul li a{



padding-left:5px;



background:url(images/arrow.png) left 12px no-repeat;



display:block;



border-bottom:1px solid #00CCCC;

}



#recentcomments li a{



background:#fff;



}



.widget ul li:first-child{



border-top:5px solid #00CCCC;

}



.widget ul ul li:first-child,



.widget ul ul ul li:first-child,



.widget ul ul ul ul li:first-child,



.widget ul ul ul ul ul li:first-child{



border-top:none;



}



.widget ul ul li a{



padding-left:5px;



background:url(images/arrow.png) 0px 12px no-repeat;



}



.widget ul ul ul li a{



padding-left:45px;



background:url(images/arrow.png) 30px 12px no-repeat;



}



.widget ul ul ul ul li a{



padding-left:60px;



background:url(images/arrow.png) 45px 12px no-repeat;



}



.widget ul ul ul ul ul li a{



padding-left:75px;



background:url(images/arrow.png) left 12px no-repeat;



color: white;



}



.widget ul li a:hover{



padding-left:15px;



background:#00CCCC url(images/arrow.png) left 12px no-repeat;



color: white;



}



.widget ul ul li a:hover{



padding-left:30px;



background:#00CCCC url(images/arrow.png) left 12px no-repeat;



color: white;

}



.widget ul ul ul li a:hover{



padding-left:45px;



background:#00CCCC url(images/arrow.png) left 12px no-repeat;



color: white;



}



.widget ul ul ul ul li a:hover{



padding-left:60px;



background:#00CCCC url(images/arrow.png) left 12px no-repeat;



color: white;



}



.widget ul ul ul ul ul li a:hover{



padding-left:75px;



background:#00CCCC url(images/arrow.png) left 12px no-repeat;



color: white;



}



.widget img{



max-width:250px;



height:auto



}



/* =WP-PageNavi



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



.wp-pagenavi a,



.wp-pagenavi a:link,



.wp-pagenavi a:visited,



.wp-pagenavi a:active{



background-color:#fff;



border:1px solid #ddd;



color:#444;





margin:2px;



padding:2px 4px;



text-decoration:none;



}



.wp-pagenavi a:hover{



background-color:#e1e1e1;



border:1px solid #ddd;



color:#00CCCC;



}



.wp-pagenavi a:focus,



.wp-pagenavi a:active{



background-color:#e1e1e1;



color:#21759b;



border:1px solid #ddd;



}



.wp-pagenavi span.current {



background-color:black;



border:1px solid #ddd;



color:#21759b;



font-weight:700;



margin:2px;



padding:2px 4px;



}



.wp-pagenavi span.extend{



background-color:#fff;



border:1px solid #ddd;



color:black;



margin:2px;



padding:2px 4px;



}



.wp-pagenavi span.pages{



border:1px solid #ddd;



padding:2px 4px;



margin-right:3px;



}







/* =Skip link



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



#skip a{



position:absolute;



left:-10000px;



top:auto;



width:1px;



height:1px;



overflow:hidden;



}



#skip a:focus{



position:static;



width:auto;



height:auto;



}



.single-page{



padding:0;



border:none



}