/*   
Theme Name: Domain Design Custom
Theme URI: http://www.domaindesignagency.com/
Description: Custom theme built by Domain Design Agency based on HTML5 reset.
Author: Domain Design Agency
Author URI: http://www.domaindesignagency.com/
Version: 1.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
background-color: #609944;
margin: 0px;
padding: 0px;
font: 11.5px verdana, arial, helvetica;
color: #416271;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color:#609944;}
a:hover {color: #416271;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 960px; margin: 20px auto;}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

/* 	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
*/

/* Comments & form Styles
------------------------------------------------------------------------------ */
/* =Comments
----------------------------------------------- */

ol.commentlist li.comment div.comment-author img { width: 68px; height: 68px;}

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a { color:#566c11; text-decoration: none; }
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

.commentsHolder {
 width: 810px;
 float: left;
 padding: 0 10px;
}


/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 40px auto 1.625em;
	padding: 20px;
	position: relative;
	clear: right;
	/* width: 68.9%; */
}

#respond h2 { text-transform: none; color: #8b8b8b;}
h2#comments { text-transform: none; color: #8b8b8b; clear: right;}

#respond input[type="text"],
#respond textarea {
	background: #fff;
	/* border: 4px solid #eee; */
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); */
	position: relative;
	padding: 5px;
	text-indent: 80px;
	border: 1px solid #999;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
	border-color: #999;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 5px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	/* height: 24px; */
	width: 95%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/* Sidebar 
------------------------------------------------------------------------------ */
#sidebar { width: 200px; float:right;}

#sidebar ul { 
	/* list-style-image:url( images/bullet-arrow.gif ); */
	margin: 0 0 0 2px; 
}
#sidebar ul li { border-bottom: 1px solid #83c563; background: url( images/bullet-arrow.gif) 0 15px no-repeat;}
#sidebar ul li a {
	font-weight: normal;
	color: #666;
	padding: 10px;
	display: block;
	text-decoration: none;
}

#sidebar ul#recentcomments li { background: none; padding: 10px 10px 10px 0px; }

#search-3 { margin: 0 0 30px 0; }
#recent-posts-3, #recent-comments-3,
#archives-3, #categories-3, #meta-3 { 
	border: 2px solid #b0e298;
	background: #e0fdd2;
	padding: 10px 10px 20px 10px;
	border-radius: 15px;
	margin: 0 0 20px 0;
}


/* Enershield Page CSS
-------------------------------------------------------------------------------*/
#wrapper { width: 900px; margin: 0  auto; background-color: #FFFFFF; }

article a, article a:visited { color:#609944; text-decoration: none; }
article a:hover { color: #416271; }
article { padding: 20px 0 30px 0; border-bottom: 1px dashed #ccc ; width: 560px; }


#bar {
	position:static;
	background-color:#ffffff;
	width:auto;
	height:50px;
	z-index:1;
}

#leaf {
	position:relative;
	top:-200px;
	left:770px;
	width:122px;
	height:50px;
}

#header {
	width:900px;
	height:auto;
	margin:auto;
}

#logo {
	position:relative;
	border:none;
	top:-5px;
	width:200px;
	height:193px;
	left:10px;
	z-index:10;
}

#tagline {
	position:relative;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	font-size:16px;
	width:500px;
	top:-170px;
	left: 320px;
	text-transform:uppercase;
	letter-spacing:3px;
	z-index:11;
}

.green_box {
	width:900px;
	clear:both;
	background-position:50px 0px;
	alignment-adjust: middle;
	padding: 0 0 60px 0;
}

#specs1 {
	width:800px;
	height:auto;
	margin:auto;
	padding: 140px 0 0 0;
}

/* ############################ MENU ######################### */

#menu {
	width:900px;
	height:42px;
	padding:0px;
	clear:both;
	background-color:#333132;
}
#menu ul {
	list-style:none;
	padding:0 0 0 195px; /* 230 */
	margin: auto;
	display:block;
}
#menu ul li {
	list-style:none;
	display:inline;
	float:left;
	width:auto;
	height:42px;
	padding:0px;
	line-height:42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#menu ul li a {
	height:42px;
	width:auto;
	float:left;
	text-decoration:none;
	padding:0 0 0 25px;
	margin:0px 3px 0px 3px;
	color:#fff;
	text-align:center;
}
#menu ul li a:hover {
	height:42px;
	width: auto;
	text-decoration:none;
	color: #fff;
	padding:0 0 0 25px;
	background:url(images/menu_arrow.gif) no-repeat left;
}
#menu ul li a.current {
	height:42px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0px;
	color: #fff;
	padding:0 0 0 25px;
	background:url(images/menu_arrow.gif) no-repeat left;
}


/* ###################### BANNER ########################## */

#banner {
	position:relative;
	z-index:1;
	margin-bottom:-15px;
	margin-top:-15px;
	height:434px;
	width:900px;
}

#banner4 {
	position:relative;
	z-index:1;
	margin-bottom:-15px;
	/* margin-top:-15px; */
	height:434px;
	width:900px;
}
#banner2 {
	background-image:url(images/general-banner.jpg);
	background-size: 900px 434px;
	position:absolute;
	z-index:1;
	margin-bottom:0px;
	margin-top:0px;
	height:424px;
	width:900px;
}


/* #################### TEXT STYLES ##################### */

h1, h2 {
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	color:#609944;
	font-weight:bold;
	font-size: 2em;
	padding: 10px 0;
}



/* h2 {
	color: #589637;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:normal;
} */

h3 {
	color: #006600;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	font-size: 1.5em;
	padding: 10px 0;
}

h4 {
	padding:0 0 10px 0;
	margin:0px;
	font-size:14px;
	color:#609944;
}

/* ####################### TEXT STYLES #################### */ 

p {
	text-align:justify;
	padding:2px 0 2px 0;
	margin:0px;
	line-height:15px;
}

p.white {
	color: #FFFFFF;
}

p.green {
	color:#d4f0ba;
}

p.clear {
	clear:both;
	padding:10px 0 0 0;
}


/* #####################  FOOTER ########################## */

#footer {
	clear:both;
	width: auto;
	min-height:47px;
	color: #fff;
	background-color:#416271;
}

.copyright {
	float:left;
	padding-left:10px;
	padding-top:10px;
}
.footer_links {
	float:right;
	padding-right:15px;
	padding-top:13px;
}
.footer_links a {
	text-decoration:none;
	color: #fff;
	padding-left:10px;
}
.footer_links a:hover {
	text-decoration:underline;
	color: #fff;

}






/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}