/*
Theme Name: Ohio Lobbying Association
Author: Marcy Design Group, Inc.
*/

* {margin: 0; padding: 0;}
body {font-family: arial; font-size: 12px; background: url('images/headerrepeat.jpg') repeat-x;}
a {font-family: arial; font-size: 12px; color: #1f6496;}
#wrap {margin: auto; width: 872px;}
p, span {color: #565555;}
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {font-size: 12px; line-height: 16px; color: #1f6496; margin: 0 0 10px 0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: none;}
label {color: #565555;}
img {border: none;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px 4px 4px 0; display: inline;}
.alignright {float: right; width: auto;}
.alignleft {float: left; width: auto;}

p.wp-caption-text {font-size: 11px; padding: 2px 3px 2px 5px;}

#flipbook {display: none;}

/* header */
#headwrap {float: left; width: 872px; height: 127px;}
#logo {float: left; width: 467px; height: 127px;}
#searcharea {float: left; margin: 0 0 0 99px; width: 305px; height: 67px;}
#socialarea {float: left; margin: 0 0 0 99px; width: 305px; height: 60px;}
#icons {float: left; width: 305px; height: 25px;}
#mail {float: left; margin: 4px 0 0 232px; width: 27px; height: 25px;}
#rss {float: left; margin: 4px 0 0 21px; width: 20px; height: 25px;}
input#s {line-height: 32px; font: 12px arial;}
input {color: #565555; vertical-align: top; text-align: left; font: 11px arial;}
.btn {width: 24px; height: 28px; background: url('images/searchbutton.jpg') no-repeat; border: none; font-size: 0px;}
#s {float: left; width: 211px; padding: 5px 0 4px 0; border: 0; margin: 2px 0 0 6px;}
#searchbox {float: left; width: 219px; height: 28px; background: url('images/searchbox.jpg') no-repeat;}
#searchy {margin: 32px 0 0 60px;}

/* navigation */
#navigation {float: left; background: #ffffff url(images/navbar.jpg) repeat-x; width: 872px; height: 57px; color: #5f5f5f;}
#nav { margin: 5px 0px 0px 0px; padding: 0px; list-style: none;}
#nav ul {margin: 0; padding: 0px; list-style: none; text-align: left;}
#nav a {color: #5f5f5f; font-family: arial; display: block; font-size: 12px; letter-spacing: 0px; font-weight: bold; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 18px 10px 14px 10px; text-align: left; text-decoration: none;}
#nav a:hover {background: #ffffff; color: #295B9A; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 18px 10px 14px 10px;}
#nav li {float: left; margin: 0px; padding: 0px; text-align: left;}
#nav li li {float: left; margin: 0px; padding: 0px; width: 140px; text-align: left;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #6286b2; color: #ffffff; width: 140px; float: none; margin: 0px; border-top: 1px solid #1f6496; padding: 8px 10px 8px 10px; text-align: left;}
#nav li li a:hover, #nav li li a:active {background: #1f6496; padding: 8px 10px 8px 10px;}
#nav li ul {position: absolute; width: 10em; left: -999em; text-align: left;}
#nav li:hover ul {left: auto; display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* home */
#midimg {float: left; width: 872px; height: 230px; background: url('images/midimg.jpg') no-repeat;}

#midimgflash {float: left; width: 872px; height: 230px;}

#homeside {float: left; width: 332px;}

#eventtop {float: left; margin: 14px 0 0 0; width: 332px; height: 75px; background: url('images/eventtop.jpg') no-repeat;}
#eventcontent {float: left; margin: -2px 0 0 0; padding: 10px 55px 5px 55px; width: 227px; background: url('images/eventcontent.jpg') repeat-y;}
#eventbottom {float: left; width: 332px; height: 35px; background: url('images/eventbottom.jpg') no-repeat;} 

#legislativetop {float: left; margin: 15px 0 0 0; width: 332px; height: 74px; background: url('images/legislativetop.jpg') no-repeat;}
#legislativecontent {float: left; padding: 10px 55px 5px 55px; width: 227px; height: 100%; background: url('images/legislativecontent.jpg') repeat-y;}
#legislativecontent p {margin: -7px 0 5px 25px;}
#legislativecontent h2 {font-weight: normal;}
.legislativedate {margin: 0 0 0 25px;}
#legislativebottom {float: left; width: 332px; height: 34px; background: url('images/legislativebottom.jpg') no-repeat;}

#homecontent {float: left; margin: 0 0 0 21px; width: 496px;}
#homecontent-flip {float: left; width: 832px; padding: 0 21px 0 21px;}

#welcome {float: left; margin: 22px 0 0 0; width: 496px;}
#welcome h2 {font-size: 20px; color: #202020; font-weight: normal;}
#welcomeimg {float: left; margin: 12px 0 0 0; width: 403px; height: 32px; background: url('images/welcome.jpg') no-repeat;}
#welcomecontent {float: left; margin: 15px 0 0 0; padding: 0 0 0 2px; width: 496px;}
#welcomecontent p {margin: 0 0 15px 0;}

#legislativeupdate {float: left; width: 496px; height: 37px;}
#legislativeupdateimg {float: left; margin: 16px 0 0 0; width: 162px; height: 21px; background: url('images/legislativeupdate.jpg') no-repeat;}
#legislativeupdatecontent {float: left; margin: 13px 0 0 0; padding: 0 0 0 2px; width: 496px;}
#legislativeupdatecontent p {margin: 0 0 15px 0; line-height: 18px;}

#memberspotlight {float: left; width: 496px; height: 33px;}
#memberspotlightimg {float: left; margin: 12px 0 0 0; width: 161px; height: 21px; background: url('http://ohiolobby.org/wp-content/uploads/2010/07/spotlight1.jpg') no-repeat;}
#memberspotlightcontent {float: left; margin: 15px 0 0 0; padding: 0 0 0 2px; width: 496px;}

.line {float: left; margin: 7px 0 0 0; width: 496px; height: 2px; background: url('images/line.jpg');}
.more {float: left; margin: 0 0 15px 0; width: 496px; height: 10px;}
.moreimg {float: right; margin: 0 15px 0 0; width: 77px; height: 10px;}
.date {float: left; width: 496px; margin: -8px 0 10px 0; line-height: 10px; font-size: 10px;}
.check {float: left; margin: 1px 0 0 0;}

#membersbtop {float: left; margin: 14px 0 0 0; width: 332px; height: 75px; background: url('images/membersearchtop.jpg') no-repeat;}
#membersbcontent {float: left; margin: -2px 0 0 0; padding: 8px 55px 0 46px; width: 238px; background: url('images/eventcontent.jpg') repeat-y;}
#membersbcontent a {text-decoration: underline;}
#membersbcontent a:hover {text-decoration: none;}
#membersbbottom {float: left; width: 332px; height: 35px; background: url('images/eventbottom.jpg') no-repeat;} 
#membersearcharea {float: left; width: 305px; height: 35px;}
.btnmember {width: 24px; height: 28px; background: url('images/searchbuttonmember.jpg') no-repeat; border: none; font-size: 0px;}
#searchboxmember {float: left; width: 219px; height: 28px; background: url('images/searchboxmember.jpg') no-repeat;}
#smem {float: left; width: 211px; padding: 5px 0 4px 0; border: 0; margin: 2px 0 0 6px;}
input#smem {line-height: 32px; font: 12px arial;}
#jlec {margin: 0 0 0 1px;}

.simplepie {float: left; margin: 5px 0 0 -2px;}
.simplepie li {background: url('images/check.jpg') no-repeat left top; list-style-type: none; padding: 0 0 15px 25px;}
.simplepie ul li a:hover {text-decoration: none;}
.simplepie small {color: #565555;}

#membersspotlightimg {float: left; padding: 0 10px 5px 0;}

/* footer */
#footer {float: left; margin: 15px 0 0 0; padding: 0 0 27px 0; width: 872px; height: 68px; background: url('images/footer.jpg') no-repeat;}
#footertxt {width: 872px; margin: auto; text-align: center; margin: 25px 0 0 0;}
#footertxt span {font-size: 11px;}
.boldcaps {text-transform: uppercase; font-weight: bold;}

/* page & single */
#midimginside {float: left; width: 872px; height: 119px; background: url('images/midimginside.jpg') no-repeat;}

#pagecontent {float: left; margin: 20px 0 0 0;}
#pagecontent p {margin: 0 0 15px 0; line-height: 18px;}
#pagecontent ul li {margin: 0 0 10px 15px; line-height: 18px; color: #565555;}
#pagecontent ul li a {color: #565555;}
#pagecontent a {text-decoration: underline;}
#pagecontent a:hover {text-decoration: none;}

/* member directory */
#memberslisting {list-style-type: none;}
#memberslisting a {text-decoration: none;}
#memberslisting a:hover {text-decoration: underline;}
#member a, .member a {text-decoration: none !important;}
#member a:hover, .member a:hover {text-decoration: underline !important;}

#membercontent {float: left; margin: 20px 0 0 0;}
#membercontent p {margin: 0 0 15px 0; line-height: 18px;}

#userlist li {list-style-type: none; line-height: 18px;}
#userlist li a {text-decoration: none;}
#userlist li a:hover {text-decoration: underline;}

#membersingle strong {font-size: 12px; line-height: 16px; color: #1f6496; margin: 0 0 10px 0;}