/*

Theme Name: 38th Notes

Description: The theme for 38th Notes

Author: DRZZL

Version: 2.2


*/



body {

background:#010101 url(/wp-content/uploads/2013/05/newbg1.jpg) no-repeat top center;

background-attachment:fixed;
	margin:0;

	padding: 0 0 25px 0;

	opacity:.999;

	color:#000;

}
#social_facebook {position:absolute;top:240px;right:140px;opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */}
#social_twitter {position:absolute;top:240px;right:80px;opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */}
#social_instagram {position:absolute;top:240px;right:20px;opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */}
#social_facebook:hover, #social_twitter:hover, #social_instagram:hover {opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */}
h4.srp-widget-title {
margin-bottom: 0.5em!important;}
a.srp-widget-title-link {
font-size: 12px;
}
p.srp-widget-excerpt {
margin: 0px;
font-size: 11px;
}

.postmetadata{font-size:90%;}
.archivetitle{background-color:#000;width:275px;color:#fff;text-transform:uppercase;font-size:110%;text-align:right;padding-right:10px;margin-bottom:10px;}
.archivetitle a{color:#fff;}
.archivetitle a:hover{color:#eee;}
.span-26{background-color:#eee;margin-bottom:10px;width:285px;padding:10px;float:left;margin-right:10px;height:350px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.span-25{width:420px;float:left;}


.container-bg {
	background: url(/images/content-bg.png) repeat-y;
padding:0 20px 0 20px;
}
.container1 {
	padding:0;
margin:20px auto 20px auto;
width:990px;
height:300px;
position:relative;
}

.container-bg1 {
position:relative;

}


.container {width:950px;padding-bottom:20px;}


blockquote

{

	background: url('images/quote.png') .5em top no-repeat;

	color: #000;

	font-style: normal;

	padding: 0 0 0 0;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }



h3 {font-size:1.1em}



a

{

	color: #064839;

	text-decoration: none;

}



a:active, h2 a:active, h3 a:active

{

	color: #064839;

	text-decoration: none;

}



a:hover, h2 a:hover, h3 a:hover

{

	color: #064839;

	text-decoration: none;

}



blockquote p { padding: 0 20px 0 30px; }



hr

{

	background: #CCC;

	height: 1px;

}



img { margin: 0; }



img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}



.widgettitle {margin-top:20px;border-bottom:1px solid #999;}

	

.post img {

	max-width: 590px;

	height:auto;}



.sticky {

	background: #f7f7f7;

	padding: 0 10px 10px;

	}

.sticky h2 {

	padding-top: 10px;

	}

	

.postmetadata {

	clear: both;

	font-size: .8em

}



a.button { float: left; }



input

{

	border: 1px solid #CCCCCC;

	padding-left: 0;

}



ol { margin-left: 35px; }

label { font-weight: normal; }



textarea

{

	height: 200px;

	width: 500px;

}



.small { font-size: .9em; }

.nomargin { margin: 0; }

a.button, button { font-weight: normal; }

dl.small dd { font-size: .9em; }

.linkcat { list-style: none; }



.post_first

{

	background: #fff;

	padding: 1em;

height:160px;

}



.post_alt

{

	background: #eee;

	padding: 1em;

height:160px;

}



span.meta_align_right

{

	color: #ccc;

	float: right;

	font-size: .6em;

}



span.meta_align_right a { color: #ccc; }

span.meta_align_right a:hover { color: #000; }



.meta

{

	color: #ccc;

	font-family: Georgia;

	font-size: .8em;

	line-height: 1.875em;

}



.meta a { color: #ccc; }

.meta a:hover { color: #000; }



.byline

{

	color: #ccc;

	font-size: .8em;

	line-height: 1.875em;

}



.byline a

{

	color: #FF3706;

	line-height: 1.875em;

	text-decoration: none;

}



.byline a:hover { color: #000; }



.meta_list, .meta_list a, ul.meta_list

{

	color: #aaa;

	list-style-image: none;

}



.meta_list li

{

	border-bottom: 1px dotted #aaa;

	list-style-image: none;

}



.five_posts h3

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

}



.five_posts h3 a { text-transform: uppercase; }



.five_posts h6, .five_posts h4

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

	text-transformation: uppercase;

}



.five_posts h4 a, .five_posts h6 a { text-transform: uppercase; }



#maincontent h2

{

	border-bottom: 1px dotted #AAA;

	color: #3B4A25;

	margin-bottom: 15px;

}



h2 a

{

	color: #3B4A25;

	text-decoration: none;

}

#maincontent .post h2 { margin-bottom: 5px; }

#maincontent .content { padding: 0; }



#maincontent h2.pagetitle

{

	border-bottom: 1px solid #000;

	text-transform: uppercase;
font-weight:bold;
color:#000;

}



#feature h3

{

	margin-bottom: 0;

	padding: 0;

}





#feature p img { margin: 7px 0 2em 0; }

.feature_text { margin-top: 2em; }

#home_right { padding: 0; }

#home_right .entry { padding: 0 0 2em 0; }

#home_right ul {margin: 0 0 1.5em 0; padding: 0}

#home_right ul li { list-style-image:none; line-height: 1.5em}

.news h3 { text-transform: uppercase; }

.news-block ul {margin:0 0 0 0;}

ul#featurenav

{

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

}



#featurenav li

{

	display: inline;

	list-style-type: none;

}



#featurenav a { padding: 3px 10px; }



#featurenav a:link, #featurenav a:visited

{

	background-color: #333;

	border: 1px solid #000;

	color: #fff;

	text-decoration: none;

}



#featurenav a:hover

{

	background-color: #FF3706;

	color: #fff;

	text-decoration: none;

}



.author

{

	background: #eee;

	margin-bottom: 1.5em;

	padding: 1.5em;

}



.author img

{

	float: left;

	padding: 0 1em 1em 0;

}

h8 {font-size:1em;font-weight:bold;line-height:1em;}

.author p { margin-left: 8em; }



.author h6

{

	border-bottom: 1px #000 dotted;

	margin-left: 7em;

}



.navigation, 



.navigation a { color: #AAA; }

.alignright { float: right; }

.alignleft { float: left; }

.post { margin-bottom: 25px; }

.entry { padding-bottom: 25px;font-size:14px; text-align:justify;}



#header

{

	height: 50px;

	padding: 4px 0 0 0;

	width: 950px;

}



#header h1, #header .description

{

	line-height: 1em;

	margin: 0;

	padding: 0;

}



h1 a.logo { text-transform: uppercase; }



.entry #nav .content

{

	margin: auto;

	padding: 0;

}



.entry #nav

{

	background: #FFF;

	margin-bottom: 15px;

}



.entry #nav li a

{

	background: #666;

	border-right: 1px solid #AAA;

	color: #FFF;

}



.entry #nav li.last a { border-right: none; }



.entry #nav li a:hover

{

	background: #333;

	color: #FFF;

}



#footer

{

	font-size: .9em;

	margin: 0;

	text-align: center;
padding-bottom:10px;

}



#footer a { text-decoration: none; }

#search { float: right;margin-top:-52px;padding-right:10px;}



#search #s

{

	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;

	color: #CCCCCC;

	font-size: 0.9em;

	margin-right: 0px;

	margin-top: 10px;

	padding: 2px 0 2px 17px;

	width: 135px;

}



#search #s:hover { color: #fff; }

.search-excerpt { margin: 0; }

.commentlist li { padding: 8px 15px; }

.comments-alt { background: #EEE; }

.bottombar { }



.bottombar h2

{

	font-size: 1em;

	font-weight: bold;

	line-height: 1em;

	margin: 1em 0 1em;

}



ul

{

	list-style-type: none;

	margin-left: 1em;

	padding: 0;

}



ul li

{

	background-repeat: no-repeat;

	list-style-image: url('images/icons/li.png');

	margin: 0 0 1.0em 0;

	padding: 0;

}



ul li a { color: #000; }



#top

{

	margin: 0 auto 0 auto;

	width: 990px;
padding-top:34px;
background:url(/wp-content/uploads/2013/05/header-bg.png) no-repeat;

}



#title { float: left;border-top:5px solid #eee;border-left:5px solid #eee;border-right:5px solid #eee; }



#title h1 {margin:0;}



#title h1 a

{

	color: #fff;

	font-weight: bold;

	letter-spacing: -.1em;

	line-height: 1em;

	text-transform: uppercase;

}



#title h1 a:hover { color: #eee; }







#slider-posts {margin-bottom: 2em}

#slider-posts .slide {position:relative; width: 590px; height: 400px}

#slider-posts .slide .slide-details {position: absolute; bottom:0px; left:0px; padding: 24px; background: transparent url(images/overlay.png)}

#slider-posts .slide .slide-details p, #slider-posts .slide .slide-details h2 {color:#eee}

#slider-posts .slide .slide-details a, #slider-posts .slide .slide-details h2 a {color:#fff; font-weight: bold}

#slider-posts .slide .slide-details a:hover, #slider-posts .slide .slide-details h2 a:hover {color:#fff; font-weight: bold; text-decoration: underline}

ul#slider-nav {margin: 0 0 1em 0; padding: 0}

ul#slider-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd; color:#fff; margin:0 12px 0 0; }

ul#slider-nav a.activeSlide,ul#slider-nav a:hover { background:#333; }



/*** ESSENTIAL STYLES ***/



div.menu ul, div.menu ul * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

div.menu ul {

	line-height:	1.0;

}

div.menu ul ul {

	position:		absolute;

	top:			-999em;

}

div.menu ul ul li {

	width:			100%;

}

div.menu ul li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

div.menu ul li {

	float:			left;

	position:		relative;

}

div.menu ul a {

	display:		block;

	position:		relative;

}

div.menu ul li:hover ul,

div.menu ul li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

div.menu ul li:hover li ul,

div.menu ul li.sfHover li ul {

	top:			-999em;

	

}

div.menu ul li li:hover ul,

div.menu ul li li.sfHover ul {

	left:			12em; /* match ul width */

	top:			0;

}

div.menu ul li li:hover li ul,

div.menu ul li li.sfHover li ul {

	top:			-999em;

}

div.menu ul li li li:hover ul,

div.menu ul li li li.sfHover ul {

	left:			12em; /* match ul width */

	top:			0;

}

div.menu ul ul li a{

	width: 80%;

}

div.menu ul li li {

	background:		#ddd;

	

}

div.menu ul li li li {

	background:		#ddd;

}

div.menu ul li:hover, div.menu ul li.sfHover,

div.menu ul a:focus, div.menu ul a:hover, div.menu ul a:active {

	background:		#ccc;

	outline:		0;

	

}

/*** DEMO SKIN ***/

div.menu ul {

	float:			left;

}

div.menu ul a {	

	padding: 		.75em 1em;

	text-decoration:none;

}





/*** arrows **/

div.menu ul a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

div.menu ul ul .sf-sub-indicator { background-position:  -10px 0; }

div.menu ul ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

div.menu ul ul a:focus > .sf-sub-indicator,

div.menu ul ul a:hover > .sf-sub-indicator,

div.menu ul ul a:active > .sf-sub-indicator,

div.menu ul ul li:hover > a > .sf-sub-indicator,

div.menu ul ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}





.menu

{

float:right;

margin:10px 0 0 0;

}



 .menu li

{

	display: inline;

	float:right;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.menu a:link, .menu a:visited

{

	color: #999;

	float: left;

	font-size: small;

	font-weight: normal;

	line-height: 14px;

	padding: 6px 10px 10px;

	text-decoration: none;

}



.menu li.current-menu-item a

{

	background: #fff;

	color: #000;

}



.menu a:hover { color: #f00; background:#fff}



body.section-1 .menu li#nav-1 a,



body.section-2 .menu li#nav-2 a,



body.section-3 .menu li#nav-3 a,



body.section-4 .menu li#nav-4 a

{

	background: #fff;

	border-bottom: 1px solid #fff;

	color: #000;

}



.menu #subnav-1,



.menu #subnav-2,



.menu #subnav-3,



.menu #subnav-4

{

	display: none;

	width: 90%;

}



body.section-1 .menu ul#subnav-1,



body.section-2 .menu ul#subnav-2,



body.section-3 .menu ul#subnav-3,



body.section-4 .menu ul#subnav-4

{

	display: inline;

	left: 10px;

	position: absolute;

	top: 95px;

}



body.section-1 .menu ul#subnav-1 a,



body.section-2 .menu ul#subnav-2 a,



body.section-3 .menu ul#subnav-3 a,



body.section-4 .menu ul#subnav-4 a

{

	background: #fff;

	border: none;

	border-left: 1px solid #ccc;

	color: #999;

	font-size: smaller;

	font-weight: bold;

	line-height: 10px;

	margin-right: 4px;

	padding: 2px 10px 2px 10px;

	text-decoration: none;

}



.menu ul a:hover { color: #f00 !important;}



#contents

{

	background: #fff;

	border: 1px solid #ccc;

	border-top: none;

	clear: both;

	margin: 0px;

	padding: 15px;

}





/* SECOND TIER PAGE NAVIGATION */



	

/* Root = Horizontal, Secondary = Vertical */

#navmenu-h {

	background:#000;

	z-index:13;

}



#navmenu-h-r {

	background:#eee;

	z-index:14;

}



#navmenu-h li.alignright {

	float:right;

}



ul#navmenu-h {

	margin:0 0 1em;

	border:0 none;

	padding:0;

	width:950px;





	

/*For KHTML*/

	list-style:none;

	height:34px;

	border-top:1px #222 solid;

	z-index:5;

}



#navmenu-h-r {

	margin:0 0 1em;

	border:0 none;

	padding:0;

	width:950px;



	

/*For KHTML*/

	list-style:none;

	height:24px;

}



ul#navmenu-h li {

	margin:0;

	border:0 none;

	padding:0;

	float:left;



	

/*For Gecko*/

	display:inline;

	list-style:none;

	position:relative;

	height:34px;

	border-right:1px #222 solid;

	z-index:6;

}



#navmenu-h-r li {

	margin:0;

	border:0 none;

	padding:0;

	float:right;



	

/*For Gecko*/

	display:inline;

	list-style:none;

	position:relative;

	height:24px;

}



ul#navmenu-h ul {

	margin:0;

	border:0 none;

	padding:0;

	width:160px;

	list-style:none;

	display:none;

	position:absolute;

	top:34px;

	left:0;

	z-index:100;

}



ul#navmenu-h-r ul {

	margin:0;

	border:0 none;

	padding:0;

	width:160px;

	list-style:none;

	display:none;

	position:absolute;

	top:24px;

	left:0;

	z-index:111;

}



ul#navmenu-h ul:after,ul#navmenu-h-r ul:after /*From IE 7 lack of compliance*/ {

	clear:both;

	display:block;

	font:1px/0 serif;

	content:".";

	height:0;

	visibility:hidden;

}



ul#navmenu-h ul li,ul#navmenu-h-r ul li {

	width:160px;

	float:left;



	

/*For IE 7 lack of compliance*/

	display:block!important;



	

/*For IE*/

}





	

/* Root Menu */

ul#navmenu-h a {

	padding:5px 20px;

	float:none!important;



	

/*For Opera*/



	

/*For IE*/

	display:block;

	background:#000;

	color:#ccc;

	font:12px/24px Helvetica;

	text-decoration:none;

	text-transform:uppercase;

	height:auto!important;



	

/*For IE*/

}



ul#navmenu-h-r a {

	padding:2px 20px 0;

	float:none!important;



	

/*For Opera*/



	

/*For IE*/

	display:block;

	background:#eee;

	color:#000;

	font:11px/22px Helvetica;

	text-decoration:none;

	height:auto!important;



	

/*For IE*/

}





	

/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,ul#navmenu-h-r a:hover,ul#navmenu-h li:hover a,ul#navmenu-h-r li:hover a,ul#navmenu-h li.iehover a,ul#navmenu-h-r li.iehover a {

	background:#333;

	color:#FFF;

}





	

/* 2nd Menu */

ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a,ul#navmenu-h-r li:hover li a,ul#navmenu-h-r li.iehover li a {

	float:none;

	background:#000;

	color:#ccc;

}





	

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a,ul#navmenu-h-r li:hover li a:hover,ul#navmenu-h-r li:hover li:hover a,ul#navmenu-h-r li.iehover li a:hover,ul#navmenu-h-r li.iehover li.iehover a {

	background:#333;

	color:#FFF;

}





	

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a,ul#navmenu-h-r li:hover li:hover li a,ul#navmenu-h-r li.iehover li.iehover li a {

	background:#000;

	color:#ccc;

}





	

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a,ul#navmenu-h-r li:hover li:hover li a:hover,ul#navmenu-h-r li:hover li:hover li:hover a,ul#navmenu-h-r li.iehover li.iehover li a:hover,ul#navmenu-h-r li.iehover li.iehover li.iehover a {

	background:#CCC;

	color:#FFF;

}





	

/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a,ul#navmenu-h-r li:hover li:hover li:hover li a,ul#navmenu-h-r li.iehover li.iehover li.iehover li a {

	background:#EEE;

	color:#666;

}





	

/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,ul#navmenu-h-r li:hover li:hover li:hover li a:hover,ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {

	background:#CCC;

	color:#FFF;

}



ul#navmenu-h ul ul,ul#navmenu-h ul ul ul,ul#navmenu-h-r ul ul,ul#navmenu-h-r ul ul ul {

	display:none;

	position:absolute;

	top:0;

	left:160px;

}





	

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul,ul#navmenu-h-r li:hover ul ul,ul#navmenu-h-r li:hover ul ul ul,ul#navmenu-h-r li.iehover ul ul,ul#navmenu-h-r li.iehover ul ul ul {

	display:none;

}



ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul,ul#navmenu-h-r li:hover ul,ul#navmenu-h-r ul li:hover ul,ul#navmenu-h-r ul ul li:hover ul,ul#navmenu-h-r li.iehover ul,ul#navmenu-h-r ul li.iehover ul,ul#navmenu-h-r ul ul li.iehover ul {

	display:block;

}



* html	ul#navmenu-h ul li a,* html ul#navmenu-h-r ul li a {

	width:100%;

}