/*  
Theme Name: Ali Saleh For Bell City Council
Description: WP theme for Ali Saleh running for Bell City Council
Author: Josef Lagunas
Author URI: http://www.contactdesignstudios.com
Version: 1.0
Tags: political, patriotic, american flag
*/

/* Reset Defaults Starts */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: 10px; }
a { color: #214263; }
a:hover { color: #0081b0; }
blockquote { margin: 5px 10px; padding: 5px 10px; background: #9DCAE8; border: 1px dotted #BBB; }
code { color: #3366CC; }
a img { border: none; }
/* Reset Defaults Ends */

body { margin: 0px; padding: 0x; font-family: arial, sans-serif; background: #FFF url(images/bgbody.jpg) top center no-repeat; }

#wrapper { background-image: url(images/bgtopbar.png); background-repeat: repeat-x; }

#header { height: 233px; }

#topbar { width: 894px; margin: 0px auto; }

#languages { width: 200px; float: left; }
#languages td a.spanish { display: block; background-image: url(images/bgtabspanish.jpg); background-position: center top; background-repeat: no-repeat; width: 86px; height: 35px; }
#languages td a.spanish:hover { background-position: center bottom; }
#languages td a.arabic { display: block; background-image: url(images/bgtabarabic.jpg); background-position: center top; background-repeat: no-repeat; width: 66px; height: 35px; }
#languages td a.arabic:hover { background-position: center bottom; }

#sms { width: 298px; float: right; }
#sms td a.sms { display: block; background-image: url(images/bgtabsms.jpg); background-position: center top; background-repeat: no-repeat; width: 298px; height: 35px; }
#sms td a.sms:hover { background-position: center bottom; }

#nav { clear: both; width: 893px; margin: 0px auto; }
#nav table { border: solid 2px #FFF; border-left: none; }
#nav td { background: url(images/bgtab.jpg) left top repeat-x; border-left: solid 1px #FFF; border-right: solid 1px #e1e1e1; }
#nav td a { display: block; padding: 0px 15px; text-transform: uppercase; font-family: "Gill Sans MT", Tahoma, Verdana, sans-serif; font-size: 14pt; color: #214263; text-decoration: none; line-height: 50px; }
#nav td a:hover { background-position: left bottom; text-decoration: none; color: #0081b0; cursor: pointer; /* For IE6 */ }
#nav td.current_page { background-position: left bottom; }
#nav td.current_page a { color: #e64029; }

#main { width: 939px; margin: 0px auto; }

#contentwrapper { margin: 0px 25px; }
#content { width: 596px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
#content .pageTitle { padding: 5px 10px 15px 10px; font-size: 16pt; font-family: arial, sans serif; letter-spacing: -1px; color: #5A7836; }
#content table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333; }

.post { }

h2.homeTitle { margin: 0 0 15px 0; }
h2.postTitle { font-family: "Helvetica", Tahoma, Verdana, sans-serif; font-size: 20pt; line-height: 45px; font-weight: bold; color: #214263; background-image: url(images/bgpagetitle.jpg); background-repeat: repeat-x; }
h2.postTitle a { text-decoration: none; color: #11414F; }
h2.postTitle a:hover { color: #0081b0; }
.postMeta { padding: 2px 10px 3px 10px; font-size: 9pt; color: #333; }
.postMeta a { text-decoration: none; }
.postContent { padding: 10px; }
.postContent img { margin: 10px; border: 3px solid #CCC; }
#content p, .postContent p { padding: 5px 10px; font-size: 10pt; color: #4c4c4c; }
.postContent ul, .postContent ol { padding: 0 0 0 35px; color: #4c4c4c; }
.postTags { margin: 5px 10px 15px 10px; font-size: 9pt; color: #000; }

p.comments { clear: both; padding: 5px 10px 5px 10px; }
p.comments a { padding-left: 20px; background: url(images/comment.gif) left top no-repeat; font-size: 10pt; text-decoration: none; }
.commentlist { margin: 10px 0px; padding: 0px 10px; font-size: 10pt; list-style: none; }
.commentlist li { background: #ededed; border: 1px solid #e5e5e5; margin-bottom: 10px; }
.commentlist cite { padding: 10px; font-size: 10pt; }
.commentlist cite a { }
.commentmetadata { padding: 10px; }
.comment h3 { padding: 0 10px; font-size: 12pt; font-weight: bold; text-decoration: none; color: #000; }
.comment p { padding: 10px; font-size: 10pt; color: #000; }
.comment a { text-decoration: none; }
.comment a:hover { text-decoration: underline; }
.comment textarea { width: 555px; }
.comment #submit { width: 166px; height: 36px; background: url(images/commentbutton.jpg) left top no-repeat; border: none; font-size: 9pt; color: #333; }
.comment #submit:hover { cursor: pointer; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* Sidebars */
.sidebars { height: 678px; background-image: url(images/bgsidebar.jpg); background-repeat: repeat-x; padding-top: 10px; }
.sidebars h2 { font-family: "Helvetica Neue", Tahoma, Verdana, sans-serif; font-size: 18pt; color: #e64029; border-bottom: solid 1px #e6e6e6; }
.sidebars h2 span.blue { color: #162b48; }
.sidebars div.sidebarbox { margin: 0px auto; margin-bottom: 10px; padding-bottom: 10px; display: block; list-style: none; width: 275px; background-color: #e6e6e6; background-image: url(images/bgsidebarbox.jpg); background-repeat: repeat-x; background-position: left top; }
.sidebars div.sidebarbox ul { margin: 0px; padding: 0px; }
.sidebars div.sidebarbox ul li { margin: 0px; padding: 0px; list-style: none; }
.sidebars a { color: #333; text-decoration: none; }
.sidebars a:hover { color: #003366; }
.sidebars p { font-family: "Gill Sans MT", Tahoma, Verdana, sans-serif; font-size: 10pt; line-height: 12pt; }
.sidebars .sidebarbutton { display: block; width: 168px; height: 44px; margin: 0px auto; }
.sidebars .sidebarbutton a.contribute { display: block; width: 168px; height: 44px; background-image: url(images/bgtabcontribute.png); background-repeat: no-repeat; background-position: left top; }
.sidebars .sidebarbutton a.contribute:hover { background-position: left bottom; }
.sidebars .sidebarbutton a.request { display: block; width: 168px; height: 44px; background-image: url(images/bgtabrequest.png); background-repeat: no-repeat; background-position: left top; }
.sidebars .sidebarbutton a.request:hover { background-position: left bottom; }
.sidebars table { margin: 10px auto; }
.sidebars table td { padding: 10px; }

/* Footer */
#footer { width: 894px; margin: 0px auto; color: #fff; background-color: #162b48; font-family: "Gill Sans MT", Tahoma, Verdana, sans-serif; font-size: 12pt; text-align: center; padding: 10px 0px; }

#footercontent p { padding: 0px; line-height: 19px; }
#footercontent p.smaller { font-size: 10pt; }

#footernav { margin-bottom: 10px; }
#footernav a { text-decoration: none; color: #FFF; text-transform: uppercase; }
#footernav a:hover { color: #999; }
#credits { text-align: center; margin: 10px 0px; font-size: 10pt; color: #53627b; }
#credits a { text-decoration: none; color: #53627b; }
#credits a:hover { color: #FFF; }

/* extras */
.cleared { clear: both; }
.left { float:left; }
.right { float:right; }
#nextprevious { padding:10px; font-size:85%; }
a.gravatar { float:right; margin:10px 15px 20px 0; width:50px; }
span.dotdivider { padding: 0px 8px; line-height: 12px; }

#easysms h2.widgettitle { display: none; }
#easysms { list-style-type: none; }
input#easysms_click { background-image: url(images/iagreebutton.jpg); width: 125px; height: 36px; border: none; font-size: 0px; cursor: pointer; }

input#easysms_retrieve { background-image: url(images/resendcodebutton.jpg); width: 167px; height: 36px; border: none; font-size: 0px; cursor: pointer; }
input#easysms_resend { background-image: url(images/resendcodebutton.jpg); width: 167px; height: 36px; border: none; font-size: 0px; cursor: pointer; }

input#easysms_manage { background-image: url(images/unsubscribebutton.jpg); width: 167px; height: 36px; border: none; font-size: 0px; cursor: pointer; }
input#easysms_unsubscribe { background-image: url(images/unsubscribebutton.jpg); width: 167px; height: 36px; border: none; font-size: 0px; cursor: pointer; }

input#easysms_home { background-image: url(images/gobackbutton.jpg); width: 127px; height: 36px; border: none; font-size: 0px; cursor: pointer; }