/*
Theme Name: Sad 2
Theme URI: http://sadgirlsguide.com
*/

/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block;}
body { color: #9dff9e; line-height:1;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
table {t
border-collapse: collapse;
border-spacing: 0;
}

p {margin: 1em 0px}

/* CLEARFIX, DUDE  */
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content: " ";
clear: both;
height:0;
}
.clearfix {
display:inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* HTML/PAGE */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}



.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto
}

 video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }



#main-nav li:first-child {margin-left: 0px;}

#main-nav 	{
	height: 30px; /* set to the height you want your menu to be */
	z-index: 666;
	}
#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	float: right;
	z-index: 666;
}
#main-nav li 	{
	display: block;
	float: left;
	cursor: pointer;
	background: #000;
	text-align: left;
	line-height: 30px; /* this should be the same as your #main-nav height */
	height: 30px; /* this should be the same as your #main-nav height */
	margin: 0 0 0 0; 
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
	
}
#main-nav li a	{
	display: block;
	height: 30px;
	font: normal 12pt/28px "District";
	color: #fff;
	padding: 0 30px;
	}

#main-nav > ul > li > span {
	display:none;
}
#main-nav > ul > li > a {

	padding:0 0;
}
#main-nav > ul > li:hover > a {
	background: #fff;
	color: #000;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #000;
	background: #fff;
	}
	
	
	#main-nav .current_page_parent > a, #main-nav .current_page_item > a {	color: #000;
	background: #fff;}
	
	
	#main-nav li .current_page_item > a {
color: #000;
	background: #fff;}
	

#main-nav ul li a:hover, #main-nav ul li a.hovered, #main-nav ul li:hover > a  {
    background: #fff;
    color: #000;
}

#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
	left: 0;
}

#main-nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 140px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	background: rgba(0,0,0,0.5);		
	z-index: 666;
	text-align: left;
}
#main-nav ul ul li a { /* target all sub menu item links */
	 /* give our sub menu links a nice button feel */
	 color: #fff;
	 padding: 0 33px;
	 font: normal 10pt/28px "District";
}
#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}




body,html {margin:0; padding: 0; color: #000;}




a {text-decoration: none;font-style: normal;}

@font-face {
    font-family: 'District';
    src: url('fonts/distproth-webfont.eot');
    src: url('fonts/distproth-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/distproth-webfont.woff') format('woff'),
         url('fonts/distproth-webfont.ttf') format('truetype'),
         url('fonts/distproth-webfont.svg#district_prothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ale';
    src: url('fonts/alcgre_sans-webfont.eot');
    src: url('fonts/alcgre_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alcgre_sans-webfont.woff') format('woff'),
         url('fonts/alcgre_sans-webfont.ttf') format('truetype'),
         url('fonts/alcgre_sans-webfont.svg#alegre_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#content ol, #content ul { display: block; unicode-bidi: embed }

#content ol  { margin: 1.12em 0 }

#content ol, #contentul  { margin-left: 40px }
#content ol              { list-style-type: decimal }
#content ol ul, #content ul ol,
#content ul ul, #content ol ol    { margin-top: 0; margin-bottom: 0 }
#content ul, #content ol, dl    { page-break-before: avoid }
#content li {margin: 0;
padding: 0;
border-bottom: 0px solid #000;}

#sliderimage {z-index: 0;position: relative;}
#slidertext {z-index: 3; position: absolute; bottom: 0; left:0; display: block;padding: 20px;font: normal 26pt/26pt "District";color:#000;background:rgba(255,255,255,0.7);width: 1100px;text-transform: uppercase;letter-spacing: 1px;}
#slidertext a {color:#000;}

#wrapper {width: 1100px;clear:both;margin: 0 auto;}
#headerleft {width: 240px;
float: left;
overflow: hidden;}
#headerright {width: 850px;
float: right;
text-align: right;margin-top:10px;}
#headerright a {font: normal 12pt/12pt "District"; color: #acacac; text-transform: uppercase;letter-spacing: 1px;}
#headerright a:hover {color: #000;}
#header {padding: 20px; background:#FFDBEA; display: block;}

#stories {margin-top: 60px;min-height: 600px;}

#stories ul {list-style: none; list-style-type: none;margin:0;padding:0;}
#stories li {  padding: 0;margin-right: 20px; float: left; width: 353px; height: 300px; overflow: hidden; margin-bottom: 20px;}
#stories li:nth-child(3n) { margin-right: 0; }


#stories2 {margin-top: 10px;min-height: 600px;}
#stories2 ul {list-style: none; list-style-type: none;margin:0;padding:0;}
#stories2 li {  padding: 0;margin-right: 20px; float: left; width: 353px; height: 300px; overflow: hidden; margin-bottom: 20px;}
#stories2 li:nth-child(3n) { margin-right: 0; }


ul.post {margin: 0; padding: 0;}
ul.post li {margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px solid #000;}
ul.post li:last-child {border-bottom: 0px solid #000;}


#footer {padding: 20px; background: #000; display:block;color: #fff;}
#footer a {color: #FFDBEA;}
#footerright {float: right; width:405px;margin-top:5px;}
#footersocial {float: left;}
#footerform {float: right;}
#footerlogo {float: left; width: 40px; margin-right: 20px;}
#footerlogo img {width: auto; height: 40px;}
#footerleft {float: left;font: normal 7pt/10pt "Helvetica";letter-spacing: 1px;text-transform: uppercase; width: 300px;padding: 8px 0 0 0;}
#footerright img {opacity: 0.5;filter:alpha(opacity=50);margin-right: 10px;transition: all 0.5s ease;margin-top: 4px;}
#footerright img:hover {opacity: 1.0;ilter:alpha(opacity=100);transition: all 0.5s ease;}

.field {
border: 1px solid #000;
margin: 0 5px 0 0;
width: 130px;
padding: 7px 7px 7px 11px;
font: normal 10pt/10pt "District";
letter-spacing: 1px;
}

.field2 {
border: 1px solid #626262;
margin: 0 10px 0 0;
width: 200px;
outline:none;
outline-color: none;
padding: 7px 7px 7px 3px;
font: normal 10pt/10pt "District";
letter-spacing: 1px;
}

::-webkit-input-placeholder { color:#626262; }
::-moz-placeholder { color:#626262; } /* firefox 19+ */
:-ms-input-placeholder { color:#626262; } /* ie */
input:-moz-placeholder { color:#626262; }

.submit {
background: #ffadcf;
border: 0;
margin: 0;
color: #000;
text-transform: uppercase;
padding: 10px 10px;
font: normal 10pt/10pt "District";
letter-spacing: 1px;
}

#post_wrapper {margin-bottom: 20px;}
#post_header {padding-bottom: 5px;  border-bottom: 1px solid #000;margin: 20px 0 20px 0;}
#post_content {width: 679px;font: 10pt/18pt "Georgia";float: left;margin-top: 0px;padding-right: 20px;border-right: 1px solid #000;}
#post_content img {max-width: 679px; height: auto;}
#post_content a {color: #cf7571;}

#related_item {margin-bottom: 20px;width:380px;clear:both; }
#related_image {float: left; width: 100px;margin-right: 10px;}
#related_image img {width: 100px; height: 100px;}
#related_info {float: right; width: 260px;}
#related_info a {font: normal 21pt/21pt "District";color:#cf7571;}



#post {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000;}
#post_sidebar {float:right; width: 380px;margin-left: 20px;}

#titleside {font: normal 23pt/23pt "District";color:#000;text-transform: uppercase;margin-bottom:20px;}

#front_image {float: left;margin:0 10px 0px 0; position:relative;height: 195px;width: 180px;}
#front_image_layer {z-index: 0; width: 180px; height: 180px; position:relative;}
#front_image_cat {z-index: 2;padding: 10px;position:absolute; bottom: 0;background: #FFDBEA;font: normal 12pt/12pt "District";left: 30px;width: 100px;text-transform: uppercase;text-align: center; border: 2px solid #fff;}
#front_image_cat a {color: #000;}
#front_title {margin-bottom:10px;}
#post_title {font: normal 26pt/26pt "District";color:#000;letter-spacing: 1px;text-transform: uppercase;margin-bottom:15px;}
#front_title a {font: normal 18pt/21pt "District";color:#cf7571;}
#front_content {font: italic 10pt/17pt "Georgia";}
#front_content a {color: #cf7571;}
#date {font: normal 8pt/8pt "helvetica";text-transform: uppercase;letter-spacing: 1px;margin-bottom: 5px;}
#byline {font: normal 8pt/8pt "Helvetica";text-transform: uppercase;letter-spacing: 1px; margin: 0 0 6px 0;}
#byline a {color: #cf7571;}
#dateline {font: italic 10pt/15pt "Georgia";margin-bottom:10px;}
#dateline a {color:#cf7571; font-style: italic;}


.bottomfront {width: 1100px;clear:both;margin: 0 auto 30px;}
.bottomleft {float: left;}
.bottomright {float: right;}
.bottomright a {
height: 30px;
background: #000;
font: normal 12pt/28px "District";
color: #fff;
padding: 3px 20px 5px;}

.bottomright a:hover {
height: 30px;
background: #fff;
font: normal 12pt/28px "District";
color: #000;
padding: 3px 20px 5px;}

.navigation {clear:both;font: normal 10pt/8pt "District";}


div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 {
font-size: 12px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 3px 0;
padding: 0;
display: none;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
width: 15.625%;
float: left;
position: static;
background: none;
border: none;
}