/*
THEME NAME: A Hop, Skip, and a Jump
THEME URI: http://www.mookiedesign.com
DESCRIPTION: A theme for activetendencies.com
VERSION: 1.0
AUTHOR: Cam
AUTHOR URI: www.randomordernyc.com
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/960.css');
@import url('css/superfish.css');
@import url('css/superfish-vertical.css');
@import url('css/ui.tabs.css');



/*color style
yellow:  f9a41e
red: 63100f
orange: d3732f 
dk brown: 2e1c0b
*/

#header { height: 100px; clear: both;}
#sub { height: 25px; text-align: right; background: #000; color: #fff; font-size: 12px;}
#subnav li {display: inline;
list-style-type: none;
padding-right: 20px;}
#search { float:right; text-align: right;}
#nav_container { float: right; text-align: ; background: #fff url(images/bg-menu.png) top center no-repeat; width: 960px; height: 50px;}
.sf-menu img{ margin-top: -2px;}
#menu { float:right;}
/*#home-button { float:left;}
*/#brand { height: 50px; padding-top: 10px;}
#logo { height:50px;  float: left;}
#nav { height: 25px;}
#content-area {clear: both; background: #fff url(images/bg-content.png) top center no-repeat; min-height: 0px;}
#content-area a:visited { color:#; text-decoration:none;}
#general { text-align:center;}
#recent a:link { color:#f9a41e; text-decoration: none;}
#recent a:hover { color:#d3732f; text-decoration: none;}
#recent a:visited { color:#ccc; text-decoration: none;}

.label-email{ margin: 10px 0;}
.yellow{ color: #f9a41e; font-weight: bold;}
.red{ color: #63100f; font-weight: bold;}
#sidebar h3 {line-height: 1em; margin: 10px 0;}
#sidebar ul li{ list-style: none;  }
#sidebar-product{ padding-left: 25px;}
#sidebar-product h3 {line-height: 1em; margin: 10px 0;}
#sidebar-product ul li{ list-style: none;  }

#content{  }

.entry-title{ margin-bottom:;}
.entry-meta {
	border: 1px #d3732f solid;
	background-color: #FFE88C;
	font-size: 9px;
	padding: 5px;
		margin-bottom: 15px;

}
.entry-content{ margin-bottom: 25px;}
.entry-content img { float: right; padding-left; 10px; clear: both;}
.post img { float: right; padding-left; 10px; clear: both;}
.sub-meta { float: right; 	border-top: 1px #d3732f solid; 	font-size: 9px; color: #666;
	margin-bottom: 25px; padding: 5px;

 }
/*#rotate img {float:left; padding-right: 10px;}
*/#ro_imgs { float:left; padding-right: 10px;}
#men{ float:left; height: 250px; }
#women{ float:right; height: 250px;}
#product-info {font-size: 10px; padding: 0 7px; display: block; float: right; width:145px;}
#product-info strong { color: #63100f;}
#col-bg { background: #63100f url(images/column.png) no-repeat; height: 330px; width: 960px; color: #fff;}
#col-bg h3 { color: #f9a41e; margin-top: 15px; margin-bottom: 10px; padding: 15px 0; border-bottom: 1px solid #fff; line-height: 1.1em;}
#col-bg p { padding: 5px;}
#recent, #newsletter, #social { padding: px;}
#contain-footer { width: 960px; height: 169px; background: #fff url(images/bg-footer.png) bottom center no-repeat;}
#credits { text-align: center; font-size: 10px; color: #fff;}

/*twitter*/
.twitter a {
display:block;
width: 48px;
height: 38px;
padding: 5px;
font: bold 13px sans-serif;;
color:#333;
float: left;
background: url(images/icon_twitter.png) 0 0 no-repeat;
text-decoration: none;
}
.twitter a:hover { 
background-position: 0 -48px;
color: #049;
}
.twitter a:active {
background-position: 0 -95px;
color:#fff;
}

/*face*/
.face a {
display:block;
width: 48px;
height: 38px;
padding: 5px;
font: bold 13px sans-serif;;
color:#333;
float: left;
background: url(images/icon_face.png) 0 0 no-repeat;
text-decoration: none;
}
.face a:hover { 
background-position: 0 -48px;
color: #049;
}
.face a:active {
background-position: 0 -95px;
color:#fff;
}

/*myspace*/
.myspace a {
display:block;
width: 48px;
height: 38px;
padding: 5px;
font: bold 13px sans-serif;;
color:#333;
float: left;
background: url(images/icon_myspace.png) 0 0 no-repeat;
text-decoration: none;
}
.myspace a:hover { 
background-position: 0 -48px;
color: #049;
}
.myspace a:active {
background-position: 0 -95px;
color:#fff;
}

