/*
Theme Name: Jack Conway for Senate
Theme URI: http://www.jackconway.org
Description: Custom template for Jack Conway's senate campaign.
Version: 1.0
Author: Projects by CD/2
Author URI: http://projectsbycd2.com
*/

@import "/o/57/images/1043/reset.css";
@import "/o/57/images/1043/layout.css";

/* TAGS */

body {
	background: #2C405A url(/o/57/images/1043/page-background.jpg) top center no-repeat
}
body.home {
	background: #2C405A url(/o/57/images/1043/index-background.jpg) top center no-repeat
}

/* CLASSES */

ul.inline li { float: left }

/* SELECTORS */

#container {
	width: 1150px;
	margin: 0 auto;
	position: relative
}
	#jack-conway {
		position: absolute;
		top: 0;
		left: 60px
	}

	#header {
		height: 250px;
		width: 100%;
		position: relative;
	}

	/* GET FORMS */
	#get-forms input[type="text"] {
		border: 1px solid #000;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 2px
	}
	#get-forms input[type="image"] {
		position: relative;
		top: 1px
	}
		#get-emails {
			position: absolute;
			top: 64px;
			left: 830px
		}
			#get-emails input[type="text"] { width: 67px }
		#get-texts {
			position: absolute;
			top: 100px;
			left: 829px
		}
			#get-texts .phone-number {
				width: 208px
			}
	
	/* SOCIAL */
	#social {
		position: absolute;
		top: 150px;
		left: 952px
	}
	
	/* NAVIGATION  */
	#navigation {
		position: absolute;
		top: 191px;
		left: 91px;
		width: 959px;
		z-index: 3
	}
		#navigation ul li {
			float: left;
		}
			#navigation ul li:hover {
				background: url(/o/57/images/1043/nav-rollover-background.png) repeat-x
			}
			#navigation #donate { float: right }
			/* DROPDOWN */
			#dropdown li ul {
				margin: 0;
				padding: 0;
				position: absolute;
				visibility: hidden;
				border-bottom: 1px solid #FFF
			}
			#dropdown li ul li {
				float: none;
				display: inline;
			}
			#dropdown li ul li a {
				width: auto;
				white-space: nowrap;
				display: block;
				padding: 5px;
				text-align: left;
				text-decoration: none;
				color: #FFF39B; /* YELLOW */
				font: 12px Arial, Helvetica, sans-serif;
				background: #2C405A /* BLUE */
				/* background-image: url(/o/57/images/1043/blue-50.png) */
			}
			#dropdown li ul li a:hover {
				background: #FFF;
				color: #000
			}

	/* PAGE CONTENT */
	#content-wrapper {
		background: #1A2635;
		width: 620px;	
		margin-left: 91px;
		min-height: 620px;
		margin-bottom: 15px;
		padding-bottom: 12px;
		position: relative;
	}
		#banner-top-left {
			position: absolute;
			top: 12px;
			left: 3px;
			z-index: 2
		}
		#banner {
			position: relative;
			z-index: 1
			margin-bottom: 15px
		}
		#content {
			width: 576px;
			min-height: 350px;
			margin-left: 12px;
			background: #FFF;
			padding: 10px;
			font: 14px Arial, Helvetica, sans-serif
		}
			#content p {
				margin-bottom: 1em
			}
			#content h2 {
				font-family: Helvetica, sans-serif;
				font-size: 20px;
				font-weight: bold;
				margin-bottom: .5em
			}
				#content h2 a {
					color: #000;
					text-decoration: none
				}
	
	/* SPLASH */
	#splash {}
		#splash-top-left {
			position: absolute;
			top: 274px;
			left: 97px;
			z-index: 2
		}
		#splash-top-right {
			position: absolute;
			top: 253px;
			left: 956px;
			z-index: 2
		}
		#splash-left {
			position: absolute;
			top: 402px;
			left: 80px
		}
		#splash-right {
			position: absolute;
			top: 402px;
			left: 1028px;
		}
		#splash-slides {
			position: absolute;
			top: 272px;
			left: 119px;
			z-index: 1
			height: 314px;
			overflow: hidden
		}
		#splash-pager {
			position: absolute;
			top: 574px;
			left: 129px;
			z-index: 2
		}
			#splash-pager a {
				color: #000;
				text-decoration: none;
				font-weight: bold
			}
			#splash-pager li {
				float: left;
				background: url(/o/57/images/1043/splash-tab.png);
				width: 217px;
				height: 23px;
				margin-right: 10px;
				padding: 17px 0 0 0;
				text-align: center;
				font: 16px Arial, Helvetica, sans-serif
			}
				#splash-pager li.selected { background: url(/o/57/images/1043/splash-tab-selected.png) }
	
	/* BUTTONS */
	#buttons {
		position: absolute;
		top: 261px;
		left: 734px
	}
		#buttons ul li {
			display: block;
			margin-bottom: 10px
		}
	.home #buttons {
		position: absolute;
		top: 643px;
		left: 91px
	}
		.home #buttons ul li { display: inline; margin-right: 6px }
	
	/* BOXES */
	#boxes {
		position: absolute;
		top: 723px;
		left: 103px;
		width: 937px;
	}
		#boxes .selected {
			border-bottom: 5px solid #FFF798;
		}
		div.yellow-line {
			border-bottom: 1px solid #FFF798;
			height: 24px
		}
		#boxes #news  {
			width: 613px;
			float: left
		}
		#boxes .box ul { font: 14px Arial, Helvetica, sans-serif; color: #FFF }
		#boxes #news a {
			color: #FFF;
			text-decoration: none
		}
		#boxes #news a:visited { color: #CCC }
		#boxes #news a:hover { color: #FFF798 }
		#boxes .box {
			position: relative;
			top: 0;
			left: 0;
		}
		#boxes .box ul li, #twitter ul li {
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px solid #606975
			
		}
		#boxes #twitter {
			width: 295px;
			float: right;
		}
			#twitter a {
				color: #6B9EDE;
				text-decoration: none
			}

	/* TWITTER SIDEBAR	 */	
	body:not(.home) #twitter {
		position: absolute;
		top: 500px;
		right: 110px;
		width: 295px;
		color: #FFF;
		font: 14px Arial, Helvetica, sans-serif
	}

	
	/* FOOTER  */
	#footer {
		background:#B5BDC6;
		width: 960px !important;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000
	}
		#footer-content {
			position: absolute;
			top: 15px;
			left: 15px;
			width: 950px
		}
		#footer a {
			color: #000;
			
		}
		#footer-navigation a { 
			font-weight: bold;
			text-decoration: none;
		}
		#footer-navigation a:hover { text-decoration: underline }
		#footer-navigation ul li  {
			display: inline;
			margin-right: 20px
		}
		#footer #legal {
			margin-top: 10px;
		}
		#footer #paid-for {
			padding: 5px;
			border: 1px solid #000;
			text-align: center;
			width: 190px;
			margin: 10px auto;
		}
		#footer #stamp {
			position: absolute;
			top: -5px;
			right: 0
		}
		#footer {	/* FOR PAGE AND SINGLE */
			position: relative;
			height: 100px;
			margin: 0 auto;
			width: 970px !important; 
		}
	.home #footer {
		position: absolute;
		top: 922px;
		left: 91px;
		height: 100px
	}