/*
Theme Name: WordPress AID
Theme URI: http://themolitor.com
Description: Theme developed by Chris Molitor.
Author: Chris Molitor
Author URI: http://themolitor.com/
Template: wpaid
Version: 2.0.0
*/

@import url("../wpaid/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

/* -----BODY STUFF----- */

body {height:auto; width:auto; color:#555; background-color:#71a7bd;font-family: font-family: 'Muli', sans-serif;}
body,td,th {
	font-family: font-family: 'Muli', sans-serif;
	color:#373534;
}

p {font-size: 14px; line-height:1.5em; font-family: font-family: 'Muli', sans-serif;}

.sidetext {font-size: 14px; line-height:1.5em; font-family: font-family: 'Muli', sans-serif;}

.overlay{
	position:absolute;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	top:0px ;
	width:100%;
	z-index: 1;
	pointer-events:none;
}

.logooverlay{
	position:absolute;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	top:0px ;
	width:100%;
	z-index: 2;
}

.table {
     margin: 0 auto;
}

/* -----A TAG STUFF----- */
a {text-decoration:none;}
a:hover {text-decoration:none; color: #f1c03b;}

/*-----------------------------*/
/*--------MENU CONTAINER------*/
/*---------------------------*/
#menuContainer {width: 100%; position: relative;}
body.home #menuContainer {height: 330px;}

/*-----------------------*/
/* -----PAGE STUFF----- */
/*---------------------*/
#content {margin: 0 auto; padding: 40px 0 60px;  width:960px; background-color:#FFF;}

#main {width:450px;}
.sidebar {width: 240px;}

#content.middle #main {float: left; margin-left: 40px;}
#content.middle #leftSidebar {float: left;}
#content.middle #rightSidebar {float: right;}

#content.left #main { float: left;}
#content.left #leftSidebar {float: right;}
#content.left #rightSidebar {float: right; margin-right: 40px;}

#content.right #main {float: left;}
#content.right #leftSidebar {float: left; margin-right: 0px;}
#content.right #rightSidebar {float: left; margin-right: 0px;}

body.page-template-fullpage-php #content #main {margin: 0; width: 100%;}

body.page-template-two-column-php #content #main,
#content.twoColumn #main {margin: 10px; width: 640px;}

body.page-template-two-column-php #content #leftSidebar,
#content.twoColumn #leftSidebar {margin:0 40px 0 0px;}

body.page-template-two-column-php #content.left #leftSidebar,
#content.left.twoColumn #leftSidebar {margin:0 0 0 0px;}

body.page-template-two-column-php #content #rightSidebar,
#content.twoColumn #rightSidebar {display: none;}

#content.twoColumn .postTitle {width: 440px;}


/*-----------------------*/
/*-----SIDEBAR STUFF----*/
/*---------------------*/
.sidebar { background-color:#363633; z-index: 4;}
.sidebar ul li.widget {list-style: none; margin: 10px 0 30px; color:#FFF; font-size: 12px;  padding-left:20px;}
.sidebar ul li.widget h2.widgettitle {margin-bottom: 15px; font-size: 16px; color:#d5e380; padding-right:10px;}
.sidebar p {text-align: justify;}
.sidebar ul li.widget ul li {list-style-type:disc; list-style-position: outside; margin-left: 15px; margin-bottom: 10px;}
.sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

#ticker {display:block; background: url(images/ticker.png) no-repeat center left; width: 206px; height: 33px; font-size: 20px; letter-spacing: 16px; text-align: right; line-height: 33px; padding-left: 6px; *padding:0 6px 0 0;}

a.socialIcons {
    display: block;
    float: left;
    height: 24px;
    margin: 0 9px 9px 0;
    width: 24px;
}

.sidebar #action {
	display: block;
	max-width: 185px;
	padding:0 15px;
	line-height: 45px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-image: url(images/donate.png);
	background-position: center;
	background-repeat: repeat-x;
	text-shadow: 0 1px 1px rgba(0,0,0,.25);
	z-index: 500;
}
.sidebar #action:hover {background-color: #000; z-index: 500; pointer-events: none; text-decoration:none;}
.sidebar ul.menu li.current_page_item { background-color:#FFF; padding:0 0 0 10px;}
.sidebar:hover {color: #fff;}

.sidebarButton {
	width: 208px; 
	font-family: font-family: 'Muli', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	display: block;
	background-color:#d5e380;
	font-size: 14px; 
	padding: 6px;  
	z-index: 500;
	color: #363633;
}

.sidebarButton:hover {
	color: #373534;
}

.sidebarButtonactive {
	width: 232px;
	display: block;
	background-image:url(images/sidebutton_up.jpg);
	background-repeat:no-repeat;
	font-family: font-family: 'Muli', sans-serif;
	font-weight:400;
	font-size: 14px;
	text-transform:uppercase; 
	padding: 10px;  
	z-index: 500;
	color: #fff;
}

.orange { color:#e77948;
text-decoration:none;
}
a.orange { color:#e77948;
text-decoration:none;
}

/*---------------------------------*/
/*---------HEADER STUFF-----------*/
/*-------------------------------*/
#header {
	position: relative;
	margin: 0 auto;
	height:180px;  
	width:960px;
	background-image:url(images/headerbg.jpg);
	background-repeat:no-repeat;
}
a#logo  {
	display: inline-block;
	padding: 0px 0 0px;
}
a#logo img {
	display: block;
}

.slide { 	display:block;
	height: 330px;
	width: 960px;
	height: auto;
	max-height: 350px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
 }
 
.menublock { 	display:block;
	height: 230px;
	width: 960px;
	height: auto;
	max-height: 230px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
 }
 
.homebar { 
	position:absolute;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	left:-1px;
	top:468px ;
	width:100%; 
	z-index: 4; 	
}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation {
	position: absolute;
	bottom: 0;
    left: 0;
}
#dropmenu {list-style:none; position:relative; z-index: 400; 
background:#363633;
}
#dropmenu > li {position:relative; display: inline-block;}
#dropmenu > li > a { 
	display: block; 
	line-height: 38px; 
	font-size: 15px;
	padding: 0 10px;  
	color: #d5e380;
	text-transform:uppercase;
	font-weight:300;
	font-family: font-family: 'Muli', sans-serif;
}
#dropmenu li a:hover,
#dropmenu li.action a:hover {text-decoration: none; color: #74bb95;}
#dropmenu li ul {
	list-style:none; 
	position:absolute; 
	width:200px; 
	padding: 0 0 10px;
	z-index:300; 
	top:75px; 
	left: 0;
	background: #ffffff;
	box-shadow: 0px 1px 1px rgba(0,0,0,.25);
	display: block;
	visibility: hidden;
	opacity: 0;
}
#dropmenu li ul li {position:relative;}
#dropmenu li ul li a {font-size: 11px; padding: 10px 20px; display: block; color: #888; font-weight: bold;}
#dropmenu li ul li a:hover {color: #666; background: #eee;}
#dropmenu li ul li ul {position:absolute;top:0px; left:200px; z-index: 301}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:block;}
#dropmenu li:hover > ul, 
#dropmenu li li:hover > ul, 
#dropmenu li li li:hover > ul, 
#dropmenu li li li li:hover > ul {display:block; visibility: visible; opacity: 1;
	-moz-transition-property:opacity;  
 	-moz-transition-duration: 0.15s;  
 	-moz-transition-timing-function: linear;
 	
 	-webkit-transition-property:opacity;  
 	-webkit-transition-duration: 0.15s;  
 	-webkit-transition-timing-function: linear; 
 	
 	-o-transition-property:opacity;  
 	-o-transition-duration: 0.15s;  
 	-o-transition-timing-function: linear;
}

#dropmenu > li.current-menu-item:before,
#dropmenu > li.current-menu-ancestor:before,
#dropmenu > li.current-menu-parent:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin: 0 0 0 -9px;
	border-width: 9px;
	border-style: solid;
}

/* -----H TAG STUFF----- */
h1
    {font-family: 'Muli', sans-serif;
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	color:#f48043;
	line-height: 1.2em; 
	margin-bottom: 10px;
	}

h2
    {font-family: 'Muli', sans-serif;
	font-weight:400;
	font-size:18px;
	color:#b84157;
	line-height: 1.2em; 
	margin-bottom: 10px;
	}
	
h3
    {font-family: 'Muli', sans-serif;
	background-color:#f48043;
	width:130px;
	font-weight:400;
	font-size:14px;
	color:#fff;
	line-height: 1.2em; 
	padding: 10px;
	}
	
.widget ul li a {
	font-family: 'Muli', sans-serif;
	font-weight:400;
	font-size:14px;
}

.widget {
	font-family: 'Muli', sans-serif;
	font-weight:400;
	font-size:14px;
}
	
.orangebutton { 
-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background-color:#f48143;
	-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;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family: 'Muli', sans-serif;
	font-size:14px;
	font-weight:400;
	padding-left:5px;
	padding-right:5px;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	box-shadow:0px 1px 8px #C2BCBC;
}
.orangebutton:hover {
	background-color:#fb9e25;
	color:#ffffff;
	font-family: 'Muli', sans-serif;
}
.orangebutton { 
	background-color:#f48143;
	-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;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family: 'Muli', sans-serif;
	font-size:14px;
	font-weight:400;
	padding-left:5px;
	padding-right:5px;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
}
.orangebutton:hover {
	background-color:#fb9e25;
	color:#ffffff;
	font-family: 'Muli', sans-serif;
}
.carouselContainer{
	background-color:#633245;
	width:960px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	padding-top:20px;}

/*------FOOTER MENU----------*/
#footerMenu {width: 80%; float: right;}
#footerDrop li a { 
	display: block; 
	line-height: 10px; 
	font-size: 10px; 
	padding: 0 0 0 10px;
	color: #fff;
}
#footer #copyright {
	font-size: 10px; 
	color: #fff;  
	line-height: 55px; 
}

h2.posttitle, .entrytitle {margin-bottom: 15px;}
.entry{font-size: 14px; line-height:1.5em; font-family: font-family: 'Muli', sans-serif;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 14px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px; line-height:1.5em; font-family: font-family: 'Muli', sans-serif;}
.details {font-size: 14px;  margin-bottom: 35px;}

hr {
  width: 100%;
  color:#d5e380;
}