/*
Theme Name: 	Bob Wells Associates
Theme URI: 	https://bobwellsassociates.com
Description: 	WordPress theme for Bob Wells Associates website
Version: 	0.1
Author: 	Chris Herbert
Author URI: 	http://chrisgherbert.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}


/*** MAIN CSS ***/

body {
	height: 100%;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
}

a {
	color: #00447C;
}

a:hover {
	color: red;
}

a:active, a:focus {
	outline: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	color: #00447C;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 20px;
	margin-bottom: .7em;
}

li {
	padding-left: 20px;
	background: url(images/bullet_point.png) no-repeat left 5px;
	margin-bottom: 1em;
}

address {
	margin-bottom: 1em;
	font-style: normal;
}

.wrapper {
	width: 986px;
	min-height: 100%;
	box-shadow: 0 0 20px #84a8c6;
	margin: 60px auto 60px auto;
}

html.old_ie .wrapper {
	border: 1px solid #b5b5b5;
}

/*** Header ***/

header {
	background: url(images/banner_bg.png) bottom repeat-x;
}

header h1 {
}

header h1 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 343px;
	height: 215px;
	background: url(images/banner_logo.jpg) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}

.banner_slideshow {
	float: left;
}

/*** Navigation Menu ***/

nav {
	height: 37px;
	background: url(images/menu_bg.png) no-repeat;
	font-family: 'Cabin Condensed',serif;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	padding-left: 50px;
}

nav ul li {
	float: left;
	width: 100px;
	padding-top: 5px;
	height: 19px;
	text-align: center;
	background-image: none;
	padding-left: 0;
}

nav li.current-menu-item {
	background: #EEB215;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

nav li.current-menu-item a {
	color: #00447C;
}

nav li.current-menu-item a:hover {
	text-shadow: inherit;
}

nav a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: text-shadow 0.3s;
	-moz-transition: text-shadow 0.3s;
	transition: text-shadow 0.3s;
}

nav a:hover {
	text-shadow: 0 0 5px #ccedff;
	color: #fff;
}


/*** Footer ***/

footer {
	width: 846px;
	margin: 30px auto 10px auto;
	text-align: center;
	border-top: 2px solid #EFB212;
}

footer ul {
	margin: 15px 0;
}

footer ul li {
	text-align: center;
	font-size: 11px;
	display: inline;
	border-left: 1px solid #EFB212;
	padding: 0 15px;
	color: #00447C;
	background-image: none;
}

footer ul li:first-child {
	border-left: none;
}

footer .sans_serif_info {
	margin-top: 10px;
	font-size: 9px;
	text-align: right;
}

footer .sans_serif_info a {
	color: #000;
}

/*** Content Pages ***/

.main_content_area {
	width: 846px;
	margin: 30px auto 0 auto;
}

.main_content_area p {
	margin-bottom: 1.2em;
}

.main_content_area ul {
	margin-top: 15px;
}

.main_content_area h2 {
	font-size: 25px;
	color: #00457C;
	margin-bottom: 0.5em;
}

.page_content {
	width: 416px;
	margin-right: 30px;
	float: left;
}

/*** Content Images ***/

img.alignleft {
	margin-right: 10px;
	margin-bottom: 10px;
}

img.alignright {
	margin-left: 10px;
	margin-bottom: 10px;
}

/*** Sidebar ***/

.sidebar_container {
	float: right;
	width: 400px;
}

.sidebar_wrapper {
	width: 393px;
	float: right;
	background: url(images/sidebar_bg_yellow.png) repeat-y;
	padding: 7px 0 7px 7px;
	margin-bottom: 30px;
	font-size: 13px;
}

.sidebar {
	padding: 20px 0 20px 20px;
	background: #fff;
}

.sidebar h3 {
	color: #EEB00C;
	font-size: 25px;
}

.sidebar ul {
	color: #00447C;
	list-style-type: square;
}

.sidebar ul li {
	color: #000;
}

/*** Bottom Bar ***/

.bottom_bar_wrapper {
	width: 846px;
	padding: 7px;
	background: url(images/sidebar_bg_blue.png) repeat-y;
	background-size: 100% 100px;
	clear: both;
	margin: 30px 0;
}

.bottom_bar {
	background: #fff;
	padding: 20px 0 20px 20px;
	font-size: 13px;
}

.bottom_bar h3 {
	font-size: 17px;
	color: #00457C;
}

/*** Front Page ***/

.news_ticker_wrapper {
	background: url(images/sidebar_bg_blue.png) repeat-y;
}

.news_ticker ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	background: none;
}

.news_ticker li h4 {
	font-size: 17px;
	margin-bottom: 3px;	
}

.news_ticker li h4 a {
	text-decoration: none;
}

.view_all_news {
	font-size: 15px;
}

/*** Who We Are Page ***/

.bob_image_area {
	float: left;
	margin-right: 30px;
}

.who-we-are .bottom_bar_content {
	width: 623px;
	float: right;
}

/*** Media Page ***/

body.in-the-media .page_content {
	width: 100%;
	margin-right: 0;
}

/*** News Items (on all pages) ***/

p.post_date {
	font-style: italic;
	color: #666666;
	margin-bottom: 10px;
}

/*** All News Articles Page ***/

ul.all_posts > li {
	list-style-type: none;
	margin: 30px 0 15px 0;
	border-bottom: 1px solid #b4b4b4;
	padding-left: 0;
	background: none;
	padding-bottom: 15px;
}

ul.all_posts li:last-child {
	border-bottom: none;
}