/*
-----------------------------------------------
Franken
Author:   TeamFranken (jcq)

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/-/wrapper3/main_bg_wood.jpg) top left no-repeat}
/* body {background: #003366} */

/* 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: 830px; background: url(/page/-/wrapper3/main_content_bg_830px.png) top center repeat-y;}

#contentFooter {clear: both; margin: 0; background: url(/page/-/wrapper3/main_contentFooter_bg_830px.png) bottom center no-repeat; height: 80px;}

#content {width: 540px; margin: 10px 0 0 0px; float: left; position: relative;}
#contentInner {padding: 0px 15px 0px 15px; z-index: 1; }

#content_noSideBar, #bodyBSD #content {width: 830px; margin: 10px 0 0 0px; float: left; position: relative; z-index: 1; }

#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; }

#topScroller { /* height: 20px; */  margin: 0px 0px 0px 20px; color: white; font-weight: bold; }

#featuredContent { 
	margin-top: 10px;
	width: 830px;
}

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

#header_min {
	text-align: center; 
	position: relative; 
	margin: 0px 0 -25px 0px; 
	padding: 0 0 0 0;
}

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

#logo_min {}
#logo_min2 { 
	text-align: left; 
	padding: 1em;
}

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

#quickSignup {position: absolute; top: 25px; left: 600px; 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;}

#head_SocialNet { position: absolute; top: 60px; right: 25px }
#head_SocialNet img { padding: 0px 0px; }


/* 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 #recentUpdates { position: relative; margin-left: -32px; margin-bottom: 20px; }

/* #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: 10px; left: 10px;}

#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; width: 500px;}
#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: -20px; }

#content #contribForm_altPayments { text-align: center; margin-bottom: 15px; }
#content #contribForm_altPayments img { 
	vertical-align: middle;
	margin: auto 50px;
}

.forwardToAFriend { text-align: right; }


/* 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 {position: relative;  width: 283px; background: url(http://www.alfranken.com/page/-/wrapper3/sidebar_UpcomingEvents_bg.png) no-repeat bottom left; height: 459px; /* margin-left: 0;*/ }
body.home #sideBlockEvents { top: -18px; }
/*#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:60px 30px 20px 20px;}

.sideEvent {border-bottom: 1px solid #ccc; padding: 7px 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;}

#side_TakeAction { 
	/*
	position: relative; 
	right: 14px;
	*/
}

/* FOOTER
----------------------------------------------- */
#footerOuter {background: transparent; width: 830px; 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;}
#DemStore { float: right; margin: 5px 0 0 20px; display: none; }
body.home #DemStore { display: block; }
#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;}


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