/*
Theme Name: DOM'S v2
Theme URI: 
Description: A blank template used for page-centered themes.
Version: 1.6
Author: Eric McGregor
Author URI: 
Tags: 

http://flowplayer.org/tools/index.html
http://baselinecss.com/

*/
@import url("js/css/slider.css");

body {
	padding:0px;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-size: 75%; 
	line-height: 1.5;
	background:#000;

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



h1, h2, h3, h4, h5, h6				{ position: relative; }
h1, h2								{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4						{ margin-top: 18px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1									{ font-size: 36px;}
h2									{ font-size: 28px;}
h3									{ font-size: 22px;}
h4									{ font-size: 18px;}
h5									{ font-size: 15px;}
h6									{ font-size: 13px;}

a {
	color:#9a9484;
	color:#074577;
	text-decoration:none;
}

p, pre, address						{ font-size: 13px; line-height: 18px;}

abbr, code, kbd,
samp, small, var					{ line-height: 15px; }

ul, ol, dl, dialog					{ font-size: 13px; line-height: 18px; margin-top: 18px; margin-bottom: 18px; }

li ul, li ol						{ margin-top: 0; margin-bottom: 0; }

p									{margin-bottom:18px; font-size:1.2em; line-height:1.4em;}

form, legend, label					{ font-size: 13px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
input, textarea {}


table								{ font-size: 13px; line-height: 18px; margin: 18px 0; }
th, td								{ padding: 3px 12px; line-height: 30px; }
th									{ }
tr:nth-child(even)					{ }
tr:nth-child(odd)					{ }


/************************************
container
*/
.container {
	width:990px;
	margin:0  auto;
	position:relative;
	z-index:100;
}


/************************************
header
*/
#header {
	height:100px;

}
#header .container {
	position:relative;

}
#headerimg {
	height:100px;
	position:relative;
}
#headerimg h1 {
	margin:0;
	top:0;
}
#headerimg h1 a {
	display:block;
	background:url(images/logo.png) top left no-repeat;
}
#headerimg h1 a span {}
#headerimg div.description {}


#header #global_search {
	position:absolute;
	top:0;
	right:0;
}
/************************************
globalnav
*/
#globalnav {
	width:100%;
	z-index:999;
	background:#000;
	height:65px;
}
#globalnav .container {
	width:990px;
	margin:0 auto;
}
#globalnav ul {
	height:65px;
	margin:0;
	padding:0;
	top:0;
	position:relative;
	z-index:900;
}
#globalnav img {
	float:left;
	margin:0;
}

#globalnav li {
	position:relative;
	z-index:901;
	float:left;
	list-style:none;
	margin:0;
	line-height:65px;
	color:#333;
}
#globalnav li a {
	display:block;
	padding:0 20px;
	color:#999;
	text-decoration:none;
	font-weight:bold;
}
#globalnav li.icon a {
	padding:0;
}

#globalnav li.social {
	float:right;
}
#globalnav li.social a {
	float:right;
	padding:0;
	width:25px;
	height:65px;
}
#globalnav li.social a span {
	display:none;
}

#globalnav li.social a.facebook {
	background:url(images/social_facebook.jpg) center no-repeat;
}
#globalnav li.social a.reddit {
	background:url(images/social_reddit.jpg) center no-repeat;
}
#globalnav li.hover a {
	color:#074577;
	background:#f1f1f1;
}
#globalnav li a.on {
	color:#a80000;
}

#globalnav li.hover ul {
	display:block;
}

#globalnav ul li ul {
	position:absolute;
	overflow:hidden;
	display:none;
	z-index:999;
	top:34px;
	left:0;
	width:200px;
	height:auto;
	background:#f1f1f1;
}
#globalnav li ul li {
	float:none;
	display:block;
}
#globalnav li ul li a {
	display:block;
}



.social_link {
	background:#fff;
	display:none;
	
}
.social_link h1 {
	margin:0;
}


/************************************
page
*/
.page {}
.page.attached {}
.page h1 {}
.page h2 {}
.page h3 {}
.page small {}
.page p {}


/************************************
comments
*/

h3#comments {

}
ol.commentlist {
	list-style:none;
	padding:0;
	margin:0;
}
ol.commentlist li.comment {
	border-bottom:2px solid #ebebf2;
}
ol.commentlist li.comment.even {
	background:transparent;
}

ol.commentlist .comment-body {
	position:relative;
	padding:18px 0;
}
ol.commentlist .comment-body p {}

ol.commentlist .comment-author {
}
ol.commentlist .comment-author img.avatar {
	position:absolute;
	top:18px;
	left:-45px;
}
ol.commentlist cite.fn {}
ol.commentlist span.says {}

ol.commentlist .comment-meta {}
ol.commentlist .comment-meta a{}
ol.commentlist .comment-meta a.comment-edit-link {}

#respond {
	margin-top:18px;
}
#respond h3 {}
.cancel-comment-reply {}

form#commentform {}
form#commentform p {}
form#commentform textarea#comment {
	width:486px;
}
form#commentform input {}
form#commentform input#submit {}






/*
***********************************
************************************
PAGE TEMPLATES
************************************
************************************
*/

/*
main scroll container
*/
.scroll_container {
	position:relative;
}



.scroll_item {
	position:relative;

}
.scroll_item_wrapper {
	position:relative;

}
.content_wrapper {
	position:relative;
}
.scroll_item.scrollable .scroll_item_wrapper{
}
.scroll_item .container {
}



.scroll_item .subnav {
	height:30px;
	background:#f1f1f1;
}
.scroll_item .subnav li {
	float:left;
}
.scroll_item .subnav li a {
	display:block;
	line-height:30px;
	padding:0 10px;
}


.scroll_item .banner  {
}

.banner h2 {
	font-size:40px;
	width:550px;
	padding:20px 0 0 0;
}
.banner p {
	font-size:20px;
	width:550px;
	line-height:1.4em;
}


/************************************************
HOMEPAGE
*/
.landing_header {
	height:600px;
	float:left;
	width:100%;
	margin-right:-100%;
	z-index:100;
	position:relative;
	z-index:1;
}
.landing_header h1, .landing_header .description {
	display:none;
}

/************************************************
HOMEPAGE
*/
.work {
	width:720px;
	float:right;
	position:relative;
	z-index:200;
	color:#fff;
}

.work h2 {
}
.work li {

}
.work li a {
	color:#fff;
}
.work li a span {
}

.work li a img {
	display:block;
}








/************************************
INDIVIDUAL SCROLL ITEM STYLES
*/


/************************************
SPLASH
*/
#splash .landing_header {
	background:url(images/splash_bg.png) top left no-repeat #000;
	height:700px;
}
#splash {
}

#splash .work {
	margin-top:148px;
	width:486px;

}



#splash .work ul.options {
	height:360px;
	margin:0;
	position:relative;
}
#splash .work ul.options li {
	position:absolute;
}
#splash .work ul.options li a {
	display:block;
	height:60px;
}
#splash .work ul.options li a span {
	display:none;
}


#splash .work ul.options li.work_buy_now {
	top:0;
	left:0;
}
#splash .work ul.options li.work_buy_now a {
	width:163px;
	height:60px;
}

#splash .work ul.options li.work_learn_more {
	top:0;
	right:0;
}
#splash .work ul.options li.work_learn_more a {
	width:200px;
	height:60px;
}


.description {
	margin-bottom:20px;
}

.ideas {
	border-top:1px dotted #666;
	padding-top:50px;
	margin-top:50px;
	color:#d2d2d2;
}
.ideas h2 {
	font-size:18px;
	text-transform:uppercase;
	color:#eaeaea;
}
.ideas h3 {
	color:#eaeaea;
	font-size:18px;
}


.splash_buy {
	margin:80px 0 100px 0;
}
.splash_buy img {
	display:block;
	margin:0 auto;
}
/************************************
PRODUCT SELECT
*/
#product_select {
	margin:50px 0;
	background:url(images/product_gender_bg.jpg) top left no-repeat;
	height:370px;
}

#product_select li {
	float:left;
	width:50%;
}
#product_select li a {
	display:block;
	height:370px;
}
#product_select li a span {
	display:none;
}

.mens_select a:hover {
	background:url(images/product_gender_bg.jpg) 0 -370px no-repeat;
}
.womens_select a:hover {
	background:url(images/product_gender_bg.jpg) -495px -370px no-repeat;
}

.special_messge {
	text-align:center;
	color:#fff;
}
.special_messge a {
	font-size:1.4em;
	color:#666;
	text-align:center;
	display:block;
}
.special_messge a:hover {
	color:#999;
}




/************************************
PRODUCT SLIDE
*/
.product_container {
	background:#fff;
}
.product .content {
	float:left;
	width:738px;
}
.product .sidebar {
	float:right;
	width:234px;
	height:400px;
	margin-top:100px;
}


/************************************
STYLES FOR INDIVIDUAL PRODUCT SECTIONS
*/
/************************************
business polo
*/
#the-business-polo .banner {
	background:url(images/products_banner.jpg) top left no-repeat #fff;
	height:500px;
	margin-bottom:-150px;
}
/************************************
business polo
*/
#socks .banner {
	background:url(images/socks_banner.jpg) top left no-repeat #fff;
	height:400px;
	margin-bottom:-150px;
}
/************************************
business polo
*/
#hot-boy-shorts .banner {
	background:url(images/hot-boy-shorts_banner.jpg) top left no-repeat #fff;
	height:400px;
	margin-bottom:-150px;
}

#googlecart-widget_container {
	position:fixed;
	top:65px;
	right:0px;
	z-index:9999;
}


/************************************
ABOUT
*/
#about-dom .landing_header {
	background:url(images/about.jpg) top left no-repeat #000;
	height:800px;
}
#about-dom .work {
	padding-top:20px;
	
}




/************************************
TUTORIAL
*/
#how-to-instructionals .landing_header {
	background:url(images/tutorials_bg.jpg) top left no-repeat #000;
	height:400px;	
}
#how-to-instructionals .work li {
	float:left;
	width:200px;
	height:100px;
}
#how-to-instructionals .work li h3 a{
	font-size:20px;
	margin:0;
}





/************************************
CONTACT
*/
#contact_container {
	background:url(images/curtains_large.jpg);
}
#contact_container.static {
	height:880px;
}
#contact .landing_header {
	background:url(images/contact.jpg) center no-repeat;
	height:880px;
	position:absolute;
	left:0;
}
#contact .work {
	top:100px;
	width:680px;
	float:none;
	margin:0 auto;
}
#contact .work li.extra p {
float:left;
width:33%;
text-align:center;
}
#contact .work li.extra p:last-child {
}



/************************************
post
*/
.post {
	position:relative;
	margin-bottom:40px;
	padding-bottom:40px;
	width:100%;
	border-bottom:1px dashed #999;
}
.post.attached {}
.post h1 {}
.post h2 {}
.post h3 {}
.post small {}
.post p {}
.post alignleft {
	float:left;
	margin:0 10px 5px 0;
}
.post alignright {
	float:right;
	margin:0 0px 5px 10px;
}
.post aligncenter {
	display:block;
	margin:10px auto;
}

.post_header {
	float:left;
	width:480px;
}
.entry {
	float:left;
	width:480px;
	padding:0 20px;
}
.entry p {
	font-size:16px;
}

.postimage {
	display:block;
	float:left;
	width:234px;
	margin-left:-60px;
	position:relative;
}
.postimage img {
	position:relative;
}
.postimage .product-image {
	position:absolute;
	bottom:-10px;
	right:10px;
}
.checkout {

}


.next_post {
	position:absolute;
	bottom:-100px;
	right:0;
	width:480px;
}
.next_post .previous {
	float:left;
}
.next_post .next {
	float:right;
}
.next_post .postimage {
	width:80px;
	height:80px;
	float:left;
}




.static_item{
	padding-top:180px;
	color:#fff;
}
.static_item .content p {
	color:#fff;
}




/************************************
footer
*/
#footer {
	padding:20px 0;
	z-index:999;
	width:100%;
	clear:both;
}
#footer p {
	text-align:center;
	color:#666;
}
#footer p a {
	padding:0 10px;
	color:#888477;
}









/* Base column width */
.width1				{ width: 234px; } /* 19.5em */
.width2				{ width: 486px; } /* 40.5em */
.width3				{ width: 738px; } /* 61.5em */
.width4				{ width: 990px; } /* 82.5em */

/* Base column unit, 2 units = 1 column */
.unitx1				{ width: 108px; } /* 9em */
.unitx2				{ width: 234px; } /* 19.5em, Same as width1 */
.unitx3				{ width: 360px; } /* 30em */
.unitx4				{ width: 486px; } /* 40.5em, Same as width2 */
.unitx5				{ width: 612px; } /* 51em */
.unitx6				{ width: 738px; } /* 61.5em, Same as width3 */
.unitx7				{ width: 864px; } /* 72em */
.unitx8				{ width: 990px; } /* 82.5em, Same as width4 */

/* CSS3 columns */
.columnsx2			{ -webkit-column-count: 2; -webkit-column-gap: 18px; -moz-column-count: 2; -moz-column-gap: 18px; column-count: 2; column-gap: 18px; }
.columnsx4			{ -webkit-column-count: 4; -webkit-column-gap: 18px; -moz-column-count: 4; -moz-column-gap: 18px; column-count: 4; column-gap: 18px; }






/************************************************
CONTACT FORM
*/
.contactform {
	margin:30px 0;
	width:420px;
	z-index:900;
	display:block;
}
.contactform form {

}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
span.wpcf_required {
	font-size:9px;
	position:absolute;
	bottom:5px;
	right:0px;
}
#wpcf textarea {
	width: 345px;
	height: 100px;
	padding: 5px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	width: 100px;
}
.wpcf_input_container {
	position:relative;
	height:30px;
}
.wpcf_comment_container {
	margin:20px 0;
}
.wpcf_option_container, .wpcf_submit_container {
	height:30px;
	font-size:10px;
}
.wpcf_success_msg {
	font-size:14px;
	padding:10px 0;
	margin:10px 0;
	font-weight:bold;
}




#custom_cf7-3 {}
.widget_custom_cf7 {}
.wpcf7 {}
.wpcf7 form.wpcf7-form {}

input.wpcf7-validates-as-required {
	width:334px;
}
input.wpcf7-validates-as-email.wpcf7-validates-as-required {}

span.wpcf7-form-control-wrap.your-subject {}
span.wpcf7-form-control-wrap.your-subject input {
	width:334px;
}

span.wpcf7-form-control-wrap.your-message {}
span.wpcf7-form-control-wrap.your-message textarea {
	width:334px;
}

.wpcf7-response-output {
	width:300px;
}