/* Theme Name: wdemstheme */

/* ------------------------------------------------------------------------- RESET CSS */
* {margin:0;padding:0;border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
hr {background-color:#999;border:0;height:1px;}
:focus {outline:0;}
p, ul, ol {margin-bottom:1.5em;}
ul {list-style:disc;}
ol {list-style-type:decimal;}
strong {font-weight:bold;}
em {font-style:italic;} 
p img {padding:0;max-width:100%;height:auto;}
.alignleft {display:inline;position:relative;float:left;margin-right:1.5em;}
.alignright {display:inline;position:relative;float:right;margin-left:1.5em;}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption {text-align:center;margin-bottom:1.5em;}
.wp-caption img {border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text {margin:0;}
ul.xoxo {list-style-type:none;}

/* ------------------------------------------------------------------------------------- GENERAL ELEMENTS, HEADER & MENU */
@font-face {
    font-family: 'MuseoSans500';
    src: url('fonts/museosans_1-webfont.eot');
    src: url('fonts/museosans_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_1-webfont.woff') format('woff'),
         url('fonts/museosans_1-webfont.ttf') format('truetype'),
         url('fonts/museosans_1-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background:#072C51 url(images/background.jpg) no-repeat center top;font-family:Arial, Helvetica, sans-serif;}
body#tinymce {background:#fff;}
.wrapper {width:960px;margin:auto;}
.header {float:left;width:960px;height:200px;}
a.logo {padding:0;float:left;width:543px;height:160px;background:url(images/logo.png) no-repeat;text-indent:-9999px;position:relative;right:27px;}
body .header .search {float:right;width:333px;height:30px;margin:15px 0 0 0;}
body .header .search #searchform {float:right;width:333px;}
#searchform label {text-indent:-9999px;overflow:hidden;background:url(images/search.png) no-repeat 5px 0px;float:left;width:31px;height:25px;}
#searchform input[type="text"] {background:transparent url(images/search.png) no-repeat -30px 0px;float:left;width:150px;height:25px;border:none;margin:0 0 20px 0;padding:0 3px 0 3px;}
#searchform input[type="text"]:hover, #searchform input[type="text"]:focus {background:#fff;}
#searchform input[type="submit"] {float:left;width:65px;height:25px;padding:0;margin:0 0 0 8px;border:none;background:url(images/search.png) no-repeat -30px 0px;color:#ccc;}
#searchform input[type="submit"]:hover, #searchform input[type="submit"]:focus {background:#fff;color:#041F3F;}
body .header .search a.loginlink, body .header .search a.loginlink:visited {float:left;width:51px;height:15px;padding:4px 0 6px 14px;margin:0 0 0 8px;border:none;background:url(images/search.png) no-repeat -30px 0px;color:#ccc;font-size:13px;text-decoration:none;}
body .header .search a.loginlink:hover, body .header .search a.loginlink:active, body .header .search a.loginlink:focus {background:#fff;color:#041F3F;}

.menu-main-menu-container {position:relative;float:left;width:960px;height:40px;z-index:3;margin:0;}
.menu-main-menu-container ul {float:left;width:960px;height:40px;list-style-type:none;margin:0px;z-index:3;position:relative;top:4px;}
.menu-main-menu-container li {float:left;width:auto;position:relative;min-height:37px;padding:0;z-index:3;}
.menu-main-menu-container li a {float:left;width:auto;height:37px;max-height:37px;position:relative;z-index:3;color:#fff;}
.menu-main-menu-container li a:hover, .menu-main-menu-container li a:focus {background-color:#fff;color:#444;}

#menu-item-28:hover > a {background-color:#fff;color:#444;}
#menu-item-28 ul li {position:relative;bottom:5px;}
#menu-item-28 ul li a:first-child {border-top:5px solid #fff;}

.menu-main-menu-container ul li a, .menu-main-menu-container ul li a:visited {border:none;height:53px;z-index:3;text-decoration:none;padding:7px 20px 0;font-size:14px;}
.menu-main-menu-container ul ul {visibility:hidden;position:absolute;top:36px;left:-5px;height:auto;width:216px;min-width:237px;font-size:13px;margin-left:0px;z-index:3;background:url(images/menu-shadow.png) no-repeat bottom;padding:5px;}
.menu-main-menu-container ul li {z-index:3;}
.menu-main-menu-container ul li:hover ul, .menu-main-menu-container ul li.sfhover ul {visibility:visible;}
.menu-main-menu-container ul ul li a, .menu-main-menu-container ul ul li a:visited {float:left;width:206px;min-width:206px;max-width:206px;height:17px;background:#fff;color:#042656;text-indent:4px;text-decoration:none;padding:16px 10px 14px 10px;position:relative;z-index:3;border:5px solid #fff;border-top:none;font-size:13px;}
.menu-main-menu-container ul ul li a:hover {background-color:#eee;text-decoration:none;color:#000;}

/* ----------------------------------------------------------------------------------------------------- SLIDESHOW */
#easywrap {float:left;width:960px;height:270px;background:#fff;padding:8px 0 10px 0px;}
#easyslider {float:left;width:951px;height:270px;margin-left:9px;}
#easyslider ul {list-style-type:none;margin:0;float:left;width:940px;height:300px;}
#easyslider ul li {width:943px;height:271px;overflow:hidden;}
#easyslider ul li img {min-width:630px;}
#easyslider .blurb {float:left;width:264px;height:260px;padding:20px;background:url(images/slideshow-text.jpg) repeat-x;margin-right:7px;}
#easyslider .blurb img {display:none;}
.blurb h1 {width:264px;background:none;color:#042656;}
.blurb h2 {margin-bottom:17px;margin-top:0;}
.blurb h3 {margin-bottom:13px;margin-top:0;}
.blurb h4 {margin-bottom:9px;}

ol#controls {margin:0;padding:0;height:15px;text-indent:-9999px;overflow:hidden;clear:both;position:relative;bottom:20px;left:16px;}
ol#controls li {padding:0;float:left;width:20px;height:20px;list-style:none;}
ol#controls li a {float:left;width:13px;height:13px;background:#fff;opacity:0.2;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";border:1px solid #000;}
ol#controls li a:hover, ol#controls li a:focus, ol#controls li.current a {opacity:0.5;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
ol#controls li a:focus {outline:none;}

/* ----------------------------------------------------------------------------------------------------- CONTENT */
.content-top {float:left;width:960px;height:20px;background:#fff url(images/content-top.png) no-repeat;}
.home .content-top {background:#fff url(images/content-top-home.png) no-repeat;}
.content-middle {float:left;width:960px;min-height:320px;background:#fff url(images/content-middle.png) repeat-y;}
.content-bottom {float:left;width:960px;height:30px;background:#fff url(images/content-bottom.png) no-repeat;}
h1.entry-title {font-size:25px;font-family:'MuseoSans500', arial, sans-serif;color:#345686;width:600px;background:#f5f5f5 url(images/title.jpg) no-repeat;position:relative;bottom:17px;right:19px;padding:15px 10px 10px 20px;}
h1 {font-size:23px;font-family:'MuseoSans500', arial, sans-serif;color:#345686;width:610px;margin-bottom:10px;}
h2 {font-size:21px;font-family:'MuseoSans500', arial, sans-serif;color:#042656;width:595px;margin-top:30px;margin-bottom:8px;line-height:25px;}
.entry-content h2:first-child {margin-top:10px;}
h3 {font-size:17px;font-family:'MuseoSans500', arial, sans-serif;color:#042656;line-height:23px;width:595px;margin-top:14px;margin-bottom:10px;}
h4 {font-size:15px;font-family:'MuseoSans500', arial, sans-serif;margin-bottom:5px;}
h5 {font-size:13px;font-family:'MuseoSans500', arial, sans-serif;}
.entry-content a, .entry-content a:visited {color:#345686;}
.entry-content a:hover, .entry-content a:active, .entry-content a:focus {color:#000;}
.entry-content {color:#031A35;font-size:12px;line-height:19px;}
.entry-content p {margin-bottom:15px;}
.entry-content table {margin-bottom:10px;}
.entry-content table td {padding:1px 15px 5px 0px;}
.home .entry-title {margin:0;position:relative;width:610px;background:url(images/title.jpg);position:relative;bottom:17px;right:19px;padding:20px 0 20px 20px;}
.home h1 {background:none;}
.timestamp {font-size:11px;margin-top:-10px;}
.entry-content ul, .entry-content ol {margin-left:20px;clear:both;}
.entry-content ul li, .entry-content ol li {line-height:20px;}

.main {float:left;width:595px;min-height:320px;padding:7px 20px 15px 30px;}

.page-post {font-size:12px;}
.type-news, .type-blog {margin:20px 0 80px 0;}
.type-eventspost {margin:0 0 30px 0;}
.single .type-news {margin:0;}
.page-post .entry-content .entry-title {display:none;}
h2.post-title a, h2.post-title a:visited {border-bottom:2px solid #ddd;padding-bottom:4px;text-decoration:none;float:left;width:100%;margin:0 0 15px 0;}
h2.post-title a:hover, h2.post-title a:active, h2.post-title a:focus {border-bottom:2px solid #aaa;}

blockquote {padding:15px 20px 15px 20px;margin-left:20px;background:#f5f5f5;}

.excerpt-image {float:left;max-width:75px;margin:0 15px 15px 0;}

.afg-cell {float:left;width:inherit;margin:0 0 10px;}
.afg-pagination {float:left;width:100%;margin:30px 0 0;}
.afg-cell a, .afg-cell a:visited {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.afg-cell a:hover, .afg-cell a:focus {opacity:0.7;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.afg-cell a:active {opacity:0.3;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

/* --------------------------------------------------------------------------------------------------- COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; top:0;width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{-webkit-overflow-scrolling: touch;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000;}
#colorbox{outline:0;overflow:visible;}
#cboxContent{background:transparent;}
#cboxWrapper {position:absolute;overflow:show;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:0;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,1);-moz-box-shadow:0 0 7px rgba(0,0,0,1);box-shadow:0 0 7px rgba(0,0,0,1);}
#cboxTitle {margin:0;position:absolute; bottom:-50px; left:0; text-align:center; width:100%; color:#ccc;font-family:inherit;}
#cboxCurrent{text-indent:-9999px;overflow:hidden;visibility:hidden;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{position:absolute; top:0; left:0; background:transparent; width:30%; height:100%; text-indent:-9999px;}
#cboxPrevious span{width:40px;height:40px;position:absolute;top:50%;left:10px;margin-top:-20px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:0; right:3px; background:transparent; width:30%; height:100%; text-indent:-9999px;}
#cboxNext span{width:40px;height:40px;position:absolute;top:50%;right:-10px;margin-top:-20px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:-15px; right:-30px; display:none; background:url(images/cbox.png) no-repeat 0 0; width:40px; height:40px; text-indent:-9999px;}
#cboxClose.closeopen {display:block;}
#cboxClose.closeclose {display:none;}
#cboxNext:hover span {background:url(images/cbox.png) no-repeat 0 -100px;}
#cboxPrevious:hover span {background:url(images/cbox.png) no-repeat 0 -50px;}


/* ----------------------------------------------------------------------------------------------------- SIDEBAR */
/* -------------------------------- http://www.washtenawdems.org/wp-content/themes/wdemstheme/images/sidebar.png */
.sidebar {float:left;width:280px;min-height:325px;padding:0 0 0 15px;}
.sidebar-buttons a {text-indent:-9999px;overflow:hidden;float:left;width:280px;height:60px;background:url(images/sidebar.png) no-repeat;margin:0 0 5px 0;}
a.sidebar-connect {background-position:0px 0px;}
a.sidebar-contribute {background-position:0px -100px;}
a.sidebar-join {background-position:0px -200px;}
a.sidebar-store {background-position:0px -300px;display:none;}
a.sidebar-bylaws {background-position:0px -400px;display:none;}

.page-id-9 a.sidebar-bylaws, .page-id-81 a.sidebar-bylaws, .page-id-84 a.sidebar-bylaws, .page-id-86 a.sidebar-bylaws, .page-id-88 a.sidebar-bylaws {display:block;}

a.sidebar-connect:active, a.sidebar-connect:hover, a.sidebar-connect:focus {background-position:-300px 0px;}
a.sidebar-contribute:active, a.sidebar-contribute:hover, a.sidebar-contribute:focus {background-position:-300px -100px;}
a.sidebar-join:active, a.sidebar-join:hover, a.sidebar-join:focus {background-position:-300px -200px;}
a.sidebar-store:active, a.sidebar-store:hover, a.sidebar-store:focus {background-position:-300px -300px;}
a.sidebar-bylaws:active, a.sidebar-bylaws:hover, a.sidebar-bylaws:focus {background-position:-300px -400px;}

.calendar {float:left;width:280px;min-height:100px;}

.sidebar-links {font-size:12px;background:#f5f5f5;margin:0 0 10px 0;padding:5px 10px 10px 10px;}
.sidebar-links a {display:block;color:#345686;margin:0 0 10px 0;text-decoration:none;}
.sidebar-links a:active, .sidebar-links a:hover, .sidebar-links a:focus {color:#000;}
.sidebar-links h3 {width:200px;margin-top:5px;}

/* ----------------------------------------------------------------------------------------------------- FOOTER */
.footer {float:left;width:920px;background:url(images/footer.jpg) repeat-y;font-size:13px;font-family:arial, sans-serif;color:#fff;padding:20px 30px 20px 50px;overflow:hidden;}
.footer h3 {color:#fff;float:left;width:290px;margin:0 0 30px 0;letter-spacing:1px;}
.footer a, .footer a:visited {color:#fff;text-decoration:none;font-size:13px;float:left;width:290px;padding:5px 0 5px 0;}
.footer a:active, .footer a:hover, .footer a:focus {text-decoration:underline;}
.linkcat h2 {display:none;}
.footerlinks {float:left;width:320px;}
.footer ul {list-style:none;}
.footerofficials {float:left;width:310px;}
.footercontact {float:left;width:270px;font-size:15px;line-height:25px;}
.footer-in {float:left;width:960px;height:340px;max-height:450px;}
.paidforby {float:left;width:960px;font-size:12px;}

/* ---------------------------------------------------------------------------------------------------- CONTACT */
input[type="text"] {width:400px;height:20px;background:#fff;border:1px solid #ccc;margin:0;padding:3px 5px;}
input[type="text"]:hover, input[type="text"]:focus {border:1px solid #444;}
select {border:1px solid #ccc;}
select:hover, select:focus {border:1px solid #444;}
input[type="submit"], button {width:100px;height:28px;border:1px solid #ccc;cursor:pointer;background:#fff;}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {border:1px solid #444;}
textarea {width:400px;height:150px;max-width:400px;max-height:150px;background:#fff;border:1px solid #ccc;padding:3px 5px;overflow:hidden;font-family:Arial, Helvetica, sans-serif;}
textarea:hover, textarea:focus {background:#fff;border:1px solid #444;}

input[type="text"]#Zip {width:347px;}

.page-contribute input, .page-contribute select {width:240px;margin:0 0 10px 0;height:20px;background:#fff;border:1px solid #ccc;padding:3px 5px;}
.page-contribute input:hover, .page-contribute input:focus, .page-contribute select:hover, .page-contribute select:focus {border:1px solid #444;}
.page-contribute select {padding:0;height:26px;margin:0 5px 10px 0;}
.page-contribute input[type="radio"], .page-contribute input[type="checkbox"] {width:13px;height:13px;margin:0;padding:0;border:0;background:none;}
.page-contribute input[name="cc"] {width:120px;}
.page-contribute input.input5 {max-width:80px;}
.page-contribute input.input3 {max-width:40px;}
.page-contribute input.input5 {margin-left:7px;}
.page-contribute table tbody td {padding-right:15px;}
.page-contribute label {font-size:11px;}
.page-contribute .entry-content ul {list-style-type:none;margin:4px 0 15px 0;}
.page-contribute table#cc_details {margin-left:0px;position:relative;left:-42px;}
.page-contribute table#cc_details tbody tr td {padding:0 10px 0 0;margin:0;min-width:160px;}
.page-contribute input[type="radio"] {margin:0 10px 0 0;}
.page-contribute select#donation_pay_periods {margin-top:10px;}

.page-contribute input[type="submit"], .page-contribute button {width:100px;height:28px;border:1px solid #ccc;cursor:pointer;background:#fff;}
.page-contribute input[type="submit"]:hover, .page-contribute input[type="submit"]:focus, .page-contribute button:hover, .page-contribute button:focus {border:1px solid #444;}

.page-events div.date {font-size:15px;font-family:'MuseoSans500', arial, sans-serif;margin:0 0 25px 0;padding:0;}
.page-events input, .page-events select {width:240px;margin:0 0 10px 0;height:20px;background:#fff;border:1px solid #ccc;padding:3px 5px;}
.page-events input:hover, .page-events input:focus, .page-events select:hover, .page-events select:focus {border:1px solid #444;}
.page-events input[type="submit"] {width:100px;height:28px;border:1px solid #ccc;cursor:pointer;background:#fff;margin:20px 0 30px 0;}
.page-events button, .page-events input[type="button"] {width:200px;height:28px;border:1px solid #ccc;cursor:pointer;background:#fff;margin:0 0 30px 0;}
.page-events input[type="submit"]:hover, .page-events input[type="submit"]:focus, .page-events button:hover, .page-events button:focus, .page-events input[type="button"]:hover, .page-events input[type="button"]:focus {border:1px solid #444;cursor:pointer;}
.page-events label {float:left;width:100px;}