/*Theme Name: ywdotorg 
Author: Minardi 
Modified by: Laura U
Version: 0.1
style.css*/


/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:14px;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:'Open Sans', sans-serif;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}






/* BRIAN'S TOTALLY RAD EDITS AND FIXES */

.sldr_title {
    display:none;
}

div#menu-container { 
    text-transform: capitalize;
}
a.mwm-aal-item + h5 { 
    text-transform: capitalize;
}















html {overflow-y: scroll;}
body {font-family: 'Open Sans', sans-serif; background-color:#333333; line-height:1.35em;}
hr {border: 0; width: 100%; color: #222;height: 1px;}
img {border: 0;}
h2 {font-size: 1.8em;font-weight: "normal";}
#canvas {width: 1000px;margin: 0 auto;background-color:#fff; padding: 0 0px;}
a {text-decoration:none; color:#3A66A7;}
a:hover {text-decoration:underline;} 
b, strong {font-weight: bold;}
i, em {font-style: italic;}
.noListStyle { list-style-type:none; } 
.indent {display: inline-block; padding-left:3em;}
table, td, th {vertical-align: top; margin: 20px auto;}
th, td {padding: 10px; border-collapse: collapse;}
th {background: #555; border: 1px solid #fff; font-family: 'TwCenMTCondensedRegular'; font-size: 1.25em; color:#F4DF01;}
td {background: none; border: 1px solid #ddd;}
td.skip {background: none; }
.noborder {border: none;}
iframe {padding: 10px;}
	
/*header */
#top_menu {padding:10px; background-color:#000; height:18px;}
#top_menu a {decoration:none;}
#top_menu h1, #top_menu h2, #top_menu h3, #top_menu h4 {display:none;}
#searchformbox {float:right;  position:relative;}
#searchform {margin:5px 0 0 0; font-family:'Open Sans', sans-serif; font-size:.75em;}
#nav,#subNav {float:right; position:relative; list-style: none;padding: 0 0 0 15px;margin: 0;font-family:'Open Sans', sans-serif;font-size:.75em;}
#subNav {margin-top: 10px;}
#nav a, #subnav a {color:#FFF;}
#nav li, #subNav li {display: inline;padding: 0 10px 0 0; }
#nav ul li:before, #subNav ul li:before {float: left; margin-left: -20px; }
#nav .current_page_item a,.current_page_parent a {text-decoration: none;color:yellow;}
#nav .current_page_item a:hover,.current_page_parent a:hover {text-decoration: underline;}

#header {margin: 0 0 30px 0; padding:0px 10px 10px 10px;background-image:url('/wp-content/uploads/2014/04/ywheader2.jpg');height:130px; opacity:1.0; z-index:2; position:relative;}
#header h1 {color:#999;font-weight: normal; font-size: 22px;margin: 0;padding: 10px 120px 30px 0;}
#header h4 {color:#999;font-weight: normal; font-size: 22px;margin: 0;padding: 10px 120px 30px 0;}
#header h1 a, #header h4 a {color:#999; text-decoration:none; font-weight:bold}
.logo {float:left; padding:45px 30px 10px 35px;}
.homepic {margin: 10px;}

/*footer */
#footer{clear: both;margin: 10px 0 0 0; padding:20px 30px 10px 20px;font-family: 'Open Sans', sans-serif; font-size:.75em;background-color:#000; color:#fff;}
.footercols {float:left; margin:0 0 30px 0; width:240px; display: inline;}

/** Page & Post main content  */
#primaryContent {width: 850px; float:left; padding: 0 0 0 60px;margin: 0 0 10px 0; z-index:1; position:relative; font-size: 1em;background:#FFFFFF}
#primaryContent h1 {padding: 0;margin: 0; font-size: 2.5em;}
#primaryContent h2 {padding: 0;margin: 0; font-size: 1.5em;}
#primaryContent h1.postTitle, #primaryContent h2.postTitle {font-size: 1.75em;}
#primaryContent h3 {padding: 0; margin: 20px 0 10px 0px; font-family: 'TwCenMTCondensedRegular'; font-size: 1.5em;}
#primaryContent h4 {padding: 0; margin: 0; font-family: 'TwCenMTCondensedRegular'; font-size: 1.5em;}
#primaryContent h5 {padding: 10px; margin: 20px 0 10px 0px; font-family: 'TwCenMTCondensedRegular'; font-size: 1.5em; background-color:#333; color: #F4DF01} /** h5 used for auto-generation of anchor links  */
#primaryContent img {margin: 15px; padding: 0px;}
#primaryContent p {padding-top: 5px; padding-bottom: 5px; line-height:1.35em; }
#primaryContent a {color:#3A66A7; font-weight:bold;}
#primaryContent ul {margin: 0 0 0 10px; padding-left: 10px; text-indent: 2px; list-style-type:square;}
#primaryContent ul ul {margin-left: 10px; list-style-type: disc;}
#primaryContent ol {margin-left: 10px; padding-left: 10px; text-indent: 2px; list-style-type:decimal;}
#primaryContent ol ol {margin-left: 10px; list-style-type:lower-alpha;}
#primaryContent li {padding: 0; margin: 0;}
#primaryContent hr {border-bottom: 3px solid #fff; clear:both; margin: 25px 0;}
#primaryContent .basic-table {border-collapse: collapse; border: 0; margin: 20px 0 0; padding: 0;}
#primaryContent .basic-table th {padding: 0 10px; margin: 0; border: 0; background: none; text-align: left; width:300px; background: #555; font-family: 'TwCenMTCondensedRegular'; font-size: 1.25em; color:#F4DF01;} 
#primaryContent .basic-table td {padding: 0; margin: 0; border: 0;}
#primaryContent .pic {float:left; margin: 0; padding: 10px; vertical-align: middle;}
#primaryContent .pic img {margin: 10px; padding: 0; height: 150px; width: 150px; border: 5px solid #333;}
#primaryContent .desc {float:left; margin: 0; padding: 0; vertical-align: middle; width: 450px;}
#primaryContent .button {white-space: nowrap; display:inline-block;  margin: 10px 0px; padding: 5px; font-family: 'TwCenMTCondensedRegular'; background-color: #333; color: #F4DF01;  font-size:1.25em; vertical-align: middle; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
#primaryContent .button a {color: #F4DF01; font-weight: normal;}
#primaryContent .button a:hover {color: #F4DF01; text-decoration: none;}
#primaryContent .button:hover {background-color: #48a2db;}
#primaryContent .button span.download {background: url(http://youngworkers.org/wp-content/uploads/2014/10/download.png) no-repeat; float: left; width: 20px; height: 20px; background-position: 0px 5px;}
#primaryContent .page {padding: 10px; margin: 10px 5px; text-align: center;}

.gallery-item {float:left; position:relative; margin:0; padding:0; }

img.icon {float:left; margin: 10px; padding: 10px; height: 150px; width: 150px;}

ol#posts {list-style-type: none;margin: 0;padding: 0;}
.postWrapper {margin:10px 0 0 0}
li.postWrapper,div.postWrapper {line-height:150%; }
div.post {}
#primaryContent p {line-height:1.35em;}
p.postMeta {font-family:'Open Sans', sans-serif;font-size:.75em;}
.post {}
blockquote {float:right;margin:0 10px 10px 10px;width:250px; background-color: #9DD8D4; font-size:.85em; padding:0 10px; -moz-box-shadow: 3px 3px 6px #E0E0E0; -webkit-box-shadow: 3px 3px 6px #E0E0E0; box-shadow: 3px 3px 6px #E0E0E0;}

#linklist ul li, #linklist ol li {padding: 0; margin: 0;}

/** blocks */
.banner {display:block; width: 100%; text-align: center; font-weight:bold; margin: 25px 0px; padding: 5px;}
.block {-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;
-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;  display:inline-block; vertical-align: top; position: relative;}
.colorblock {padding: 10px 5px; margin: 10px; width:25%; text-align: center; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.vidblock {padding: 15px 10px; margin: 0 5px 5px; width:28%; text-align: center; background-color:#F0F2EB;}

/** colors */

.yellow {background-color: #F4DF01;}
.yellow:hover {background-color: #FEF371;}
.blue {background-color: #6dbcee;}
.blue:hover {background-color: #91CDF2;}
.green {background-color: #B9DA6C;}
.green:hover {background-color: #C9E28D;}
.purple {background-color: #be92cf;}
.purple:hover {background-color: #CCAADA;}
.orange {background-color: #FAAB61;}
.orange:hover {background-color: #FBC088;}
.red {background-color: #F56E7E;}
.red:hover {background-color: #F8A0AA;}

.center {text-align: center; width:100%;}
.float {float: left;}

/** home page specific */ 

.homeleftwrap {float:left; width:550px;}
#bigger {font-size:150%; float:right; padding:0; margin: 0 20px 20px 0;}

#homeleftbox {width: 500px;float: left;padding: 0 40px 0 0px; margin: 10px 20px 0; z-index:1;}
#homeleftbox h1, #homeleftbox h2 {font-size: 2em; padding: 0; margin: 10px 0 0 0;}
#homeleftbox p {font-size: 1.5em; padding-top: 10px;}

#home_minibox {position:relative; float: left; width: 500px; padding: 10px; margin: 0 0 10px 15px; background-color:#48a2db; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-left-radius:10px;
-webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
#home_minibox:hover {background-color:#77BAE4;}
#home_minibox h2 {font-size: 1.5em; margin: 5px 0 0;}
#home_minibox a {color: #f8df34;}

#homerightbox {width: 400px;float: right;padding: 30px 25px 0 10px; margin: 0 0 10px 0;}
#homerightbox h1, #homerightbox h2 {font-size: 1.5em; padding: 0; margin: 10px 0 0 0;}
#homerightbox h4 {padding: 0; margin: 0; font-family: 'TwCenMTCondensedRegular'; font-size: 1.5em;}
#homerightbox ul {padding: 0; margin:0;}

a.filldiv{display:block; height: 100%; width:100%; text-decoration: none;}

.skip,.noCss{position: absolute;left: -9999px;}

.aligncenter,div.aligncenter{display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.audience {width:80px; height:60px; padding: 0px 10px 5px; margin: 5px; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; font-family: 'TwCenMTCondensedRegular'; font-size: 1.5em; font-weight: bold;}
.audience img {margin: 10px 5px 0;}

/*images and captions*/
.wp-caption {float:right; padding: 0 10px 10px 20px;}
.wp-caption-text {padding-left:20px; font-size: .7em;}

/*text highlight color*/
::-moz-selection{background: #ffff00; !important} 
::selection {background: #ffff00; !important}

/*pagination*/
#pagination {list-style: none;margin: 0px;padding: 0px;}
#pagination li {display: inlne;}
#pagination .previous {text-align: left;float: left;}
#pagination .future {text-align: right;float: right;}

/*gallery appearance*/
.gallery-icon {padding: 0; margin:0 8px 0 0; float:left; border:0px;}
.gallery-caption { font-size:.75em; margin:5px; padding-left:5px; }

/*dropdown menu*/
div.menuheader { display:block; position:relative;}
#menu-container { display:block; position:relative; width:700px; margin:0px; font-size:11px; float:left;}
#drop_down_menu img {  }
#drop_down_menu { display:block; position:absolute; clear:both; margin:0px; padding:0px;text-align:left; list-style-type:none; text-align:left; width:700px; left:0px; top:0px;}
#drop_down_menu li { font-size:12px; font-weight:normal; float:left; color:#888; padding:5px; cursor:pointer; background:#333333; width:218px;margin: 0 2px;}
#drop_down_menu li ul { margin:0 20px 0 5px; list-style-type:none; padding:0; }
#drop_down_menu li ul li { display:block; float:none; clear:both;width:180px }
#drop_down_menu li ul li a { color:#FFFF00; font-weight:normal; text-decoration:none; display:block; font-family:'Open Sans', sans-serif; }
#drop_down_menu li ul li a:HOVER { text-decoration:underline; color:#CCCCCC; -weight:normal; text-decoration:none; display:block; }
#drop_down_menu li ul li a:HOVER { text-decoration:underline; color:#CCCCCC; }
#drop_down_menu li ul li ul {margin:0 10px 0 5px; list-style-type:none; padding:0;}
#drop_down_menu li ul li ul li {width:180px }

/** sidebar */ 
.widget-area {width: 30%; margin-bottom: 20px; margin-bottom: 1.429rem;}
#secondaryContent {margin-top: 112px; margin-top: 8rem; float:right;} 
#secondaryContent div {width: 200px; height: 100%; padding: 10px 0 10px 0; font-family:'Open Sans', sans-serif; background-color: #000000; float:left;}
#secondaryContent h3 {padding: 0; font-size:1.75em; text-transform:uppercase; font-family: 'TwCenMTCondensedRegular'; color: #F4DF01; font-weight: none;}
#secondaryContent ul {list-style: none;}
#secondaryContent ul li a{margin: 0 0 10px 0; padding: 2px 0; font-size: 12px; color: #FFFF00;}
.widget_tag_cloud a {padding-left: 5px;}

/* "slider drops down while page is loading" fix, paired with $(list).setStyle('display','block'); */
.links {display: none;} 

/* Hazards Activity */ 

.haz1 {width: 804px; height: 602px; display:block; background: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards1.jpg');}
.haz1:hover {804px; height: 602px; display:block; background-image: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards1b.jpg');}
.haz2 {width: 804px; height: 602px; display:block; background: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards2.jpg');}
.haz2:hover {804px; height: 602px; display:block; background-image: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards2a.jpg');}
.haz3 {width: 804px; height: 602px; display:block; background: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards3.jpg');}
.haz3:hover {804px; height: 602px; display:block; background-image: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards3a.jpg');}
.haz4 {width: 804px; height: 602px; display:block; background: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards4.jpg');}
.haz4:hover {804px; height: 602px; display:block; background-image: url('http://lohp.org/_ywdotorg/wp-content/uploads/2014/04/hazards4a.jpg');}

.footerlogo{margin:4px;}