/*
------------------------------------------------------------------------
Theme Name:MAM After Dark
Theme URI:http://www.mam.org
Description:MAM After Dark wordpress theme
Version:1.0
Author:Michael Congdon
Author URI:http://www.mam.org
------------------------------------------------------------------------


/*reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Default Typography
-------------------------------------------------------------- */

body {font-size:62.5%;color:#222;background:#fff;font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}
p img.left 	{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}
em, dfn {font-style:italic;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Default Layout
-------------------------------------------------------------- */

body { background: #000 url(images/bg11.jpg) top center no-repeat; }
.container { width:950px;margin:0 auto;}

.showgrid {background:url(src/grid.png);}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}

.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 10px;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}



/* Default Layout
-------------------------------------------------------------- */
#header { margin-top:18px; margin-bottom:5px; clear:both;}

h1 {font-size:2em;line-height:1;margin-bottom:0.5em; color:#ff0099;}
hr {background-color:#666;}
#featured-box 		{ width:918px; padding:15px;  clear:both; border:solid 1px #333;}

#enews-signup 		{ color:#fff; height:30px; margin-top:3px;}
#enews-text 		{ display:inline; font-weight:bold; font-size:1.2em; }

#main-nav 			{ padding:5px 0 5px 0; margin-bottom:10px; }

#nav  					{ margin:0; }
#nav li 				{ display:inline; margin:0 10px 0 0; }
#nav li a 				{ padding:5px; color:#0099FF; font-size:1.3em; }
#nav li a:hover 		{ background-color:#FF0099; color:#fff;}

#foot-nav				{ padding:5px 0 5px 0; margin-bottom:10px; }

#footer  				{ margin:0; }
#footer li 				{ display:inline; margin:0 10px 0 0; }
#footer li a 			{ padding:5px; color:#999; font-size:1.1em; }
#footer li a:hover 		{ color:#fff;}

.featured-image 	{ float:left; margin-right:20px; }
.featured-content	{ float:left; color:#FFFFFF; width:470px; }

.featured-content h2 		{ font-size:2.1em; font-weight:bold; margin-bottom:0;}
.featured-content p 		{ font-size:1.1em;  }
.featured-content a 		{ color:#FFFFFF;  }
.featured-content a:hover 	{ color:#666666; }

#stay-connected 	{ }
#stay-connected h3	{ color:#0099FF; margin-bottom:0; }
#stay-connected hr	{ background:#666; color:#666; margin-bottom:10px; height:1px; }

#sponsor-text 		{ color:#ff0099; font-style:italic; font-size:1.4em; margin:0; }
#partners-text      { color:#ff0099; font-style:italic; font-size:1.2em; margin-top:10px;; }

#also-box 		{ background-color:#fff; width:940px; padding:5px; clear:both; }
#also-border	{ background-color:#fff; width:918px; padding:10px; clear:both; border:solid 1px #ccc; }

.also-element 	{ float:left; width:290px; margin-right:20px; }
.also-image 	{ margin-bottom:10px; }
.also-content	{ color:#333; }

.also-content h3 		{ font-size:1.2em; font-weight:bold; margin-bottom:.5em; }
.also-content p 		{ font-size:1.1em; }
.also-content a 		{ color:#000; }
.also-content a:hover 	{ text-decoration:underline; color:#666666; }

#post-content 	{ color:#fff;}

#post-content h2 		{ font-size:2.3em; color:#fff; font-weight:bold; margin-bottom:0; }
#post-content p 		{ font-size:1.2em;}
#post-content a 		{ color:#ff0099; text-decoration:none; }
#post-content a:hover 	{ text-decoration:underline; color:#666666; }

.alignleft 		{ float:left; margin:0 10px 0 0; }
.alignright 	{ float:right; margin:0 0 0 10px; }

#sidebar {  color:#fff; }

#sidebar h2 		{ font-size:2.3em; color:#fff; font-weight:bold; margin-bottom:0; }
#sidebar ul			{ list-style:none; margin:0; padding:0; }
#sidebar a 			{ color:#ff0099; text-decoration:none; }
#sidebar a:hover 	{ text-decoration:underline; color:#666666; }

#flickrImg			{ margin:3px; }

a.button, button {background-color:#F5F5F5; border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; border-style:solid; border-width:0.1em; color:#dc2b93!important; cursor:pointer;
display:inline-block; font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size:100%; font-weight:bold; line-height:130%; margin:0 0.583em 0.667em 0; padding:5px 10px 6px 7px; text-decoration:none; }
a.button {background: #eee url("http://www.mam.org/afterdark/wp-content/themes/afterdark/images/btn_arrow-mad.gif") no-repeat .75em 50%; margin-bottom:1em; padding-left:20px;}

button:hover, a.button:hover { text-decoration:none!important; background: #FCEDF5 url("http://www.mam.org/afterdark/wp-content/themes/afterdark/images/btn_arrow-mad.gif") no-repeat .75em 50%; border:1px solid #ff32aa; }


#google-doc {
background-color:#FFF;
padding:20px 0 10px 10px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}