/*
-----------------------------------------------
Franken
Author:   Cameron Corda

Dark Blue: #364E66
Red: #9B3A3A
Orange: #EF9232
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/
/*body {background: #010427 url(http://www.alfranken.com/page/-/wrapper2/bg.jpg) 50% 300px repeat-y}*/
/*body {background: #010427 url(/page/-/wrapper2/bg.jpg) top left no-repeat}*/
body {background: #010427}

/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: arial, helvetica, sans-serif; color: #364E66;} /* sets font to 10px */

#container { font-size: 1.3em; } /* 1.1em = 11px */

h1 {font-family: "century gothic"; font-size: 2em; font-weight: bold; margin-top: .5em; margin-bottom: .5em; color: #364E66; text-transform: uppercase;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; margin-top: 1.2em; font-weight: bold; margin-bottom: .7em; color: #364E66;}
h3 {font-size: 1.3em; margin-bottom: 1.2em; color: #364E66; font-weight: bold;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; background: #DADCD8; padding: 1px 10px;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}


/* LINKS
----------------------------------------------- */

a {text-decoration: none; font-weight: bold; color: #9B3A3A;}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: underline;}


/* LAYOUT
----------------------------------------------- */
body {}
#container {text-align: left; margin: 10px auto 0 auto; padding: 0; width: 803px; background: url(/page/-/wrapper2/content-bg.png) top center repeat-y;}

#contentFooter {clear: both; margin: 0; background: url(/page/-/wrapper2/content-footer.jpg) bottom center no-repeat; height: 88px;}

#content {width: 510px; margin: 10px 0 0 0px; float: left; position: relative;}
#contentInner {padding: 0px 10px 0px 40px;}

#content_noSideBar {width: 770px; margin: 10px 0 0 0px; float: left; position: relative;}

#side {width: 287px; float: right; text-align: left; padding-top: 5px; margin-top: 10px; }
#sideInner {padding: 10px 0 10px 0px;}

#footer {clear: both;}

body.onecol #content {width: 773px; }

#forwardToFriend { position: relative; left: 30px; bottom: 5px; text-align: left; }
#forwardToFriend img { vertical-align: middle; }

/* HEADER
----------------------------------------------- */
#header {text-align: left; position: relative; margin: 0px 0 0 20px; padding: 90px 0 0 0; background: url(/page/-/wrapper2/header.png) no-repeat top left;}

#logo {position: absolute; top: 10px; left: 20px;}

#caucusForAl_link {position: absolute; top: 50px; left: 450px;}

#quickSignup {position: absolute; top: 27px; left: 530px; font-size: 10px; width: 230px;}
#quickSignup p {margin-bottom: 4px; text-align: right;}
#quickSignup form {margin: 0; padding: 0;}
#quickSignup form p {margin-bottom: 2px;}
#quickSignup input {font-size: 1.1em; margin-bottom: 4px;}

#eventSearch {position: absolute; top: 60px; left: 649px; font-size: 10px; width: 110px;}
#eventSearch input {font-size: 1.1em; margin-bottom: 4px;}

.banner {margin-left: 7px;}

#nav {margin-left: 17px; margin-top: 5px; padding: 0; width: 725px; height: 37px; background: url(/page/-/wrapper2/nav.jpg); text-align: left; position: relative;}

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav a {height: 30px; display: block;}
#nav span {display: none;}

#navA {left: 30px; width: 80px;}
#navB {left: 111px; width: 134px;}
#navC {left: 246px; width: 99px;}
#navD {left: 346px; width: 91px;}
#navE {left: 438px; width: 96px;}
#navF {left: 535px; width: 78px;}
#navG {left: 614px; width: 84px;}

#navA a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -30px -40px no-repeat;}
#navB a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -111px -40px no-repeat;}
#navC a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -246px -40px no-repeat;}
#navD a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -346px -40px no-repeat;}
#navE a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -438px -40px no-repeat;}
#navF a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -535px -40px no-repeat;}
#navG a:hover {background: transparent url(/page/-/wrapper2/nav.jpg) -614px -40px no-repeat;}

body.home #navA {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -30px -40px no-repeat;}
body.contribute #navB  {background: transparent url(/page/-/wrapper2/nav.jpg) -111px -40px no-repeat;}
body.meet #navC {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -246px -40px no-repeat;}
body.issues #navD {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -346px -40px no-repeat;}
body.events #navE {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -438px -40px no-repeat;}
body.blog #navF {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -535px -40px no-repeat;}
body.video #navG {background: transparent url(http://www.alfranken.com/page/-/wrapper2/nav.jpg) -614px -40px no-repeat;}



/* CONTENT
----------------------------------------------- */
#contentInner {zoom:1;}


#content h1 {padding: 0px; margin: 0 0 10px 0;}
#content ul {margin-left: 0px; margin-right: 30px; list-style-type: none; padding-left: 0;}
#content li {background: url(/page/-/wrapper2/bullet.png) no-repeat 0 6px; padding-left: 14px; margin-left: 20px;}

#content #graphicTitle {position: absolute; top: 0px; left: 0;}
#content #graphicTitleSpacer {height: 50px; margin-bottom: 0;}

/* #content #endorsementsTitle {position: absolute; top: 648px; left: -3px;} */
#content #endorsementsTitle {position: relative; top: 10px; left: -45px;}
#content #endorsementsTitleSpacer {height: 20px; margin-bottom: 0;}
#content #endorsementsLink {position: relative; top: 100px; left: 0px; text-align: right; }

#content #videoHome {position: relative; top: 50px; left: 5px;}

#content #crumbs {color: #9B3A3A; font-size: 1.1em; margin: 1.4em 0;}

#content .homeUpdate {border-bottom: 1px dashed #728599; margin: 10px 0; padding-bottom: 10px;}
#content .homeUpdateText {margin-left: 100px;}
#content .homeUpdateText a {color: #364E66}
#content .homeUpdateText p {margin: 0;}
#content .homeUpdateText h2 {margin: 5px 0px;}
#content .homeUpdateDate {color: #728599; margin: 5px 0;}

#content #homeStories2 {background: #DADCD8; padding: 10px;}
#content #homeStories2 .homeUpdateText2 {margin-bottom: 15px; background: url(/page/-/wrapper2/blue-arrow.png) no-repeat 0 5px; padding-left: 17px;}
#content #homeStories2 a {color: #364E66;}
#content #homeStories2 h2 {margin: 0; font-size: 1.3em;}
#content #homeStories2 p {margin: 0;}

#content p.paginate {color: #B47805; background: #E1C180; padding: 5px; border: 3px double #E9D2A4;}
#content p.paginatecount_1 {display: none;}

#contentInner .titleTab { margin-left: -35px; }


/* BLOG
----------------------------------------------- */

.blogEntry {margin: 0 0 40px 0; border-bottom: 1px dashed #364E66;}
.blogEntry p.continueReading {}

.blogHeader {text-transform: uppercase; color: #002266; font-weight: bold; font-size: .93em; border-top: 1px solid #fff; margin-bottom: 0;}
.blogAuthor {float: left; width: 230px; margin-bottom: 2px; height: 1%;}
.blogTimestamp {float: right; width: 230px; text-align: right; height: 1%;}
.blogTimestampCombined {margin-bottom: 5px;}

.blogFooter {border-top: 1px solid #BBCCEE; padding-top: 10px; font-size: .93em; color: #555;}
.blogLinks {margin-bottom: 5px; text-transform: uppercase;}
.blogLinks a {color: #555; font-weight: normal; margin-right: 20px;}
.blogLinks img {margin-left: 3px;}
.blogCategories {}
.blogCategories a {color: #002266;}

.blogVideo {text-align: center; margin: 20px auto;}



/* COMMENTS
----------------------------------------------- */

#commentCount {margin-top: 50px;}

.comment {font-size: .9em; margin: 0 0 30px 0;}
.commentOdd {}
.commentEven {}
.commentNumber {border-bottom: 1px solid #ddd; padding: 3px; color: #555; text-align: right; margin-bottom: 0;}
.commentInfo {border-top: 1px solid #ddd; padding: 3px; color: #555; margin-top: 0;}
.commentText {margin-left: 3px; margin-right: 3px; word-wrap: break-word;}
.commentText p {margin: 6px 0;}

#commentPost {}
#commentPost h3 {background:  #364E66; color: #fff; padding: 2px 3px; text-align: left; margin-bottom: 1px; font-size: 1.1em; font-weight: bold; }
#commentPost form p {margin: 1px 0; padding: 3px; background: #fff;}
#commentPost form em {}
#commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; }
#commentPost form input.text {width: 320px;}
#commentPost form textarea {width: 320px;}


/* SIDE
----------------------------------------------- */
.sideBlock {margin-bottom: 15px; margin-left: 10px;}

#sideBlockActions {width: 243px; background:  url(http://www.alfranken.com/page/-/wrapper2/side-action-middle.jpg) repeat-y top left;}
#sideBlockActions .sideBlockTop {background: url(http://www.alfranken.com/page/-/wrapper2/side-action-top.jpg) no-repeat bottom left; height: 4px; margin: 0;}
#sideBlockActions .sideBlockMiddle {background: url(http://www.alfranken.com/page/-/wrapper2/side-action-bottom.jpg) no-repeat bottom left; margin: 0; padding: 5px 5px; padding-bottom: 10px;}
#sideBlockActions .sideBlockBottom {}
#sideBlockActions a {display: block; margin: 1px 0; text-align: center;}
#sideBlockActions h3 {margin: 0px 9px;}

#sideBlockRelated ul, #sideBlockRelated li {list-style-type: none; margin-left: 0; padding-left: 0; font-size: .9em;}

#sideBlockEvents {width: 283px; background: url(http://www.alfranken.com/page/-/wrapper2/side-paper-bg_3.png) no-repeat bottom left; height: 459px; margin-left: 0;}
/*#sideBlockEvents {width: 276px; background: url(http://www.alfranken.com/page/-/wrapper2/side-paper-bg.png) repeat-y bottom left; height: 361px; margin-left: 0;}*/
#sideBlockEvents .sideBlockMiddle {padding:65px 30px 20px 20px;}

.sideEvent {border-bottom: 1px solid #ccc; padding: 10px 0;}
.sideEvent p {margin: 0 0px 0 7em; font-size: .9em; line-height: 1.2em;}
.sideEvent p a {color: #000033; font-weight: normal;}

.calendarDate {width: 5em; float: left; text-align: center; font-family: Georgia, Palatino, 'Times New Roman', serif;}
.calendarMonth {background: #B47805; color: #fff; text-transform: uppercase; padding: 3px;}
.calendarDay {color: #B47805; background: #E1C180; font-size: 2.6em; padding-bottom: 10px; border: 3px double #E9D2A4;}


#cc_links { font-size: 10px; }
#cc_links img { vertical-align: bottom; }

.sidebarVid { margin-bottom: .75em; }


/* FOOTER
----------------------------------------------- */
#footerOuter {background: transparent; width: 760px; margin: 0 auto;}
#footer {padding: 0px 0 10px 0; margin: 0;}
#footerLinks {width: 400px; float: left; margin-bottom: 20px; text-align: left; font-size: 1.1em; margin-top: 10px;}
#footerLinks a {color: #728599; margin-left: 5px; margin-right: 5px;}
#socialnet {width: 300px; float: right; margin-bottom: 20px;}
#copyright {width: 275px; color: #fff; margin: 0px auto; border: 1px solid #fff; padding: 10px 0; text-align: center; text-transform: uppercase; clear: both; font-size: 1.1em; }



/* UTILS
----------------------------------------------- */

img {border: 0;}
.frame {background: #fff; padding: 4px; border: 1px solid #ADB9C5;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0 10px 10px 0;}
.floatr {float: right; margin: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif; vertical-align: middle;}
input.txt, input.text {background: #fff; padding: 1px; border: 1px solid #7684A4;}
input.button {cursor: pointer; background: #cc0000; border: solid 1px #89B5D8; color: #fff;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}
label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}


/* CONTRIBUTION FORM
----------------------------------------------- */
#contribution input, textarea { font-size: 1em; }

/* ENDORSEMENTS PAGE
----------------------------------------------- */
.endorserName 
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1.0em;
}

.endorserCity { }
#endorsementsSection p { margin-top: -.8em; }
#endorsementsLeftCol td {padding-right: 1em; }
#endorsementsRightCol blockquote { margin-right: 1em; }
#endorsementsRightCol #unions td {padding-bottom: 1.5em; }
#endorsementsRightCol #unions .endorserName { font-size: 1.8em; }
#endorsementsRightCol #localGov td {/*padding-left: 2em;*/ text-align: right; padding-right: 1em; }
#endorsementsRightCol #DNC td {/*padding-left: 2em;*/ text-align: right; padding-right: 1em; }

/* ISSUES PAGE
----------------------------------------------- */
.issueImgL { float: left; border: thin solid black; margin: 0em 1em 0em 0em; }
.blackBorder { border: thin solid black; }
.issueImgR { float: right; border: thin solid black; margin: 0em 0em 1em 1em; }

#issueSummaries ul { list-style: none; }
#issueSummaries li { background: none; margin-left: 0px; padding: 0px; }

#issueSummaries h2 { margin-bottom: 0em; margin-top: 0em }
#issueSummaries .issueSummaryText { line-height: 1.2em; }
#issueSummaries .issueReadMore { padding-right: 1.5em; }

#issueMiniNav { 
	background: url(/page/-/wrapper2/side_paper_Al-on-the-Issues.png) no-repeat;
	background-position: -12px 0px;
	padding-top: 52px;
	padding-bottom: 10px;
}
#issueMiniNav ul {
	list-style: none;
	margin-left: 1.2em;
	padding-left: 1em;
	text-indent: -1em;
	border-top: 1px solid #ccc;
	margin-right: 35px;
}
/*
#issueMiniNav ul li:before {
	content: "\00BB \0020";
}
*/
#issueMiniNav li { 
	line-height: 1em; 
	margin: .2em auto; 
	font-size: 14pt; 
	vertical-align: middle; 
	border-bottom: 1px solid #ccc;
	/* margin-right: 35px; */
	padding-bottom: 2px;
} 
#issueMiniNav img {vertical-align: middle; }
#issueMiniNavTitle { }


/* Caucus Sign-Up Form
------------------------------------*/
#caucus_signup p { font-size: 12pt; }
#caucus_signup label { font-size: 12pt; }
#caucus_signup table tr { margin-bottom: 2em; }
#caucus_signup input, #caucus_signup select { font-size: 13pt; margin-right: 2em; }
#caucus_signup .required { color: red; }


/* Precinct Finder
------------------------------------*/
#pctFinderTitle { text-align: center; font-size 14pt; margin-bottom: 2em; }
#pctFinder .delegateStep { float: left; width: 300px; margin-right: 2em; }
#pctFinder .bigNumber { font-size: 16pt; font-weight: bold; float: left; padding: 0 .75em .75em 0; }
#pctFinderForm { float: right; font-size: 10pt; }
#pctFinderForm label, input { font-size: 11pt; }
#pctFinderForm p { font-size: 10pt; line-height: 10pt; }
#pctFinderForm ul { margin-top: 0px; }
#pctFinderForm li { font-size: 10pt; line-height: 10pt; margin-bottom: 0em; margin-top: .2em; }
#pctFinder #invalidAddress { margin-top: .75em; margin-bottom: .75em; font-size: 12pt; }
#pctFinder #invalidAddress .errorMsg { color: red; }
#pctFinderDisclaimer { clear: both;  margin-top: 1em; }
#pctFinder #gMapsDirections { width: 300px; float: right; }
#pctFinder #map_canvas { width: 300px; height: 300px; border: 1px solid black; }
#pctFinder #conventionDetails { float: left; font-size: 16pt; }


/* Misc
----------------------------------------------- */
.displayNone { display: none; }
.clearing { clear: both; }