/*   
Theme Name: Topart
Theme URI: http://www.scottbuckets.com/downloads/
Description: A child theme for Salon Alfieri
Author: Scott Buckets
Author URI: http://www.mpirecreative.com
Template: bigfeature
Version: 1.0
*/

@import "../bigfeature/style.css";


body {	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}

a { 
	text-decoration: none;
	color: #660000;	
}

a:hover {	
	text-decoration: underline;
}

#container {
	margin-top: 20px;
	border: 0px #ddd solid;		
}
h1,h2,h3,h4 {
	font-family: Arial, 'Helvetica', Georgia, san-serif;
	font-weight: normal;	
	line-height: 1em;	
	color: #000;
	margin-bottom: 5px;
}
h6 {
	font-family: Arial, 'Helvetica', Georgia, san-serif;
	font-weight: bold;
	font-size:13px;
	line-height: 1em;	
	color: #000;
	margin-bottom: 5px;
	letter-spacing:2px;
}
h10 {
	font-family: Arial, 'Helvetica', Georgia, san-serif;
	font-size:20px;
	line-height: 1em;	
	color: #000;
	margin-bottom: 5px;
}
blockquote {	
	font-family: "Helvetica", Georgia, Arial, sans-serif;		
	font-size:23px;
	line-height:1.2em;
	color:#444;
	margin:30px 0;
	letter-spacing:-1px;
}
.bnum {
	float:left;
	font-family:Georgia, "Helvetica", Arial, sans-serif;
	font-size:30px;	
	width:55px;
}
ul#navigation {	
	list-style-type: none;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px 0;
	border-top: #eee 0px solid;
	border-bottom: #eee 0px solid;
	position: relative;
	z-index: 100;
font-weight:bold;
letter-spacing:1px;
}
ul#navigation li a {
	display: block;
	padding: 8px 14px;	
	color: #444;	
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
letter-spacing:1px;

}
ul.navigation li a {
	display: block;
	padding: 8px 14px;
	color: #444;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
letter-spacing:1px;
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			19em; /* left offset of submenus need to match (see below) */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			19em; /* match ul width */
	top:			0;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			19em; /* match ul width */
	top:			0;
}
.sf-menu li li {
	background:		#EEE;
	border-left:	1px solid #eee;
	border-right:	1px solid #eee;
	border-bottom:	1px solid #FFF;
	padding: 		0em .5em;
}
.post .post-title a {
	font-family: Arial, 'Helvetica', sans-serif;
	font-weight: normal;	
	line-height: 1.1em;	
	font-size: 42px;	
	color: #333;
	letter-spacing:-1px;
}
#pageheader {	
	padding: 200px 0 0px 0;	
	background-color:#423434;
	font-family: Georgia, "Helvetica", Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:90px;
	font-weight: bold;
	line-height:.6em;
	letter-spacing: -0.05em;
}
/**********************************************
	Search 
***********************************************/
.searchform {
	margin: 0;
	padding: 1px 0 0;	
}

.searchform .searchbox {	
	border:1px solid #EEE;
	padding:0 10px 0 0;
	float:left;	
	width: 231px;
margin-top: 38px;
}

.searchform a.searchicon {
	float:right;
	background: url(images/search.gif) no-repeat;
	height:16px;
	width:16px;
	margin: 5px 0 0 5px;
}


.searchform .searchfield {
	float:left;
	width: 200px;
	padding:4px;
	border:0;
	color: #AAA;
}

#footer {
	margin-left: 20px;
	text-align: center;
	text-transform:uppercase;
	color: #999;
        font-size:9px;
}
#footer a { 	
	font-size:9px;
        color: #faa02a;
	font-weight: bold;	
}

.box {
	padding: 15px;
	background-color: #f6f6f6;
	border: #dadada 1px solid;
	margin-bottom: 10px;
	margin-left: 25px;
	float: right;
	font-size:10px;
}
.box2 {
	padding: 15px;
	background-color: #f6f6f6;
	border: #dadada 1px solid;
	margin-bottom: 10px;
	margin-left: 25px;
	float: right;
	font-size:12px;
line-height:200%;
}
.box3 {
	padding: 15px;
	background-color: #eee;
	border: #dadada 0px solid;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 27px;
	float: left;
	font-size:12px;
	width: 225px;
height: 290px;
}
.box4 {
	padding: 15px;
	background-color: #eee;
	border: #dadada 1px solid;
	margin-bottom: 5px;
	margin-left: 25px;
	float: right;
	font-size:12px;
line-height:200%;
}
/**********************************************
	Slider
***********************************************/

.slide {	
	padding: 20px;
	margin:0;
	border:none;	
}

.post.slide h4 {
	font-size:20px;
	padding-bottom:10px;
}

.bfslider .feature { margin:0; padding:0; }

.bfslider .post a.more-link {
	background:none;
	padding-left:0;
	text-transform:lowercase;
	text-decoration:underline;
}

.slider-h1 { font: 44px/1em Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.slider-h2 { font: 21px/1em Georgia, "Times New Roman", Times, serif; padding-top: 10px; margin-bottom: 5px; }

.captionbg-black { background: #000; }
.slidecaption-black { padding: 6px 0 6px 15px; }
.slidecaption-black a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px;color:#fff; }

ol#controls { margin:1em 0; padding:0; height:10px; }
ol#controls li{	margin:0 5px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px; }
ol#controls li a{ float:left; font-size:15px; height:20px; line-height:20px; border:0px solid #333; background:#DDD; color:#fff; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#fff; color:#000; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none; }




#breadcrumbs {
  font-family: "Helvetica", Georgia, Arial, sans-serif;		
	font-size:10px;
	line-height:1.2em;
	color:#ccc;
	margin:30px 0;
	letter-spacing:1px;
}

*---social---*
.social_links
{
clear:both;
height:16px;
margin-bottom:35px;
padding: 4px 0 10px 0px;
position:relative;
}

.social_links ul
{
position:relative;
float:left;
}

.social_links ul li
{
float:left;
list-style: none;
line-height: 16px;
padding-left: 5px;
}

.social_links ul li a
{
display:block;
padding-left: 16px;
padding-right: 0px;
height:16px;
}

.social_links ul li a.facebook {
background: url("images/facebook_16b.png") 0px 0px no-repeat;
}
.social_links ul li a:hover.facebook {
background: url("images/facebook_16.png") 0px 0px no-repeat;
}

.social_links ul li a.twitter {
background: url("images/twitter_16b.png") 0px 0px no-repeat;
}
.social_links ul li a:hover.twitter {
background: url("images/twitter_16.png") 0px 0px no-repeat;
}

.social_links ul li a.youtube {
background: url("images/youtube_16b.png") 0px 0px no-repeat;
}
.social_links ul li a:hover.youtube {
background: url("images/youtube_16.png") 0px 0px no-repeat;
}