/*
Theme Name: Fashion Roll Call
Theme URI: http://emotech.com.au
Description: Another Emotech Creation
Version: 1.0
Author: Emotech
Author URI: http://emotech.com.au/
*/

@import url('global.css');

#wrapper { 
	width: 960px; 
	margin: 0 auto; 
	}

/********************************		
			HEADER			
********************************/

#header {
	width: 960px;
	height: 193px;
	position:relative;
	
}
#logo{
	width:437px;
	height:170px;
	overflow:hidden;
	top:20px;
	left:0;
	position:absolute;
	background: url('images/logo.png') no-repeat 0 0;
}
#nav {
	padding:30px 0 0 400px;
	float: left;
}

#nav ul { 
	list-style: none; 
	}
	
#nav ul li { 
	display: inline; 
	}
	
#nav ul li a { 
	color: #fff; 
	font-family: Arial, sans-serif; 
	font-size: 1.167em; 
	font-weight: bold; 
	margin: 0 10px 0 0; 
	}
#searchform { float: right; margin: 31px 7px  0 0; }
.searchdiv { width: 167px; height: 22px; background: url('images/searchfield-bg.png') no-repeat; }
.searchdiv input {float:left; background: none; width: 131px; border: 0 none; height:18px; padding:2px 5px; color:#9e2264; }
#subhead-search-submit { background: url('images/searchsubmit.png') no-repeat; width: 21px; height: 21px; float: right; }
/********************************		
			TYPOGRAPHY		
********************************/	

.meta { font-size: 10px; color: #bb2077; }


/********************************		
			CONTENT			
********************************/

#content-head { 
	width: 910px;
	padding: 5px 10px;
	height: 64px;
	background: url('images/content-head.jpg') no-repeat;
	float: left;
	}
	
	/*#content-head ul#topnav { list-style: none; margin: 0; padding: 0; position: relative; }
	#content-head ul li { display: inline; margin-left: 5px; }
	#content-head ul li span a { color: #841a5d; font-size: 17px; }
	#content-head ul li a:hover { color: #ec008b; }
	#content-head ul li a.active { color: #ec008b; }
	#content-head ul#sub li a { font-size: 14px; }*/
	
	#topnav ul {
		margin: 0; padding: 0;
		float: left;
		width: 910px;
		list-style: none;
		position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	}
	#topnav ul li {
		float: left;
		margin: 0; padding: 0;
		line-height:30px;
		font-size:18px;
		margin: 0 10px 0 0;
	}
	#topnav ul li a {
		color: #841a5d;
		float:left;
		text-decoration: none;
		
	}
	
	#topnav ul li a:hover { color: #ec008b; }
	#topnav ul li a.active { color: #ec008b; }
	#topnav ul li ul {
		float: left;
		padding: 15px 0;
		position: absolute;
		left: 0; top:10px;
		color: #fff;
		list-style:none;
		display:none;
		margin:0;
		
	}
	
	#topnav ul li.hover ul { display:block; } /*--Show subnav on hover--*/
	#topnav ul li ul a { font-size: 14px; display: inline; margin: 0 10px 0 0;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
	#topnav ul li ul a:hover {text-decoration: underline;}
	#topnav ul li em{
		font-style:normal;
		float:left;
	}
	.sIFR-active h1 { font-size: 28px; color: #575757; }

#content-wrapper {
	width: 930px;
	background: url('images/content-wrapper.png') repeat-y;
	padding: 15px;
	margin: 0 0 45px;
	float: left;
}

#content { 
	width: 930px;
	background: #fff url('images/content-bg.jpg') top center no-repeat;
	float: left;
	}
	
#content-main { 
	width: 542px;
	padding: 0 15px;
	float: left;
	}
	
	#slider {
	   position: relative;
	   overflow: hidden;
	}

	#slider, #slider img, #slider ul{
	  width: 515px;
	  height: 280px;
	}

	#slider li,#slider ul{
	  padding:0;
	  margin:0;
	}

	#slider ul {
	   position: absolute;
	}

	#slider .slide {
	   float: left;
	   position: relative;
	   display: none;
	}

	/*For sane browsers..*/
	#slider .slide:first-child{
	  display: block;
	}

	#slider .slide div.bottom {
	  position: absolute;
	  left: 0;
	  padding: 10px 13px 5px 10px;
	  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	  background-color: #000;
	  color: #fff;
	  font-size: 11px;
	  bottom: 0;/*remove this and it will be on top*/
	}
	#slider .slide span a {
	    font-size: 20px;
		color: #f989d3;
	}

.title a {
	font-size: 20px;
	color: #f989d3;
	margin: 0 0 7px 0;
}

.main-content-box {
	width: 514px;
	padding: 13px;
	border: 1px solid #dcdcdc;
	background: #f5f5f5;
	margin: 0 0 15px;
	float: left;
}

.post-title { margin: 0 0 5px 0; }

.post-title a {
	font-size: 24px;
	color: #565656;
}

.search-post-title { margin: 0 0 5px 0; }

.search-post-title a {
	font-size: 18px;
	color: #565656;
}

.post-meta {
	font-size: 11px;
	color: #bb2077;
}
.post-meta a { color: #bb2077; }

.post-thumbnail { width: 100px; height: 100px; border: 4px solid #fff; float: left; margin: 0 10px 10px 0px; }
.post-continue { width: 81px; height: 21px; background: url('images/continue.png') no-repeat; text-indent: -999em; float: right; clear: both; }

#archive-list a { color: #bf2e80; }

.comment-meta {
	font-size: 11px;
	color: #bb2077;
}

ol.comments { list-style: none; margin: 0 0 15px 0;  }
ol.comments li { background: #f1f4f7; border: 1px solid #e0e0e0; margin: 0 0 5px 0; padding: 5px; }
ol.comments li p { float: left; margin: 0; }
ol.comments li p.comment-author { color: #bb2077; font-weight: bold; }
.respondheader { float: left; clear: right; }
.respondicon { float: left; margin: 0 15px 0 0; }

.videos-home-list { list-style: none; margin: 0; }
.videos-home-list li { float: left; width: 153px; margin: 0 24px 0 0;height:210px;}
.videos-home-list li.last { float: left; margin: 0px;}
.video-home-thumb { width: 153px; height: 88px; border: 1px solid #bfbfbf; }
.video-home-title { margin: 0; }
.video-home-title a { color: #bb2077; font-size: 12px; }


#sidebar { 
	width: 337px;
	padding: 0 15px 0 6px;
	float: right; 
	}
	
	#sidebar p { margin: 0; }
	#sidebar ul { list-style: none; margin: 0; padding: 0; }
	#sidebar ul li { margin: 5px 0; }
	
.side-content-box {
	width: 309px;
	padding: 15px 13px 11px 13px;
	margin: 0 0 15px;
	border: 1px solid #dcdcdc;
	background: #f1f4f7;
	float: left;
}

.twitter-timestamp {
	clear: both;
	font-size: 10px; 
	color: #bb2077;
}
.twitter-timestamp abbr {
	border: 0 none; 
}

#sub-footer { width: 930px; margin: 15px 0 0 0; padding: 0 0 20px 0; float: left; background: #ececec; }
#sponsors { width: 500px; margin: 15px 60px 0 20px; float: left; }
#contact { margin: 15px 0 0 0; float: left; color: #989393; font-size: 11px; width:300px; }
#contact a { color: #989393; }

#footer { width: 890px; height: 32px; float: left; background: url("images/footer-bg.jpg") no-repeat; padding: 15px 20px; }
.foot-left { color:#8f8f8f; float: left; }
.foot-right { color: #505050; float: right; }
.foot-right a { color: #505050; }

#newsletter th,td { margin: 0; padding: 0; }
#wpnewsletter_firstname { background:#e3b6ce; color:#fff; padding: 3px; border: 0 none; float: left; width: 140px; margin: 0 10px 0 0; }
#wpnewsletter_lastname { background:#e3b6ce; color:#fff; padding: 3px; border: 0 none; float: left; width: 140px; }
#wpnewsletter_email { background:#e3b6ce; color:#fff; padding: 3px; border: 0 none; float: left; width: 296px; margin: 10px 0 0 0; }
#newslettersubscribe { background:#e3b6ce; color:#fff; padding: 3px; border: 0 none; float: right; margin: 10px 8px 0 0; }
#contact div.form-item{
	float:left;
}
#contact input,
#contact_name { background:#c6c6c5; color:#fff; padding: 3px; border: 0 none; float: left; width: 134px; margin: 0 10px 0 0; }
#contact_email { background:#c6c6c5; color:#fff; padding: 3px; border: 0 none; float: left; width: 134px; clear: right;  }
#contact textarea,
#contact_message { font-family: "Arial", sans-serif; font-size: 11px; background:#c6c6c5; color:#fff; padding: 3px; border: 0 none; width: 285px; height: 59px; float: left; clear: both; }
#contact_submit { background:#c6c6c5; color:#fff; padding: 3px; border: 0 none; float: right; clear: both; width: 79px;  }

#twitter-button { width: 107px; height: 28px; display: block; text-indent: -999em; border: 1px solid #c0c0c1; background: url('images/twitter.jpg') no-repeat; float: left; margin: 0 15px 0 0;}
#facebook-button { width: 110px; height: 28px; display: block; text-indent: -999em; border: 1px solid #383737; background: url('images/facebook.jpg') no-repeat; float: left;  }

ul#liveul { padding: 0 0 0 5px; list-style: none; margin: 0; }
#liveul li { float: left; }
#sidelive_livechat { width: 62px; height: 67px; display: block; text-indent: -999em; background: url('images/livechat.jpg') no-repeat; }
#sidelive_forums { width: 77px; height: 67px; display: block; text-indent: -999em; background: url('images/forums.jpg') no-repeat; }
#sidelive_messenger { width: 88px; height: 67px; display: block; text-indent: -999em; background: url('images/messenger.jpg') no-repeat; }
#sidelive_profiles { width: 77px; height: 67px; display: block; text-indent: -999em; background: url('images/profiles.jpg') no-repeat; }
#livelogin { width: 124px; height: 24px; display: block; text-indent: -999em; background: url('images/memberlogin.jpg') no-repeat; float: left; margin: 0 20px 0 20px; }
#livesignup { width: 124px; height: 24px; display: block; text-indent: -999em; background: url('images/livesignup.jpg') no-repeat; float: left; }

#bottom-banner { float: left; width: 542px; height: 150px; margin: 15px 15px 0 0; }

/* Tabs (in the sidebar for the AJAX box) */

#tabbed_box_1 {
	
	width:540px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	background-color:#fff;
	margin: 0 15px 0 0;
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li.more {
	list-style:none;
	display:inline;
	float:right;
}
ul.tabs li.tab-li a {
	background-color:#e4e4e4;
	color:#c65494;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #dcdcdc;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
	cursor: pointer;
}
ul.tabs li.tab-li a:hover {
	background-color:#f8f8f8;
	border-bottom: 1px solid #f5f5f5;
	border-color:#dcdcdc;
}
ul.tabs li.tab-li a.active {
	background-color:#f5f5f5;
	color:#c65494;
	border:1px solid #dcdcdc; 
	border-bottom: 1px solid #f5f5f5;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#f5f5f5;
	padding:0px;
	width: 540px;
	border:1px solid #dcdcdc; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 10px 0px 10px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}



/* END Tabs */