/*
Theme Name:  WNBA-B
Theme URI:  http: //wnbaboston.org/
Description:  Custom theme for Women's National Book Association, Boston Chapter
Version:  1.0
Author:  Tyler Kemp-Benedict
*/
/* ---------------------------------------------
STYLESHEET OUTLINE: 
	reset
	layout
	typography
	color
	misc classes
--------------------------------------------- */

/* ---------------------------------------------
	RESET
--------------------------------------------- */
html, body, div, h1, h2, h3, h4, ul, ol, li, p, /*form, fieldset, legend, input, textarea,*/ 
img, table, caption, tbody, tfoot, thead, tr, td, th, dl, dd, dt, a {
	border: none;
	outline: none;
    font-size: 100%;
    margin: 0;
    padding: 0;
	vertical-align: baseline;
}
ul { list-style: none; }
/* table note - cellspacing and cellpadding are not valid CSS - these attributes must be added to the html */
table { 
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------------------------
	LAYOUT
--------------------------------------------- */
#wrapper {
	background: #fff url(../images/theme/wrapper_bg.png) top center repeat-y;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	width: 800px;
}
#shadow {
	background: #fff url(../images/theme/shadow_bottom.png) top center no-repeat;
	clear: both;
	height: 20px;
	margin: 0 auto;
	width: 840px;
	z-index: 5;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0; 
}
#header {
	background: #066 url(../images/theme/header_bg_w_title.png) no-repeat;
	height: 144px;
	position: relative;
	width: 800px;
}
#header h1 {
	bottom: 34px; 
	left: -1400px;
	position: absolute;
	width: 400px;
}
#util {
	height: 24px;
	position: absolute;
	right: 215px;
	text-align: right;
	top: 0;
	width: 330px;
}
#util li { display: inline; }
#search {
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 185px;
}
#searchbox {
	border: none;
	padding-left: 0.3em;
}

/* mainnav layout ---------------------------------- */
	#mainnav {
		bottom: 0;
		position: absolute;
		right: 0;
		width: 570px;
		z-index: 597;
	}
	#mainnav a { 
		display: block; 
		padding: 1px 12px; 
	}
	ul.dropdown li { 
		border-width: 1px 1px 1px 0; 
		float: left; 
		line-height: 1.2em; 
		vertical-align: middle; 
	}
	ul.dropdown li:hover, ul.dropdown li.hover { 
		cursor: default; 
		position: relative; 
		z-index: 599; 
	}
	ul.dropdown ul {
		left: 0;
		margin-top: 1px;
		position: absolute;
		top: 100%;
		visibility: hidden;
		width: 16em;
		z-index: 598;
	}
	ul.dropdown ul li { 
		float: none; 
		margin-left: -1px;
	}
	ul.dropdown li ul li a {
		padding-left: 11px;
	}
	ul.dropdown li:hover > ul, ul.dropdown li.hover > ul { visibility: visible; }
/* /END mainnav layout ----------------------------- */

#footer li { 
	float: left; 
	margin-right: 1px;
	width: auto;
}
#content {
	background: #fff;
	width: 100%;
}
blockquote {
	margin: 1em 2em;
	padding:0;
}
#content ul li { padding-top: 0.5em; }
#main {
	float: left;
	padding-top: 24px;
	width: 600px;
}
#maincol {
	float: left;
	margin: 0 30px;
	width: 540px;
}
/*#maincol ul { 
	list-style: disc outside; 
	padding-left: 1em; 
}
*/
#maincol ul li {
	background: url(../images/theme/dot.gif) no-repeat 0% 0.9em;
	padding-left: 1em;
}
#side1 {
	float: left;
	margin-top: 54px;
	width: 200px;
}
#side1 div, #side2 div {
	background: #e0e9ff;
	margin-bottom: 15px;
	padding: 15px;
	width: 170px;
}
#content ul#sidenav {
	border-top: 1px solid;
}
#content ul#sidenav li {
	border-bottom: 1px solid;
	padding: 0.15em 0;
}
#sidenav a, #sidenav a:link, #sidenav a:visited { 
	border: none; 
	display: block;
	padding: 0.25em 10px;
	width: 150px;
}
#sidenav a:hover, #sidenav a:active { 
	border-left: 2px solid;
	padding-left: 8px;
}
#side2 {
	float: left;
	width: 200px;
}
#side2 div#calendar {
	background-color:#fff;
	background-image:none;
	height: 100px;
	margin: 0.5em auto 0;
	width: 140px;
}
img.left {
	float: left;
	padding: 1em 0.75em 0.25em 0;
}
#side1 img.thumb, #side2 img.thumb { 
	height: 90px;
	overflow: hidden;
	width: 90px;
}
#footer {
	border-top:3px solid;
	clear: both;
	float: left;
	margin: 30px;	
	width: 540px;
}
#footer p { clear:both; }
table { margin: 0.75em 0; }
td, th { 
	border-bottom: solid 1px;
	border-top: solid 1px;
	padding: 0.1em 0 0.1em 0;
}

/* ---------------------------------------------
	TYPOGRAPHY
--------------------------------------------- */
body {
    font-size: small;
	font-weight: normal;
	line-height: 1.4;
    text-align: center
}
#wrapper { 
	text-align: left; 
}
h1 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2;
}
#header h1 {
	font-size: 1.6em;
	line-height: 1.1;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
    padding-top: 0.75em;
}
h3 {
	font-size: 1.25em;
	font-weight: bold;
}
h4 {
	font-size: 1em;
	font-weight: bold;
    padding-top: 0.75em;
}
#maincol h3 {
    padding-top: 0.75em;
}
p { padding-top: 0.5em; }
blockquote {
	font-size: 0.94em;
	line-height: 1.5;
}
em { font-style: italic; }
strong { font-weight: bold; }
dt {
	font-weight: bold;
	margin-top: 0.5em;
}
dd { 
	padding-left: 1em;
}
a, a:link, a:visited { 
	border-bottom: 1px dotted;
	text-decoration: none;
}
a:hover, a:active { border-bottom-style: solid; }
#action h2 a, #action h2 a:link, #action h2 a:visited, #action h2 a:hover, #action h2 a:active {
	border: none;
}
#header a {
	border: none;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}
#mainnav ul a, #mainnav ul a:link, #mainnav ul a:visited, #mainnav ul a:hover, #mainnav ul a:active {
	letter-spacing: 0.05em;
	text-align: left;
	text-transform: none;
}
#util a { font-size: 0.65em; }
#sidenav a {
	border: none;
	font-weight: bold;
	line-height: 1.1;
}
#side1, #side2, #footer { 
	font-size: 0.9em;
	letter-spacing: 0.02em;
}
#side1 h2, #side2 h2 { 
	font-style: italic;
	padding-top: 0;
}
#footer a { border: none; }
table { font-size: 0.95em; }
#search {
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.035em;
	text-align: center;
}

body,
#side1 h2, 
#side2 h2,
em { 
	font-family: Georgia, Times, "Times New Roman", serif; 
}
#header h1,
#header a, 
#side1, 
#side2, 
#footer,
#search,
.event-date,
p.caption { 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 
}

/* ---------------------------------------------
	COLOR
--------------------------------------------- */
/* ---------------------------------------------
	color palette:
	#465aaa		indigo
	#6478aa		periwinkle blue dk
	#e0e9ff		periwinkle blue lt
	#ebf0ff		periwinkle blue extra-lt
	#c88200		orange-brown med 
	#2c6161		teal dk 
	#5f8484		teal med 
	#f5ffd2		khaki lt 
	#e8e8bc		khaki med 
	#dcd7a0		khaki med dk
	#bbb555		khaki dk 
	#ffe68c		cream-yellow
	#666		gray dk 
	#909090		gray med 
--------------------------------------------- */
body { 
	background: #6478aa; 
	color: #666;
}
h1, h2, h3, h4 { color: #465aaa; }
#maincol h3, #maincol .event-date { color: #bbb555; }
#header h1 { color: #f5ffd2; }
a, a:link { color: #465aaa; }
a:visited { color: #909090; }
h3 a, h3 a:link, h3 a:visited { color: #465aaa; }
a:hover, a:active { color: #2c6161; }
#util, #util a, #util a:link, #util a:visited { color: #8aa1a1; }
#util a:hover, #util a:active { color: #fff; }
#search { 
	background: #2c6161;
	color: #8aa1a1; 
}
#searchbox { background: #e0e9ff; }

/* navigation menu color --------------------------- */
	ul.dropdown li { 
		background-color: #f5ffd2; 
		border-color: #fff #d9d9d9 #d9d9d9 #d9d9d9; 
		border-style: solid; 
		color: #2c6161; 
	}
	ul.dropdown li.current {
		border-bottom-color: #fff;
	}
	ul.dropdown li.current:hover, ul.dropdown li.hover.current {
		border-bottom-color: #d9d9d9;
	}
	ul.dropdown a, 
	ul.dropdown a:link, 
	ul.dropdown a:visited { 
		color: #6f9494; 
	}
	ul.dropdown a:hover, 
	ul.dropdown a:active { 
		color: #2c6161; 
	}
	#mainnav a.current, 
	#mainnav a.current:link, 
	#mainnav a.current:visited { 
		background: #fff; 
	}
	ul.dropdown li:hover, ul.dropdown li.hover,  
	ul.dropdown ul a, 
	ul.dropdown ul a:link, 
	ul.dropdown ul a:visited { 
		background: #e8e8bc; 
		color: #2c6161; 
	}
	ul.dropdown ul li {
		border-top-color: #f5ffd2;
	}

	#mainnav li:hover > a.current, #mainnav li.hover > a.current, 
	#mainnav li:hover > a.current:link, #mainnav li.hover > a.current:link, 
	#mainnav li:hover > a.current:visited, #mainnav li.hover > a.current:visited { 
		background-color: transparent; 
	}

	ul.dropdown ul a:hover, 
	#mainnav a.current:active, 
	#mainnav li:hover > a.current:active, #mainnav li.hover > a.current:active { 
		background: #2c6161; 
		color: #fff; 
	}
#content ul#sidenav, 
#content ul#sidenav li {
	border-color: #ccc;
}
#sidenav a, #sidenav a:link, #sidenav a:visited { 
	border-color: #6478aa; 
	color: #465aaa; 
}
#sidenav a:hover, #sidenav a:active { color: #6478aa; }
#side1 div, #side2 div { 
	background: #e0e9ff url(../images/theme/side_bg.png) repeat-x;
	color: #465aaa;
}
#side1 #action, #side2 #action {
	background: #c88200;
	color: #fff;
}
#action h2 { color: #fff; }
#action a, #action a:link, #action a:visited { color: #fff; }
#action a:hover, #action a:active { color:#ffe68c; }
#footer {
	border-color: #dcd7a0;
	color: #bbb555;
}
#footer a, #footer a:link, #footer a:visited { color: #999; }
#footer a:hover, #footer a:active { color: #2c6161; }
td, th { border-color: #bbb555; }

/* ---------------------------------------------
	MISC CLASSES
--------------------------------------------- */
.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.callout {
	font-weight: bold;
	padding: 0.5em 1em;
}
.tiny {
	font-size: 0.8em;
}
blockquote.bigquote {
	color: #bbb555;
	font-size: 1.25em;
	font-style: italic;
	margin: 0.2em 0;
}
img.floatright {
	float: right;
	padding: 1em 0 0.25em 0.75em;
}
a.more, a.more:link, a.more:visited {
	border: none;
	color: #909090;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}
a.more:hover, a.more:active { color: #2c6161; }
span.openquote {
	color: #bbb555;
	float: left;
	font-size: 700%;
	height: 54px;
	margin-top: -36px;
}
span.closequote {
	color: #bbb555;
	display: inline-block;
	font-size: 700%;
	vertical-align: top;
	height: 54px;
	margin-top: -28px;
}
p.event { padding-top:0; }
img.full { 
	margin: 0.25em 0 0.5em;
	padding-left: 0;
	padding-right: 0;}
p.address { margin-top: 1em; }
p.caption { 
	color: #465aaa ;
	margin-bottom: 1em;
	margin-top: -0.5em;
}
#search table {
	margin: 0;
}
#search tr, #search td {
	border: none;
}
.event-date {
	font-weight: bold;
	font-size: 1.1em;
}
div.article {
	border-bottom:2px solid #e8e8bc;
	padding:0.25em 0 0.75em;
}

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.left {
	padding: 1em 1em 0.5em 0;
}
.right {
	padding: 1em 0 0.5em 1em;
}

img#fb-badge {
	display: inline;
	float: none;
	height: 16px;
	padding: 0;
	width:14px;
}
.second-col {
	border-left:2px solid #e8e8bc;
}

.width300 { 
	width:300px; 
}
.width-half { 
	width:255px; 
}
.width200 { 
	width:200px; 
}
p.following {
	padding-top:0;
}