@charset "UTF-8";
/**
Theme Name: MJ Hair
Author URI: na
Version: 1.0
Author: hpa (mod by - theroz)
Description: Built upon the ClassicMag Theme, sliding image, top 5 post on front page with single sidebar.
*/

@import url('css/reset.css');
@import url('css/lavalamp.css');
@import url('css/default.css');
@import url('css/comments.css');
@import url('css/glide.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/tabs.css');

html { overflow-y: scroll; }

body {
	/* background:#FFFFFF url('./images/bg_body.jpg') repeat-y center 0; */
	background:#000;
	color:#FFF;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

a { color:#E1642C; text-decoration:none; }
a:hover { color:#D7F7A6; }

#wrapper {
	background:#6B2711 url('./images/bg_main.jpg') repeat-x 0 0;
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header {
	background:transparent url('./images/bg_logo.jpg') no-repeat 30px 0;
	position:relative;
	height: 214px;
}

#subcribe-form {
	background:#787AB3 url('./images/top-search.gif') no-repeat 0 0;
	float:left;
	width:227px;
	height:24px;
	margin-right:5px;
}

#subcribe-form div {
	position:relative;
}

.input-text {
	background:transparent;
	left:6px;
	top:3px;
	width:215px;
	position:relative;
	font-size:11px;
	font:normal 11px "Trebuchet MS", Tahoma, Verdana;
	color:#EDEDED;
	text-transform:uppercase;
	border:medium none;
}

#masthead {
	position:relative;
	height:187px;
}

#blog-title {
	position:absolute;
	width:270px;
	height:120px;
	top:45px;
	left:55px;
}

#blog-title a { color:#E1642C; }
#blog-title a:hover { color:#D7F7A6; }

#tagline-wrapper {
	position:absolute;
	width:150px;
	top:32px;
	left:52px;
	font-size:11px;
	font:normal 11px "Trebuchet MS", Tahoma, Verdana;
	color:#E1642C;
	letter-spacing: 2px;
}

#tagline2-wrapper {
	position:absolute;
	width:650px;
	top:30px;
	left:340px;
	font-size:12px;
	font:normal 12px "Trebuchet MS", Tahoma, Verdana;
	color:#6B2711;
}

#tagline2-wrapper img {
	padding:12px 8px 0 0;
}
#tagline2-wrapper td {
	empty-cells: show;
	vertical-align:top;
	margin:0;
	padding:0;
}
#tagline2-wrapper h4 {
	color:#231F20;
	font-family:Tahoma,Verdana;
	font-size:16px;
	padding-top:10px;
}

#main-menu-box {
	position:absolute;
	top:187px;
	left:85px;
	min-width: 800px;
}

/* container */
#container {
	background:transparent url('./images/bg_container.jpg') no-repeat 55px 0;
}

/* content */
#content {
	float:left;
	margin-left:120px;
	width:775px;
}
/* IE6 Only */
* html #content  {
	margin-left:60px;
	width:775px;
}

#content_inner {
	float:left;
	width: 520px;
	margin-top:15px;
	background: transparent;
}

#top-container { margin-bottom:15px; }

#featured-posts-wrapper {
	border: 1px solid #956555;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-bottom:17px;
}

#featured-posts-wrapper-top {
	background:transparent;
	height:6px;
}

#featured-posts-wrapper-in {
	background:transparent;
	width:518px;
}

#featured-posts-wrapper-bottom {
	background:transparent;
	height:6px;
}

#featured-posts .title {
	background:transparent;
	font:normal 16px "Trebuchet MS", Tahoma, Verdana;
	color:#FFF;
	padding:4px 6px 0;
	overflow:hidden;
}

.icon {
	background-image:url('./images/all-icons.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right:10px;
	display:block;
	float:left;
}

#featured-posts .featured-post {
	background:#6B2711 url('./images/bg_featured.jpg') repeat-x 0 0;
}

#featured-posts .meta {
	background:transparent;
	font:normal 10px "Trebuchet MS", Tahoma, Verdana;
	color:#956555;
	text-transform:uppercase;
	padding:5px 7px;
	margin-bottom:5px;
	border-bottom:1px solid #956555;
}

#featured-posts .meta a { color:#E1642C; }
#featured-posts .meta a:hover  { color:#D7F7A6; }

.meta p, .entry { clear:left; }

#featured-posts .date-post { background-position:0 0px; }
/* IE6 Only */
* html #featured-posts .date-post { margin-left:0; }

#featured-posts .comment-post { background-position:0 -23px; }

#featured-posts .categories-post { background-position:2px -45px }
/* IE6 Only */
* html #featured-posts .categories-post { margin-left:0; }

#featured-posts .entry {
	padding:0 7px;
}

.entry a { color:#E1642C; text-decoration:none; font-weight:bold; }
.entry a:hover { color:#D7F7A6; text-decoration:underline; }

.pagetitle {
	font:normal 25px "Trebuchet MS", Tahoma, Verdana;
	color:#E1642C;
}
/* IE6 Only */
* html .read_more img {
	padding-bottom:5px;
}
/* IE7 Only */
*:first-child+html .read_more img {
	padding-bottom:5px;
}

.post {
	clear:left;
	margin-bottom:10px;
	border: 1px solid #956555;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.post .title {
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#FFF;
	margin-bottom:5px;
}
/* IE6 Only */
* html .post .title {
	padding-left:90px;
}

.post .meta {
	background:transparent;
	border-bottom:1px solid #956555;
	height:50px;
	padding:6px 6px 6px 95px;
	font:normal 10px "Trebuchet MS", Tahoma, Verdana;
	color:#956555;
	text-transform:uppercase;
	overflow:hidden;
	position:relative;
	margin:0 5px 5px 5px;
}
.post .meta h3.title {  text-transform:none; }

/* IE6 Only */
* html .post .meta {
	height:54px;
	padding:4px 6px;
}

.post .meta-left {
	position:absolute;
	display:block;
	width:94px;
	height:70px;
	top:0;
}

.post .meta-left {
	background:transparent url('./images/meta-left-bg.gif') no-repeat 0 0;
	left:0;
}

.post .date-post { background-position:0 -66px; }
/* IE6 Only */
* html .date-post { margin-left:45px; }

.post .comment-post { background-position:0 -89px; }

.post .categories-post { background-position:2px -110px }
/* IE6 Only */
* html .categories-post { margin-left:45px; }

.post a.more-link {
	background:transparent url('./images/read-more-bg.jpg') no-repeat 0 0;
	display:block;
	width:104px;
	height:24px;
	cursor:pointer;
}

.akpc_pop { clear:left; }

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 0 0 !important;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 6px !important;
	margin:0 5px 0 0 !important;
	border:none !important;
	color:#717171 !important;
}

.wp-pagenavi span.inner {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 100% 0 !important;
	display:block;
	float:left;
	font-size:10px;
	height:22px;
	line-height:22px;
	padding-left:0 !important;
	padding-right:6px;
	text-transform:uppercase;
}

.wp-pagenavi a { color:#000000 !important; }

.wp-pagenavi a:hover { color:#717171 !important; }

#post-nav {
	margin-bottom:60px;
}

/* sidebar */
.sidebar { }
		
#left_bar {
	float:left;
	width:225px;
	padding-right:15px;
	margin-top:15px;
}

#primary .widget, #secondary {
	border:none;
	padding-bottom:6px;
	margin-bottom:10px;
}

#primary .widget {
	border: 1px solid #956555;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.widget-top { height:6px; }

.widget-title {
	background:none;
	border-bottom:1px solid #956555;
	font:normal 16px Tahoma, Verdana;
	color:#FFCC00;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:3px;
}

#primary .widget-content {
	background:transparent;
	width:213px;
	padding:0 5px 0 5px;
}
/* Fix twitter long link display on page. */
/* IE6 Only */
* html #primary .widget-content {
	overflow:hidden;
}
/* IE7 Only */
*:first-child+html #primary .widget-content {
	overflow:hidden;
}

.widget-content a { color:#E1642C; }
.widget-content a:hover { color:#D7F7A6; }

.widget-title a { color:#E1642C; }

.widget-content li {
	background:#702E18 url('./images/widget-li-bg.gif') no-repeat 2px 0;
	font-size:11px;
	padding:8px 5px 7px 36px ;
	border-bottom:1px solid #956555;
}

.widget-content li.hover {
	background:#73331E url('./images/widget-hover-bg.gif') no-repeat 2px 0;
	border-bottom:1px solid #A5705E;
	cursor:pointer;
}
/* IE6 Only */
* html .widget-content li.hover {
	border:none;
	border-bottom:1px solid #A5705E;
}

.widget-content li li, .widget-content li li.hover {
	background-color:transparent;
	border:none;
	padding-bottom:0;
}


#secondary { margin-bottom:60px; }

#secondary-in {
	background:transparent;
	width:210px;
	padding:0;
}

#secondary-in .widget {
	padding-bottom:10px;
}

#secondary-in .widget-title {
	background:none;
	border-bottom:1px solid #956555;
	padding-left:5px;
}

.widget-bottom { height:6px; }

#newsletterform { padding-top: 20px; }

#newsletterform input.text {
	width: 100px;
	border:1px solid #82888D;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #DCF1FF;
	padding:2px;
}

/* button styles */
.submit, div.submit a, a.submit {
	background:#9D4400 url('./images/button-bg.gif') repeat-x 0 -6px;
	font-size: 11px !important;
	line-height: 16px;
	color:#FFFFFF;
	padding: 2px 10px;
	cursor:pointer;
	border:1px solid #DDDEEA;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

a.submit {
	padding: 4px 11px;
	color:#FFFFFF;
}
/* IE6 Only */
* html a.submit  {
	padding: 5px 8px;
}

div.submit a {
	padding: 4px 10px;
}

.submit.hover, div.submit.hover a, a.submit.hover {
	background:#9D4400 url('./images/button-bg.gif') repeat-x 0 -16px;
	color:#FFFFCC;
	border:1px solid #000;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}

div.submit a { color: #FFFFFF; }
div.submit.hover a:hover { color: #FFFFCC; }

div.submit {
	background:transparent;
	font-size: 11px !important;
	line-height: 16px;
	color:#FFFFFF;
	padding: 4px 10px;
	cursor:pointer;
	border:none;
	box-sizing: content-box;
}

div.submit.hover {
	background:transparent;
	border:none;
}

/* ---- Home Page ---- */
#HomeText-wrapper {
	position:absolute;
	left:575px;
	top:229px;
	height:478px;
	background:transparent url('./images/bg_grad_f.jpg') repeat-y 0 0;
}

#HomeText-inner {
	background:transparent url('./images/bg_grad_t.jpg') no-repeat 0 0;
	width:330px;
	line-height:2;
	padding: 5px 0 5px 30px;
}

#HomeText-inner h1 {
	font:lighter normal 26px/1 "Trebuchet MS", Tahoma, Verdana;
	margin:-10px 0 5px;
}

.imageSlideshowHolder,.imageSlideshowHolder_left {
	margin-right:15px;	/* "Air" */
	float:left; /* Floating gallery at the right side of other web page content */		
	width:207px;	/* Image width */
	height:478px;	/* Image height */
	position:relative;	/* Don't remove this line */
}

.imageSlideshowHolder img { /* Don't change these values */
	position:absolute;
	left:0px;
	top:0px;
}

#before_ext, #after_ext {
	position:absolute;
	top:645px;
	left:140px;
	font-size:16px;
	z-index:9000;
}

#after_ext {
	left:360px;
}

/* ---- Gallery Page ---- */
#GalleryBox {
	width: 400px;
	margin: 0 auto;
	font-size: 12px;
}
#GalleryBox p {
	font-size: 12px;
	font-style: italic;
	padding: 8px 0 4px 0;
}
#GalleryBox .title {
	font-size:14px;
	color:#E1642C;
	padding-bottom: 10px;
}
#GalleryBox table td {
	vertical-align:middle;
}
.GalleryThumb {
	float: left;
	width: 60px;
	margin: 0 auto 0 auto;
}
.GalleryThumb a.submit {
	padding: 6px 15px;
	background: none;
	border:none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
}
.GalleryThumb a.submit:hover, .GalleryThumb a.active {
	padding: 6px 15px;
	background: none;
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.GalleryThumb a.submit img { border:3px solid #D0D0D0; }
.GalleryThumb a.submit:hover img, .GalleryThumb a.active img { border:3px solid #FAFAFA; }

/* ---- Multi-Page Navigation ---- */
.pagecontenttoggler { /*style for DIV used to contain toggler links. */
	position:relative;
	height:22px;
	margin: 15px 0 15px 310px;
	text-align:center;
	vertical-align:top;
}

.pagecontenttoggler a { /*style for every navigational link within toggler */
	background:transparent url('./images/featured-nav-bg.gif') no-repeat 0 0;
	display:block;
	height:22px;
	float:left;
	font-size:10px;
	line-height:22px;
	text-transform:uppercase;
	color:#256BB4; /* 717171 */
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	padding-left:6px;
	margin-right:5px;
}

.pagecontenttoggler a.null, .pagecontenttoggler a:hover.null {
	color:#717171;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
}

.pagecontenttoggler a.selected, .pagecontenttoggler a:hover { /*style for selected page's toggler link. ".selected" class auto generated! */
	color:#000; /* 256BB4 */
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.pagecontenttoggler a span {
	background:transparent url('./images/featured-nav-bg.gif') no-repeat 100% 0;
	display:block;
	height:22px;
	float:left;
	cursor:pointer;
	padding-right:6px;
}

.pagecontenttoggler a.selected span, .pagecontenttoggler a.null span {
	cursor: default;
}

/* ---- Common Pages ---- */
h1.titles {
	color: #D7F7A6;
	font-size: 19px;
	font-weight: normal;
	margin-bottom:20px;
}
h2.titles {
	color: #E1642C;
	font-size: 14px;
	font-weight: normal;
}
h2.titles span {
	color: #64A7DB;
	font:italic 10px "Times New Roman", Times, serif;
}

#content_inner.nonblog div.post {
	padding: 5px 10px;
}
#content_inner.nonblog h2 {
	color: #E1642C;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 4px 0;
}
#content_inner.nonblog p {
	padding: 2px 0 20px 0;
	font:12px;
	font-size:12px;
}
#content_inner.nonblog p.first {
	margin-top:-5px;
}
#content_inner.nonblog img.border {
	border:1px solid #7EB8E5;
}
#content_inner.nonblog ul, #content_inner.nonblog ol {
	padding-bottom:10px;
}
#content_inner.nonblog ul li {
	list-style-image:url(images/bullet.gif);
	list-style-position:inside;
	list-style-type:none;
}
#content_inner.nonblog ol li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:decimal;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }

	/* COLORS */
	.orange { color: #E1642C; }
	.purple { color: #F0C7F4; }
	.yellow { color: #FFCC00; }
	.green { color: #D7F7A6; }

.horiz_line	{ 
	margin: 10px 0;
	font-size: 2px;
	empty-cells: show;
	border-top: 1px solid #956555;
}

.small {
	font-size: 10px;
	font-style: italic;
}

/* ---- CONTACT US Page ---- */
#content_inner.nonblog #wpsf_contact_form p {
	padding:0 0 5px 0;
	margin-bottom:0;
}
#wpsf_contact_form label {
	color:#FFCC00;
}


/* footer */
#footer {
	position:relative;
	background:transparent;
	padding:0 12px;
	font-size:10px;
	height:40px;
	line-height:40px;
	color:#E1642C;
	text-transform:none;
	text-align:center;
	overflow:hidden;
}

#footer a { color:#E1642C; }
#footer a:hover { color:#D7F7A6; text-decoration:underline; }