/*
Theme Name: Medford Health Matters
Theme URI: http://the47th.com
Description: A custom theme written for the Medford Health Matters Organization
Version: 0.1
Author: Joel Oliveira & John Torres
Author URI: http://joeloliveira.com
Tags: white, purple, cufon
*/

/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr { margin:2em 0 2.5em; }

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

body{ font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif; font-size:62.5%; line-height:2.2em; background:#fff; }

h1 {font-size: 2.6em; font-weight:normal; color:#271456; padding:20px 0; border-bottom:dotted 1px #271456; }
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}
h2, h3, h4 { font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; }

a{ color:#666; text-decoration:none;}
a:visited, a:active{color:#999;}
a:hover{color:#333; text-decoration:none;}
a img{border:none;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
margin:10px 0 10px 20px;
padding:10px;
font-size:1.4em;
font-style: italic;
color:#999;}

pre, code{
margin:10px;
font-family:"Courier New", Courier, monospace;}

p.button { text-align:center; background-color:#3e1687; clear:both;}
p.button a,
p.button input { background:transparent url('images/arrow_icon.png') left center no-repeat; padding-left:20px; line-height:25px; text-transform:uppercase; color:#fff; font-size:.9em; width:auto; border:none; cursor: pointer;}

/* -------------------------------------------------
WRAP
------------------------------------------------- */
#pagewrap {
width: 100%;
margin:0 auto;
text-align:center; 
}
#header { width:100%; }
#footer { width:100%; }
#header #nav,
#header #splash,
#contentwrap { margin:0 auto; width:890px; text-align:left; }
#footer div { margin:0 auto; width:870px; text-align:left; }
#contentwrap { overflow:auto;}

/* -------------------------------------------------
HEADER
------------------------------------------------- */
#header { padding:30px 0 0 0; overflow:auto; background: #3e1687 url(images/header_bg.png) left bottom repeat-x; }
#header h1 { float:left; padding:0px 0; width:245px; height:86px; border:none;}
#header h1 a { font-size: 2em; color:#333; background:transparent url('images/header_logo.png') no-repeat left top; width:209px; height:86px; display:block; text-indent:-9999px;}

/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav { overflow:auto;  background: #3e1687 url(images/header_bg.png) left 87px repeat-x; padding-bottom:17px; }
#nav ul { float:left; height:64px; margin:20px 0 0; }
#nav ul li {
	display:block; 
	height:66px;
	padding:0px 0 0 0px;
	margin:0;
	font-size:1.3em;
	border-left:solid 1px #6b4c9f;
	width:104px;
	float:left;
}
#nav ul li:hover {  }

#nav ul li a { color:#fff; font-size:1.2em; font-weight:bold; display:block; padding-top:44px; padding-left:4px; padding-bottom:5px; cursor: pointer;}
#nav ul li a:hover { background:#911fb2; }
body.category-live 			#nav ul li.live a,
body.category-learn 		#nav ul li.learn a,
body.category-work 			#nav ul li.work a,
body.category-play 			#nav ul li.play a,
body.category-resources #nav ul li.resources a,
body.page-id-2 					#nav ul li.about a { background:#80b830; }
#header #splash { background:transparent url('images/interior_header.jpg') left top no-repeat; width:890px; height:229px; }
.home #header #splash { background:transparent url('images/home_header.jpg') left top no-repeat;  }
.home #header #splash .intro { margin:0 0 0 665px; background-color:#7aa613; height:229px; }
.home #header #splash .intro h2 { padding:55px 20px 0 10px; color:#fff; font-size:1.8em;  margin-top:0; }
.home #header #splash .intro p { padding:10px 20px 0 10px; color:#fff; font-size:14px; line-height:50px; display:block; }
.home #header #splash .intro p .cufon-canvas { margin-bottom:7px; }

/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#content { float:left; width:560px; font-size:1.2em; padding:20px 85px 20px 20px; position:relative; }

.post { color:#3f3f3f; border-bottom:dotted 1px #d4b4d4; margin-top:3.8em; padding-bottom:3em; }
.post .post { border:none; padding-top:1.4em; margin-top:0;}
.post h2 { font-size:1.8em; font-weight:normal; margin-bottom:1em;  }
.post h2 a { color:#3f3f3f; text-decoration:none; }
.post h2 a:hover{color:#3f3f3f; text-decoration:underline; }
.post p { margin:0 1em 1.2em 0;}
.post a{text-decoration:underline;}
.post ul {list-style: square; padding:2px 0;}
.post li {padding:2px 0;}
.post > small { font-size: .9em; font-style:italic; color:#8c8c8c; }
.post div.aligncenter  { }
.post div.wp-caption p { margin:0; text-align:right; font-size:.9em; font-style:italic; color:#8c8c8c; padding:0 10px;}
.post div.aligncenter { margin:0 auto; text-align:center; }
.post a.more-link { color:#5d2873; text-decoration:underline; }
.post .postmetadata { padding:0 0 15px 0; color:#676767; position:relative; margin:35px 0 0;}
.post .postmetadata a { text-decoration: none; color:#676767; position:absolute; top:0px; right:0px; padding-right:20px; line-height:1.2; height:15px; overflow:hidden; background:transparent url('images/comment_icon.png') right center no-repeat; }
.post .postmetadata a:hover {color:#333; text-decoration:underline;}
.post .postmetadata .categories { line-height:1.4em; }
.post .postmetadata .categories a { 
	background:#6bc6ff; 
	text-transform:uppercase; 
	line-height:1;
	overflow:auto;
	height:auto;
	font-size:.8em; 
	font-weight:normal; 
	padding:1px 8px 0; 
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:#fff; 
	text-decoration:none; 
	position:static; 
}
.post .postmetadata a.cat_learn {   }
.post .postmetadata a.cat_live { background:#60a920; }
.post .postmetadata a.cat_play { background:#911fb2; }
.post .postmetadata a.cat_resources { background:#e70943; }
.post .postmetadata a.cat_work { background:#f85d00; }
.post .postmetadata a.cat_events { background:#ffa304; }

/* single post nav for previous/next entries */
.navigation { padding:10px 0; font-size:1em; width:98%;} 
.navigation a { text-decoration:underline; }
.alignleft {float:left;}
.alignright {float:right;}

/* styling for 'continued' page links */
p.continued{padding:5px; background:#f0f0f0;}
p.continued a{padding:5px; font-weight:bold;}

/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */		
.sidebar { width: 225px; float:left; padding-bottom:25px;}
.sidebar h2 { margin:0 0 15px; font-weight:normal; text-align:center; text-transform:uppercase; border-bottom:dotted 1px #d4b4d4; height:10px; }
.sidebar h2 span { background-color:#fff; height:20px; padding:0 10px; font-size:.8em; letter-spacing:1px; font-weight:bold; color:#3E1687; }
.sidebar p {  color:#6C6C6C;font-size:1.2em;line-height:1.4em;margin-bottom:1em; }
.sidebar a {color:#666;}
.sidebar a:hover {color:#999;}
.sidebar ul{margin:0;padding:0;list-style:none;}
.sidebar ul li { padding:17px 12px 8px; border:solid 3px #3e1687; margin-top:25px;}
.sidebar ul ul {}
.sidebar ul ul li { border:none; padding:0; margin:0;}
.sidebar li.events {}
.sidebar li.events .event { background-color:#3e1687; padding:5px 4px; color:#fff; overflow:auto; margin-bottom:8px; font-size:1.3em;}
.sidebar li.events .event date { display;block; float:left; padding-right:10px; width:33px; overflow:hidden; }
.sidebar li.events .event a { color:#fff; display;block; float:left; text-decoration:none; border:none; width:144px; }
.sidebar li.newsletter {}
.sidebar li.newsletter label { display:block; clear:both; text-transform:uppercase; color:#6C6C6C; letter-spacing: .2em; }
.sidebar li.newsletter input { display:block; clear:both; border:solid 1px gray; padding:2px; width:187px; margin-bottom:5px;}
.sidebar li.newsletter .checkbox { display:block; margin:15px 0; overflow:auto;}
.sidebar li.newsletter .checkbox label { clear:none; float:left; width:170px; padding-left:5px; padding-top:2px; text-transform: capitalize; font-size:1.1em; line-height:1.7em; letter-spacing: 0em;; }
.sidebar li.newsletter .checkbox input { clear:none; float:left; width:auto; }
.sidebar li.newsletter .button input { width:auto; display:inline; padding-left:20px; border:none; margin:2px 0; }
.sidebar li.newsletter div.success { background:transparent url('images/thumbs-up.png') left 2px no-repeat; padding-left:20px; color:#51904d; font-weight:bold; font-size:1.4em; padding-bottom:8px; }
.sidebar li.newsletter div.error { background:transparent url('images/exclamation-red.png') left 2px no-repeat; padding-left:20px; color:#eb796b; font-weight:bold; font-size:1.4em; padding-bottom:8px; }
.sidebar li.campaign p img { display:none; }
.sidebar li.campaign .attachment-medium { width:195px; height:auto; }

/* -------------------------------------------------
SEARCH
------------------------------------------------- */
#searchform {margin:10px 0;}
#searchform input {border: solid 1px #ddd;}
#searchform #s {width:200px; padding:2px;}
#searchsubmit{font-weight: bold; color:#666; pointer; padding: 1px;}

/* -------------------------------------------------
FEATURE LINKS
------------------------------------------------- */
.rss {
	background: #d7e4b8;
	font-size:1em;
	left:444px;
	padding:1px 8px;
	position:absolute;
	top:40px;
	white-space:nowrap;
	width:120px;
}

.rss a{
	color:#170732;
	padding-right:21px;
	background: transparent url(images/feed-icon-16x16.png) right center no-repeat;
}

/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments { margin:0px 0px 10px 0; padding:0px 0px 10px 0; }
#comments h3 { margin:0 0 10px; display:none; }
ol.commentlist { margin:0; padding:0; overflow: hidden;}
ol.commentlist li { border-bottom:dotted 1px #D4B4D4; padding:20px 0; overflow:auto; }
ol.commentlist li.alt {}
ol.commentlist a {}
ol.commentlist li cite { font-style: normal; font-weight: bold; display:block; float:left; width:157px; }
ol.commentlist li cite .author { display:block; clear:both; }
ol.commentlist li cite .author a { color:#0088ce; }
ol.commentlist li .comment_text { float:left; width:400px; }
small.commentmetadata { font-size:.9em; font-weight:normal; color:#8C8C8C; font-size:0.9em; font-style:italic; }

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#commentform { margin:0px 10px 10px 0; padding:0px 10px 10px 0; }
#commentform h3 { margin-left:157px; margin-bottom:20px; font-weight:normal; color:#3f3f3f;}
#commentform small { font-size:.9em; }
#commentform label { display:block; float:left; width:147px; padding-right:10px; text-align:right; }
#commentform label small { text-transform:uppercase; color:#535353; letter-spacing:0.2em; }
#commentform p { padding-bottom:10px; overflow:auto; }
#commentform #author, 
#commentform #email, 
#commentform #url { border:solid 1px #ccc; margin:0px 5px 0 0; height:15px; width:191px; }
#commentbox { width:381px; margin:0px 0px 0 0; border:solid 1px #ccc; }

#commentform p.button { margin-left:157px; padding:5px 0; width:191px;  }
#commentform p.button a,
#commentform p.button input { background:transparent url('images/arrow_icon.png') left center no-repeat; padding-left:20px; line-height:25px; text-transform:uppercase; color:#fff; font-size:.9em; width:auto; border:none; cursor: pointer;}

#submit { cursor:pointer; }

/* -------------------------------------------------
FOOTER
------------------------------------------------- */
#footer { padding:30px 0; overflow:auto; background: #3e1687 url(images/footer_bg.png) left top repeat-x; }
#footer div { padding-left:20px; }
#footer p { color:#fff; font-size:1.1em; }
#footer p strong { font-size:.9em; }
#footer p a:link,
#footer p a:visited { color:#80b830; }
#footer p a:hover,
#footer p a:active { text-decoration:underline; }
#footer p.credits { padding:0 12px 12px 12px; border-bottom:dotted 1px #6b4c9f; margin-bottom:20px; font-size:1.2em; }
#footer ul { display:block; float:right; width:70%; margin:0; overflow:auto;}
#footer ul li { float:right; height:32px; border-right:solid 1px #6b4c9f; padding:0px 10px;}
#footer ul li.first { border:none; padding-right:0;}
#footer ul li a { font-size:1.1em; color:#fff;  }
/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}