/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

/* ---------- importing google fonts ---------- */

@import url(//fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);

body  { padding: 0 0em; background-size: 155%; background-color:#e6effe;} /* stretch background image to avoid seeing seams in bg img repeat */

form { padding: 0 30px;}

/* remove the default padding from left and right of the #wrapper div */
#wrapper { padding-left: 0px; padding-right: 0px; padding: 0px 0 0px; margin-top: 23px; /* added margin to fix bug in chrome */}

#main-banner { padding: 0; margin: -3px 0 0 0; position: relative; z-index: 99; }



#content { padding: 10px 0 0px; } /* override original style which sets padding as 0 0 40px */

.col-full, #wrapper  { max-width: 960px; } /* override original style which sets max-width as 940px */

/* ---------- reset column widths ---------- */
.two-col-left #main-sidebar-container #main,
.two-col-right #main-sidebar-container #main  { width: 62.25%; } /* 650 / 960 */
	
.two-col-left #main-sidebar-container #sidebar,
.two-col-right #main-sidebar-container #sidebar, #sidebar  { 
	width: 32.5%; 
	background: #fff; 
	min-height: 800px; 
	margin-top: 0px;
	/*padding-top: 70px;*/
	} /* 310 / 960 */


/* ---------- sidebar region ---------- */

#sidebar { 
	/*border: 2px solid blue; */
	padding: 50px 20px 0 20px; 
	float: right;	
	/*clear: right;*/
}

#sidebar iframe { background: #fff; }



/* ---------- page top region ---------- */

#page-top { height: 175px; width: 100%; background: #fff; }

.page-top-content { width: 960px; margin: 0 auto; padding: 25px 0 0;}

.page-top-content-left { float: left; width: 72.5%; /*border:1px solid red;*/ }

.page-top-content-right { float: right; text-align: right; width: 25.5%; /*border:2px solid blue;*/ }

.top-social-buttons a { margin-left: 10px; }

.top-support-button { margin: 20px 0 0; }

#logo { float: left; width: 250px; position: relative; display: inline-block; margin: 0px 0 0 5px; padding: 0 0 0 0; /*border: 1px solid blue;*/ }

#tagline { 
	/*border: 1px solid red; */
	width: 400px;
	float: left;
	position: relative; 
	display: inline-block; 
	margin: 68px 0 0 27px; 
	padding: 0; 
	font-family: 'Droid Serif', Palatino, serif;
	font-size: 1.8em;
	font-style: italic;
	color: #878787;
}

.entry li {	background-image: url('http://wordsonwheels.org/wp-content/themes/wow/images/bullet-purple.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px;
padding-bottom: 5px; }

.entry li.red {	background-image: url('http://wordsonwheels.org/wp-content/themes/wow/images/bullet-red.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px; 
padding-bottom: 5px; 
 }

.entry li.blue{	background-image: url('http://wordsonwheels.org/wp-content/themes/wow/images/bullet-blue.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px; 
padding-bottom: 5px;  
 }

.entry li.green{	background-image: url('http://wordsonwheels.org/wp-content/themes/wow/images/bullet-green.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px; 
padding-bottom: 5px;  
 }

.entry li.pink{	background-image: url('images/bullet-pink.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px; 
padding-bottom: 5px;  
 }

.entry li.orange{	background-image: url('http://wordsonwheels.org/wp-content/themes/wow/images/bullet-orange.png');
background-repeat: no-repeat;
background-position: 0px 0px;  
padding-left: 34px; 
padding-bottom: 5px;  
 }

/* eliminate wheel background images on gravity forms list elements */
.gform_wrapper li { background-image: none;}


/* ---------- main navigation ---------- */

#navigation { 
	position: relative; 
	display: inline-block; 
/*	margin: 124px 0px 0px 0px; /*
/*	border-radius: 0;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;*/
}

#navigation ul { background: #fe7302 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-contact.png') 0 0 repeat-x;
/*	border: 1px solid #bcbcbc; */
	width: 100%;
/*	border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px;*/
}

/* ----- override defaults ----- */
ul.nav li a { padding: 0.5em 0.9em !important; }

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
background: transparent !important;
/*color: #3088FF;*/
}
/* ----- end override defaults ----- */

#navigation ul.nav li a {
	color: #fff;
	margin-top: 3px; 
	text-transform: uppercase;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

#navigation ul.nav > li a:hover {
background: transparent;
}

#navigation ul.nav li { 
	height: 36px;
	display: inline;
	padding: 0px 13px 0px 13px;
	margin: 0;
	border: none;
	/*box-shadow: inset 1px 0 0 #eee, 1px 0 0 #ddd;
	-webkit-box-shadow: inset 1px 0 0 #eee, 1px 0 0 #ddd;
	-moz-box-shadow: inset 1px 0 0 #eee, 1px 0 0 #ddd;*/
}

#navigation ul.nav li:first-child {
	border-right: none;
}

#navigation ul.nav li:last-child {
	border-right: none;
	box-shadow: none;
}

#navigation ul.nav li.about { background: #007435 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-about.png') 0 0 repeat-x; }
#navigation ul.nav li.the-need { background: #1055b3 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-the-need.png') 0 0 repeat-x; }
#navigation ul.nav li.community-partners { background: #122b67 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-community-partners.png') 0 0 repeat-x; }
#navigation ul.nav li.donate { background: #760c70 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-donate.png') 0 0 repeat-x; }
#navigation ul.nav li.volunteer { background: #df0050 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-volunteer.png') 0 0 repeat-x; }
#navigation ul.nav li.blog { background: #fb000f url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-blog.png') 0 0 repeat-x; }
#navigation ul.nav li.contact { background: #fe7302 url('http://wordsonwheels.org/wp-content/themes/wow/images/nav-contact.png') 0 0 repeat-x; }



#navigation ul.nav ul.sub-menu {
margin-top:2px;
background: #1d2d82;
opacity: 0.8;
border: none !important;
/*left: -1px;*/
}

#navigation ul.nav ul.sub-menu li { box-shadow: inset 0px 0 0 #eee, 0px 0 0 #bbb; }

#navigation ul.nav ul.sub-menu li a { opacity: 1.0; color: #fff !important; text-decoration: none !important; }

#navigation ul.nav ul.sub-menu li a:hover { opacity: 0.8; }

#navigation ul.nav li.current_page_item a{color:#FFFF00;}
#navigation ul.nav li.current_page_parent a{color:#FFFF00;}
#navigation ul.nav li.current-menu-ancestor a{color:#FFFF00;}
#navigation ul.nav li.current-cat a{color:#FFFF00;}
#navigation ul.nav li.current-menu-item a  {color:#FFFF00;}


/* this overrides default styles on page titles */
.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
font: bold italic 1.2em/1.2em "Droid Serif", Palatino, sans-serif;
color: #bc0101;
}

.title {display:none;}

.entry { padding: 20px 50px;}


/* override the default style rule which puts a border around images in the entry body which we do not want */
.entry img, img.thumbnail {
height: auto;
padding: 3px;
border: none !important;
background: none !important;
/*background: rgba(255, 255, 255, 0.7);*/
}

/* custom page blocks area contains CTA-buttons & appears in bottom of all pages */

#page-blocks { /*border: 1px solid red;*/ width: 580px;}

ul#page-blocks { /*border: 1px solid red;*/ margin: 40px 0px 0px 15px; }

ul#page-blocks li { display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

ul#page-blocks li:first-child { display: inline; padding: 0px 20px 0px 0px !important; margin: 0px 0px 0px 0px; }
ul#page-blocks li:last-child { display: inline; padding: 0px 0px 0px 20px !important; margin: 0px 0px 0px 0px; }


#footer { padding : 0; margin: 0; height: 0; display: none; }



/* ---------- page bottom region ---------- */

#page-bottom { 
	background: #213b91; 
	width: 100%; 
	height: 30px; 
	padding: 15px 0 0 0;
	border-top: 1px solid #111;
	/*-moz-box-shadow: inset 0 10px 8px -5px #000;*/
	-webkit-box-shadow: inset 0 10px 18px -8px #111;
	/*box-shadow: inset 0 10px 8px -5px #000; */
}

#page-bottom .page-bottom-content { 
	width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #ccc; 
	font-size: 82.5%;
}

#content {background-color:#fff;
background-image:url('http://wordsonwheels.org/wp-content/themes/wow/images/boy.jpg');
background-repeat:no-repeat; 
background-position:bottom left; }