/*
Theme Name: Bucks Montgomery Optometric Society
Theme URI: http://www.bucksmontgomeryoptometricsociety.org/
Description: This WordPress theme created by Peer Pressure Creative is for use by Bucks Montgomery Optometric Society Only.
Author: Peer Pressure Creative
Author URI: http://www.peerpressurecreative.com
*/


/** ALL MIGHTY RESET **/
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, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}

* 					{margin: 0; /* border: solid 1px red !important; */ }
:focus 				{outline: 0;}
html				{height: 100%}
body 				{background: url(images/bg.png) repeat-x #e8e8e8; font-family: Georgia; color: #525252; height: 100%;}
ol, ul 				{list-style: none; font-family: Georgia;}
h1					{font-family: Helvetica; font-size: 25px; color: #dddddd;}
h2					{font-family: Georgia; color: #525252; font-size: 18px; line-height: 22px; margin-bottom: 20px;}
p					{color: #525252; font-size: 14px; line-height: 18px; margin-bottom: 10px;}
.clear 				{clear: both;}
a					{color: #1e81b3; text-decoration: none;}
a:hover				{text-decoration: underline;}
span.bold			{font-weight: bold;}

/* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */

#screen-reader		{position: absolute; left: -99999px; top: -99999px;}
#header				{background: url(images/header-bg.png) 0px 0px no-repeat; width: 960px; height: 194px; margin: 0 auto; position: relative; z-index: 2;}
#logo a				{background: url(images/logo.png) 0px 0px no-repeat; width: 150px; height: 150px; margin: 0 0 0 405px; position: relative; z-index: 10; display: block; text-indent: -99999px;}

/* MAIN NAVIGATION */

#main-nav			{margin: -80px 0 0 0;}
#main-nav li		{position: relative; display: inline; float: left;}
#main-nav li a		{position: relative; display: inline; float: left; font-size: 18px; color: #ffffff;}
#main-nav li a:hover{color: #e9dc8e;}
#main-nav li a.here	{color: #e9dc8e;}

#main-nav li#about a	{margin: 0 0 0 50px;}
#main-nav li#members a	{margin: 0 0 0 70px;}
#main-nav li#news a		{margin: 0 0 0 260px;}
#main-nav li#contact a	{margin: 0 0 0 110px;}

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

#page-wrap			{width: 960px; margin: 0 auto -165px; min-height: 100%; height: auto !important; height: 100%;}


/* HOME PAGE ------------- */

#home-image			{background: url(images/home-image.jpg) no-repeat; width: 440px; height: 315px; margin: -40px 0 0 40px; position: relative; z-index: 1; float: left;}

#home-text-block	{background: url(images/home-text-block-bg.png) no-repeat; width: 440px; height: 315px; margin: -39px 40px 0 0; position: relative; z-index: 1; float: right;}
#home-text-block h2	{margin: 80px 0 0 30px; color: #007ed6; font-size: 22px;}
#home-text-block p	{margin: 10px 0 0 30px; color: #007ed6; font-size: 18px; line-height: 22px; width: 380px;}

#plaque				{background: url(images/plaque.png) 0px 0px no-repeat; width: 435px; height: 145px; margin: 10px auto; padding: 20px 0 0 20px;}
#plaque p			{font-size: 14px; color: #525252; line-height: 18px; width: 390px;}

/* INSIDE PAGES ----------------------------------------------------------------------------------------------------------------------------------- */

/* UNIVERSALS -------------- */

p.divide			{background: url(images/divide.png) 0px 0px no-repeat; width: 390px; height: 11px; margin: 10px auto;}
#sidebar			{margin: 0 0 0 45px; width: 200px; float: left;}
#content			{margin: 20px 45px 0 0; width: 600px; float: right;}
span.blue			{font-size: 12px; color: #449ecd;}

/* SIDEBAR NAV */

#sidebar-nav			{width: 190px;}
#sidebar-nav li#top a	{background: url(images/sidebar-nav-sprite.png) 0px 0px no-repeat; width: 190px; height: 34px; display: block; text-align: center; padding-top: 45px; color: #ffffff;}
#sidebar-nav li	a		{background: url(images/sidebar-nav-sprite.png) 0px -79px no-repeat; width: 190px; height: 29px; display: block; text-align: center; padding-top: 10px; color: #ffffff;}
#sidebar-nav li#last a 	{background: url(images/sidebar-nav-sprite.png) 0px -118px no-repeat; width: 190px; height: 37px; display: block; text-align: center; padding-top: 10px; color: #ffffff;}

/* HOVER */

#sidebar-nav li#top a:hover	{background: url(images/sidebar-nav-sprite.png) 0px -170px no-repeat; width: 190px; height: 34px; display: block;}
#sidebar-nav li	a:hover		{background: url(images/sidebar-nav-sprite.png) 0px -249px no-repeat; width: 190px; height: 29px; display: block;}
#sidebar-nav li#last a:hover{background: url(images/sidebar-nav-sprite.png) 0px -288px no-repeat; width: 190px; height: 37px; display: block;}

/* HERE STATE */

#sidebar-nav li#top a.here	{background: url(images/sidebar-nav-sprite.png) 0px -170px no-repeat; width: 190px; height: 34px; display: block;}
#sidebar-nav li	a.here		{background: url(images/sidebar-nav-sprite.png) 0px -249px no-repeat; width: 190px; height: 29px; display: block;}
#sidebar-nav li#last a.here	{background: url(images/sidebar-nav-sprite.png) 0px -288px no-repeat; width: 190px; height: 37px; display: block;}


/* ABOUT PAGE ------------- */


/* SPONSORS PAGE */

ul#sponsors-list li			{margin-top: 15px;}

/* OFFICERS PAGE ------------ */

.officer		{float: left; width: 590px; margin-bottom: 20px;}
.officer p		{margin-top: 5px; font-size: 13px; line-height: 18px;}
span.pic		{margin: 0 10px 20px 0; width: 106px; height: 113px; background-color: #525252; display: block; float: left;}
h3.name			{font-size: 17px; color: #525252;}
h3.title		{font-size: 13px; color: #449ecd;}

/* MEMBERS PAGE ------------- */

ul.letter-section	{width: 600px; float: left; margin: 10px 0 10px 0;}
ul.letter-section li{color: #525252; font-size: 13px; width: 200px; margin-bottom: 15px; min-height: 75px; float: left; text-indent: -5px;}
ul.letter-section h3{color: #449ecd; padding-bottom: 10px; font-size: 20px;}

li.letter			{float: left; margin-right: 500px; min-height: 0px !important;}

/* TRUSTEE PAGE ------------- */

.trustee			{margin: 5px 50px 0 0px; width: 200px; min-height: 130px; float: left;}
.trustee h3			{color: #525252; font-size: 15px;}
.trustee p			{font-size: 13px; margin-top: 5px;}

/* NEWS PAGE */

#news-block			{background: url(images/news-head.png) 0px 0px no-repeat #d8d8d8; width: 420px; min-height: 74px; margin: -32px 0 0 45px; position: relative; z-index: 1; float: left;}
#news-block p		{margin: 10px 0 0 0; font-size: 14px;}
h2#news-head		{margin-top: 50px; text-indent: -99999px;}
.post				{margin: 5px 0 0 15px;}
h3.post-title a		{font-size: 18px; color: #1e81b3;}
h4.submitted-by		{margin-top: 3px; font-size: 11px; color: #6ab08e;}
p.read-more	a		{color: #1e81b3; font-size: 12px; text-decoration: underline;}

#events				{margin: 23px 10px 0 0; width: 460px; font-size: 18px; float: right;}
.event				{margin-bottom: 20px;}
.date				{background: url(images/event-date-bg.png) 0px 0px no-repeat; width: 48px; height: 47px; float: left;}
p.month				{font-size: 17px; text-transform: uppercase; width: 48px; text-align: center; color: #e8e8e8;}
p.day				{font-size: 38px; margin-top: -10px; padding-bottom: 10px; width: 48px; min-height: 28px; text-align: center; color: #e8e8e8;}
p.event-title		{color: #1e81b3; font-size: 18px;}
.event-body			{width: 405px; float: right;}

/* FULL POST PAGE */

#news-full-post-block	{background: url(images/news-post-head.png) 0px 0px no-repeat #d8d8d8; width: 848px; min-height: 80px; margin: -35px auto; position: relative; z-index: 1;}
#full-post-content		{margin: 75px 0 0 15px; width: 820px; float: left;}
#full-post-content p	{margin-top: 10px;}
#full-post-title		{font-size: 18px; color: #1e81b3;}
#full-post-submitted-by	{margin-top: -20px; font-size: 11px; color: #6ab08e;}

/* CONTACT PAGE -------------- */

#map				{float: left;}
#map a				{background: url(images/map.jpg) 0px 0px no-repeat; width: 445px; height: 405px; margin: -40px 0 0 35px; display: block; position: relative; z-index: 1; text-indent: -99999px;}
#meeting-address	{margin: 0 0 0 40px; text-align: center;}
#contact-block		{background: url(images/contact-head.png) 0px 0px no-repeat #d8d8d8; width: 420px; min-height: 79px; margin: -32px 45px 0 0; position: relative; z-index: 1; float: right;}
h2#contact-head		{text-indent: -99999px;}
#contact-title		{margin: 70px 0 0 0; text-align: center; font-size: 18px; color: #007ed6;}
#address			{margin: 0 0 0 0; font-size: 14px; line-height: 24px; text-align: center; color: #525252;}
#address a:hover	{text-decoration: underline;}
#questions			{text-align: center; font-size: 18px; color: #007ed6;}
#form				{margin: 15px auto; width: 305px;}
.input-field		{height: 20px; width: 295px; font-size: 17px; color: #007ed6;}
.input-field:focus	{background-color: #f4f3df;}
#comment-field		{font-size: 17px; color: #007ed6; max-width: 300px;}
#comment-field:focus{background-color: #f4f3df;}

/* FOOTER ----------------------------------------------------------------------------------------------------------------------------------------- */

.push				{height: 165px;}
#footer				{background: url(images/footer-bg.jpg) no-repeat; min-height: 165px; height: auto; margin: 0 auto; width: 960px; position: relative; z-index: 1;}
#copyright			{margin: 30px 0 0 50px; float: left;}
#copyright p		{font-size: 11px; color: #525252;}
#ppc				{margin: 30px 50px 0 0; float: right;}
#ppc p a			{font-size: 11px; color: #525252;}
#ppc p a:hover		{text-decoration: underline; color: #c95725;}

/* FOOTER NAVIGATION */

#footer-nav				{margin: 55px 0 0 40px; float: left;}
#footer-nav li			{position: relative; display: inline; float: left; border-right: solid 1px #007ed6; padding: 0 10px 0 10px; font-size: 11px;}
#footer-nav li a		{position: relative; display: inline; color: #007ed6;}
#footer-nav li a:hover	{text-decoration: underline;}
#footer-nav li a.here	{text-decoration: underline;}
#footer-nav li#last-foot{border-right: none;}