/*

Theme Name: Duke Brothers
Theme URI: http://www.nwesource.com

Description: Custom Business Theme
Author: NWeSource
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: business, custom, theme
Text Domain: dukebrotherscarpetcleaning.com

*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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

body { font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:20px;

margin:0;

padding:0;

background:url(images/bg.jpg) top center repeat;

}

a{

text-decoration:none;

}

a:hover{

text-decoration:underline;

}



a img {border:none; outline:none}

img a {border:none; outline:none}

a {border:none; outline:none; color:#000;}





.main  { width:100%}

.wrapper { width:970px; margin:0 auto}

.page-center { width:100%; float:left; 

-moz-box-shadow:0px 3px 5px 3px #000;

-webkit-box-shadow:0px 3px 5px 3px #000;

box-shadow:0px 3px 5px 3px #000;

 }



.header { width:100%; height:145px; float:left; background:url(images/logo-bg.jpg) repeat-x}



.head-main { width:94%; float:left; margin:0px 0 0 30px;}

.logo { width:300px; float:left}

.right-con { width:300px; float:right; text-align:right}



.right-con h1 { margin:8px 0; padding:0; color:#113976; font-family:Arial Black; text-align:right}

.right-con h2 {margin:2px; padding:0}



.banner { width:95%; height:322px; float:left; padding:20px 0 0 45px;}





.contents-main { width:100%; float:left; background:url(images/bg2.png) top center repeat-x #fbeece}

.contents { width:880px; float:left; margin-left:50px}



.add-area-main { width:100%; float:left;}



.add-area-main span { margin:21px 5px; float:left;}



.add-area-main span img {

-moz-box-shadow:0px 1px 5px 2px #ccc;

-webkit-box-shadow:0px 1px 5px 2px #ccc;

box-shadow:0px 1px 5px 2px #ccc;}





.area-main { float: left; width:100%;}



.area-main-left { width:590px; float: left; margin-top:0}

.area-main-left h1 { font-size:27px; color:black}



.area-main-left h1 a { font-size:27px; color:black; text-decoration:none;}

.area-main-left h1 a:hover {text-decoration:underline;}

.area-main-left h2 {font-size:20px; color:#d69219}



.area-main-left h2 a {font-size:20px; color:#d69219; text-decoration:none;}

.area-main-left h2 a:hover {text-decoration:underline;}

.area-main-left h3 {font-size:16px; color:#0663b5;}



.area-main-left .listing { width:260px; margin-left:30px; float:left; padding-bottom:20px;}

.listing1 { width:100%; margin-left:48px; margin-top:30px; float:left}

.area-main-left .listing ul { margin:0; padding:0;}

.listing1 ul { margin:0; padding:0;}

.area-main-left .listing li { list-style-image:url(images/tick.jpg); list-style-position:inside; margin-bottom:5px}

.listing1 li { list-style-type:none; margin-bottom:5px}



.listing1 li img { vertical-align:middle; margin-right:10px}



.area-main-right { width:260px; float:right; margin-top:20px}



	



.video-main { width:100%; float:left;}

.video { width:80%; float:left; margin:35px 50px; text-align:center}





.call-tag { width:100%; float:left; margin-top:20px; background:url(images/black-contact.jpg) no-repeat; height:82px; margin-bottom:20px}

.call-tag span { float:left; margin:30px 100px; color:white; font-size:16px; width:465px}

.call-tag span strong {font-size:19px}



.follows { width:100%; float:left; text-align:center}



.Contact-form { width:235px; float:left; border:1px solid #d69219; background:transparent; margin-top:10px; padding:0 10px}

.gform_widget { width:235px; float:left; border:1px solid #d69219; color:#0663B5; list-style-type:none; background:transparent; margin-top:10px; padding:0 10px}

.side-add { float:left; width:100%; margin-top:0;}

.side-add img { margin-top:8px}



.footer { background:url(images/footer-bg.jpg) repeat-x top; height:123px; float:left; width:100%}



.footer .div1 { width:195px; float:left;}





.footer .div2 { width:382px; float:left}



.footer .div2 ul { margin:0 15px; padding:0; color:#fff}

.footer .div2 li { list-style:circle;}

.footer .div2 h2 { color:#e0a824; font-size:18px}

.widget_recent_entries ul li a{

color:#fff;

}



.widget_recent_entries ul li a:hover{

color: #E0A824;

}

.footer .div3 { width:135px; float:left; padding-top:20px}

.footer .div4 { width:180px; float:left; padding:2px 0 0 20px}









.cpyrit { width:100%; float:left; background-color:#faecc8; height:auto;}

.cpyrit-L { width:500px; float:left; margin-left:63px;}



.cpyrit-R { width:300px; float:right; text-align:right; margin-right:71px;}





/* =Menu

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



#access {

	display: block;

	float: left;

	width:980px; 

}

#access .menu-header,

div.menu {

	font-size: 12px;

	width:980px;  

	

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin:0; padding:0

}

#access .menu-header li,

div.menu li {

	float: left;

	position: relative;

	padding:0 55px 0 30px;

}

#access a {

	color: #fff;

	display: block;

	line-height: 34px;

	padding: 0 10px;

	text-decoration: none;

}

#access ul ul {

	/*box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);*/

	display: none;

	position: absolute;

	top: 34px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

}

#access ul ul li {

	min-width: 180px;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background:#031857;

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

	border-bottom:1px solid #042380;

}

#access li:hover > a{

color: #FED16C;

}

#access ul ul :hover > a {

	background: #1d5a93;

	color: #fff;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #fff;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #fff;

}







/*****************************************************Sub pages classes****************************************************/







.add-area-main2 { width:100%; float:left;}



.add-area-main2 span { float:left; height:135px;}



.Banner2 { width:100%; float: left; margin-bottom:20px; margin-top:-7px;}



.div01  { width:100%; float:left;}

.div01 h3 { margin: 0; padding:0}

.div01 .listing2  ul { margin:0; padding:0}

.div01 .listing2 li { list-style-image:url(images/tick.jpg); list-style-position:inside; margin-bottom:5px}





.div02  { width:100%; float:left; margin-bottom:15px}

.div02-left { width:136px; float:left}

.div02-right { width:430px; float:right}



.div02 h2 { color:black; font-size:15px; margin:0; padding:0}

.testimonial_comment{

margin-left:75px;

}



.testimonialtitle{

margin-left:75px; color:#88C3E7;

}





.hentry {

 width:100%; float:left; margin-bottom:40px; margin-top:17px;}
#post-7{
margin-top:0px;
}
.Blog-left { width:170px; float:left}

.Blog-right { width:400px; float:right}

.Blog-right span { width:100%; float:right}

.Blog-right span a { color:#0c4497; text-decoration:none}









.Blog h1 { font-size:27px; color:black margin:0; padding:0}

.Blog h2 { color:#e0a824; font-size:18px; margin:0; padding:0}

.Blog h3 { color:black; font-size:15px; margin:0; padding:0}





.Blog-tag { width:182px; float:left; background:#fed16c; margin-top:10px; padding:8px 10px; color:#0d325f;

border-top-right-radius: 12px 12px ;

border-top-left-radius: 12px 12px;

border-bottom-right-radius: 12px 12px;

border-bottom-left-radius: 12px 12px;

behavior: url(http://dukebrotherscarpetcleaning.com/wp-content/themes/dukebrothers/border-radius.htc);

margin-left:50px;

}



.Blog-tag img { float:right}

.Blog-tag ul { float:left; margin:0px; padding:0px; }

.Blog-tag ul li { list-style-type:none; }

.Blog-tag ul li a { text-align:left; }

.Blog-tag h2 { margin:8px 0; padding:0}

.entry-date{

text-decoration:none;

  color: #D69219;

    font-size: 20px;

}

.entry-content{

clear:both;

}

.entry-content p{

vertical-align:top;

}

.#content p, #content ul, #content ol, #content dd, #content pre, #content hr{

clear:both;

}

/* =Images

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



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 20px;

	

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 20px;

	

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

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

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.testimonialimage{

float:left;

}

/* =Comments

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

#comments {

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title,

h3#reply-title {

	color: #000;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 0;

}

h3#comments-title {

	padding: 24px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 12px;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	color: #888;

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {

	font-size: 12px;

	padding: 0 0 24px 0;

}

.reply a,

a.comment-edit-link {

	color: #888;

}

.reply a:hover,

a.comment-edit-link:hover {

	color: #ff4b33;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li {

	border: none;

	margin: 0;

}

.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	color: #888;

	display: block;

	font-size: 12px;

	line-height: 18px;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;

	font-style: italic;

}



/* Comments form */

input[type=submit] {

	color: #333;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

	clear:both;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

		

}

#respond label {

	

}

#respond input {

	margin: 0 9px 9px 0;

	float:left;

}

#respond textarea {

	width: 98%;

}

#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

	float:right;

}



/***************************************************** Widget Areas****************************************************/



.widget-area ul {

	list-style: none;

	margin-left: 0;

}

.widget_text{

list-style:none;

}

#recent-posts-3 {

list-style-type:none;

}

.entry-meta a,

.entry-utility a {

text-decoration:none;



}

.entry-meta a:hover,

.entry-utility a:hover {

text-decoration:underline;



}



.cat-links a{

color:#D69219;

}

.cat-links a:hover{

text-decoration:underline;

}



.comments-link a{

color:#D69219;

}

.comments-link a:hover{

text-decoration:underline;

}

.edit-link a{

color:#D69219;

}

.edit-link a:hover{

text-decoration:underline;

}

.cat-links{

color:#D69219;

}

.meta-sep{

color:#D69219;

}

.entry-utility {

    clear: both;

   

}

.entry-utility a{

color:#D69219;

}

.entry-utility a:hover{

text-decoration:underline;

}

.tag-links a{

color:#000;

}

.tag-links a:hover{

text-decoration:underline;

}

h3#reply-title {

   color:#000;

}









/* =Mobile Safari ( iPad, iPhone and iPod Touch )



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







pre {



	-webkit-text-size-adjust: 140%;



}



code {



	-webkit-text-size-adjust: 160%;



}



#access,



.entry-meta,



.entry-utility,



.navigation,



.widget-area {



	-webkit-text-size-adjust: 120%;



}



#site-description {



	-webkit-text-size-adjust: none;



}











/* =Print Style



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







@media print {



	body {



		background: none !important;



	}



	#wrapper {



		clear: both !important;



		display: block !important;



		float: none !important;



		position: relative !important;



	}



	#header {



		border-bottom: 2pt solid #000;



		padding-bottom: 18pt;



	}



	#colophon {



		border-top: 2pt solid #000;



	}



	#site-title,



	#site-description {



		float: none;



		line-height: 1.4em;



		margin: 0;



		padding: 0;



	}



	#site-title {



		font-size: 13pt;



	}



	.entry-content {



		font-size: 14pt;



		line-height: 1.6em;



	}



	.entry-title {



		font-size: 21pt;



	}



	#access,



	#branding img,



	#respond,



	.comment-edit-link,



	.edit-link,



	.navigation,



	.page-link,



	.widget-area {



		display: none !important;



	}



	#container,



	#header,



	#footer {



		margin: 0;



		width: 100%;



	}



	#content,



	.one-column #content {



		margin: 24pt 0 0;



		width: 100%;



	}



	.wp-caption p {



		font-size: 11pt;



	}



	#site-info,



	#site-generator {



		float: none;



		width: auto;



	}



	#colophon {



		width: auto;



	}



	img#wpstats {



		display: none;



	}



	#site-generator a {



		margin: 0;



		padding: 0;



	}



	#entry-author-info {



		border: 1px solid #e7e7e7;



	}



	#main {



		display: inline;



	}



	.home .sticky {



		border: none;



	}



}