/*   
Theme Name: Marriage Equality Works
Description: The Marriage Equality Works WordPress Theme
Author: WPCoder & InterArc design
Author URI: http://wcoder.com/ http://www.interarcdesign.com/
Version: 1.0
*/

/*----- 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,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;}

/*----- General -----*/
body { width:100%; background:#000066; font-family:"Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size:16px; color:#23262a;}
:focus { outline:0;}
a { text-decoration:none; color:#000066;}
a:hover { color:#CC0000;}
.left, .alignleft { float:left;}
.right, .alignright { float:right;}
.center, .aligncenter { display:block; margin:0px auto 15px;}
.clear:after { content:"."; visibility:hidden; display:block; height:0; clear:both;}
* html .clear { height:1%;}

a.button { width:269px; height:38px; border:2px solid #ccc; display:block; background:url(images/button.png) repeat-x top; color:#000066; float:left; font-size:24px; text-decoration:none; padding:11px 0 0 11px; font-family:Arial, Tahoma, Verdana, sans-serif; margin-right:19px;}
a.button:hover { background:url(images/button.png) repeat-x bottom; color:#fff;}
a.button.last { margin-right:0px;}

.small { font-size: 75%;}
.large { font-size: 125%;}

.more-link {display:block; margin:15px 0px 0px 0px; padding:0px;}

#page_wrap {width:100%;background:#ececec url(images/back_page.png) repeat-x top;padding:15px 0px 15px 0px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFFFFF;}

.navigation { text-align:right; font-size: 13px; line-height:15px; margin-top: 15px;}

/*----- Header -----*/
#header_wrap { width:100%; height:160px; background:#0e2d6b url(images/header_bg.png) repeat-x top;}
#header { width:930px; height:160px; margin:0px auto; background:url(images/header_photo.png) no-repeat right 35px;}
#header input { color:#fff; background-color:#000066; border:1px solid #fff; padding:2px 5px;}
#header input.zip { width:45px;}
#header input.fname, #header input.lname, #header input.email { width: 75px;}
#header form#updates { float:right; height:32px; padding-top:5px;}
#header input.submit { padding:1px 5px;}
#header h1 { width:265px; height:135px; margin:15px 0 0; float:left;}
#header h1 a { width:265px; height:135px; display:block; background:url(images/logo.png) no-repeat; text-indent:-9999px;  }
* html #header h1 a { background:url(images/logo.gif) no-repeat;}


/*----- Nav Bar -----*/
#nav_wrap { clear:both; width:100%; height:40px; background:#FF0000 url(images/navbg.png) repeat-x top; border-bottom:1px solid #fff;}
#nav { width:930px; margin:0px auto; height:38px;}
#nav ul { height:38px; float:right; font-size:22px;}
#nav li {
	height:33px;
	float:left;
	display:inline;
	margin:0;
	position:relative;
	background-image: url(images/navbg_sidebar.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 17px;
}
#nav li a { display:block; color:#fff; float:left; height:24px;}
#nav li.hover a, #nav li a:hover { border-bottom:2px solid #fff;}
#nav li ul { display:none; position:absolute; top:40px; left:0px; width:150px; height:auto; background:#ff0000; background-image:none; font-weight:normal; font-size:12px; padding-top:5px;}
#nav li.hover ul li { float:none; display:block; border:none; position:static; height:auto; background-image:none; padding:2px 15px; margin-bottom:5px;}
#nav li.hover ul li a { float:none; border:none; height:auto;}
#nav li.hover ul li a:hover { text-decoration:underline;}
#nav li.hover ul { display:block;}
#nav li ul ul { position:absolute; left:150px;}


/*----- Welcome (Homepage) -----*/
#welcome { clear:both; margin:0 auto; background:#fff; border:1px solid #ccc; padding:15px; width:890px;}
#welcome .main { width:475px; float:left;}
#welcome .vid { float:right; margin: 0px 0px 15px 15px;}
#welcome .buttons { width:890px; float:left; margin-bottom:25px;overflow: hidden;height: 53px;}
#welcome h2 { font-size:30px; color:#006; font-weight:normal; margin-bottom:0px;}
#welcome p { font-size: 13px; line-height:18px; margin-bottom:12px;}
#welcome p.large {font-size: 18px; line-height:27px; margin-bottom:14px;}
#welcome .connect { clear:both; border-top:1px solid #ccc; padding-top:15px;}

.connect .flickr { width:550px; float:left; padding-right:35px; border-right:1px solid #ccc;}
.connect .flickr h3 { font-weight:normal; color:#006; float:left; font-size:17px; width:470px; margin-left:15px; margin-bottom:30px;}
.connect .flickr h3 a { text-decoration:underline;}
.connect .flickr .flickr_badge_image img { display:block; float:left; padding:4px; border:1px solid #ccc; margin-right:10px;}
.connect .flickr .flickr_badge_image a:hover img { border:1px solid #aaa;}
.connect .flickr #flickr_badge_wrapper { clear:both; margin:15px 0px;}
.connect .twitter { width:250px; float:left; padding-left:20px; border-left:1px solid #ccc; margin-left:-1px;}
.connect .twitter img { margin-bottom:15px;}
.connect .twitter h3 { font-weight:normal; color:#006; float:left; font-size:17px; width:170px; margin-left:15px; margin-top:10px;}
.connect .twitter h3 a { text-decoration:underline;}
.connect .twitter #twitter_div { clear:both; font-size:12px;}
.connect .twitter #twitter_div ul li { list-style:none; text-align:right;}
.connect .twitter #twitter_div ul li span { display:block; text-align:left; margin-bottom:10px;}


/*----- Content -----*/
#wrap { width:930px; margin:0px auto;}

#content { width:580px; float:left; background:#fff; border:1px solid #ccc; padding:15px;}

.post { margin-bottom:15px;}
.post .category { color:#999; text-transform:uppercase; font-size:13px;}
.post .category a { color:#999; text-decoration:none;}
.post h2.title { font-weight:normal; font-size:24px; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:5px; }
.post .meta { font-size:11px; text-align:right; margin-bottom:15px; color:#999;}
.post .meta a { color:#999; text-decoration:underline;}
.post .entry {
	font-size:13px;
	line-height:18px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
.post .entry p { margin-bottom:15px;}
.post .entry a { text-decoration:underline;}
.post .entry a:hover { text-decoration:none;}
.post .entry ul, .post .entry ol { margin:0px 0px 15px 30px;}
.post .entry img.alignleft { float:left; margin-right:15px;}
.post .entry img.alignright { float:right; margin-left:15px;}

.post .tagshare { font-size:13px; line-height:15px; margin: 15px 0px 15px 0px;}
.post .tagshare p { margin-bottom:15px;}

.post input.amember {display:inline; margin:0px;}


#comments { margin-top:45px;}
#comments h3.number { color:#006; border-bottom:1px solid #ccc;}
#comments h3.reply { color:#006; line-height: 1.5;}
#comments .commentlist { list-style:none; margin:10px 0px 30px;}
#comments .commentlist li { margin-bottom:15px; border-bottom:1px dotted #999;}
#comments .commentlist li .author { font-size: 12px; color:#333; margin-bottom:10px;}
#comments .commentlist li .author a { color:#333;}
#comments .commentlist li .text { padding:0px 40px; margin-bottom:20px; font-size:12px;}

#comments form { background:#ececec; border-top:1px solid #999; border-bottom:1px solid #999; padding:15px; font-size:12px;}
#comments form p { margin-bottom:15px;}
#comments form input { padding:4px; border:1px solid #999; width:250px; font-size:12px; font-family:inherit;}
#comments form textarea { padding:4px; font-family:inherit; border:1px solid #999; width:540px; height:100px; font-size:12px;}
#comments form input#submit { text-align:center; background:#dbdbdb url(images/small_button_bg.png) repeat-x top; width:70px; float:right;}


/*----- Sidebar -----*/
#sidebar { width:270px; padding:15px; float:right; background:#fff; font-size:13px; border:1px solid #ccc;}
#sidebar .widget { border-bottom:1px solid #CCC; padding-bottom:15px; margin-bottom:15px;}
#sidebar .widget h3 { font-weight:normal; color:#006; padding-bottom:5px; font-size:18px; border-bottom:1px dotted #999; margin-bottom:10px;}
#sidebar .widget form input { padding:4px; border:1px solid #999; width:175px; float:left; display:block; font-size:13px; font-family:inherit;}
#sidebar .widget form input#searchsubmit { text-align:center; background:#dbdbdb url(images/small_button_bg.png) repeat-x top; width:70px; float:right;}
#sidebar .widget .rss { clear:both; padding-top:5px;}
#sidebar .widget .rss a { display:block; height:16px; background:url(images/icons/rss_white.png) no-repeat center left; padding-left:20px; font-weight:bold; text-decoration:underline;}
#sidebar .widget .rss a:hover { text-decoration:none;}
#sidebar .widget ul { margin-left:20px;}

#wp-calendar {empty-cells: show;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: left;margin-bottom:5px;width: 100%;}
#wp-calendar td {padding: 3px 8px;text-align: center;background:#eee;}
#wp-calendar tfoot { display:none;}
#wp-calendar thead th { background:#bbb; padding:3px 8px;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff;}


/*----- Footer -----*/
#footer_wrap { width:100%; background:#000066 url(images/footer.png) repeat-x; padding-top:30px; font:10px Arial; color:#999; overflow:hidden;}
#footer { width:930px; margin:0px auto;}
#footer ul { list-style-position:inside; margin-bottom:2px; margin-top:2px;}
#footer ul li { margin-bottom:2px;}
#footer p { margin-bottom:15px; line-height:13px;}
#footer a { color:#999; text-decoration:underline;}
#footer .wrap { margin-left:auto; margin-right:auto; width:930px;}
#footer .unit { width:215px; height:160px; float:left; border-right:1px solid #003399; margin-bottom:25px; margin-right:15px;}
#footer .copy { clear:both; font-size:10px; color:#3cb9a3;}
#footer .sitemap { width:150px;}

#footer .follow { font-size:1.4em; width:290px; margin-right:0px; border:none;}
#footer .follow ul { width:140px; float:left;}
#footer .follow li { list-style:none; margin-bottom:7px;}
#footer .follow a { display:block; padding-left:20px; height:16px;}
#footer .follow .rss a { background:url(images/icons/rss.png) no-repeat center left;}
#footer .follow .t a { background:url(images/icons/twitter.png) no-repeat center left;}
#footer .follow .yt a { background:url(images/icons/youtube.png) no-repeat center left;}
#footer .follow .v a { background:url(images/icons/vimeo.png) no-repeat center left;}
#footer .follow .f a { background:url(images/icons/flickr.png) no-repeat center left;}
#footer .follow .fb a { background:url(images/icons/facebook.png) no-repeat center left;}
#footer .follow .ms a { background:url(images/icons/myspace.png) no-repeat center left;}
#footer .follow .dg a { background:url(images/icons/digg.png) no-repeat center left;}
#footer .follow .d a { background:url(images/icons/delicious.png) no-repeat center left;}
#footer .follow .su a { background:url(images/icons/stumbleupon.png) no-repeat center left;}
#footer .follow .tr a { background:url(images/icons/technorati.png) no-repeat center left;}

/*-- Headings just to be careful -- */
H1, H2, H3, H4, H5, H6 {margin:0px; padding:0px; line-height:1.4;}

/*-- Get Involved State Listings --*/
.post .entry ul.statelisttag {margin: 0px;padding: 0px;clear: both;list-style-type: none;display: block;}
.post .entry ul.statelisttag li {display: inline;padding: 0px;list-style-type: none;margin: 0px;}
.post .entry ul.statelisttag li a {line-height: 1.5;color: #000066;text-decoration: underline;background-color: #ececec;font-size: 1em;width: 2em;display: block;float: left;padding: 0px;margin-top: 0px;margin-right: 2px;margin-bottom: 2px;margin-left: 0px;text-align: center;}
.post .entry ul.statelisttag li a:hover {line-height: 1.5;color: #FFFFFF;text-decoration: underline;background-color: #cc0000;font-size: 1em;width: 2em;display: block;float: left;padding: 0px;margin-top: 0px;margin-right: 2px;margin-bottom: 2px;margin-left: 0px;text-align: center;}
.post .entry ul.statelistfull {margin: 0px;padding: 0px;list-style-type: none;}
.post .entry ul.statelistfull h3 {line-height: 1.5;text-transform: capitalize;color: #000099;margin: 0px;padding: 0px;}
.post .entry ul.statelistfull li {padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 1em;margin-left: 0px;}
.post .entry ul.statelistfull li.statelisttop {line-height: 2;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ececec;margin: 0px;padding: 0px;}
.post .entry ul.nostyle {margin: 0px; padding: 0px; list-style-type: none;}
.post .entry ul.nostyle li {margin: 0px 0px 1em 0px; padding: 0px; list-style-type: none;}