/*   
Theme Name: Operation Free
Theme URI: http://www.operationfree.net
Description: Custom Wordpress template for Operation Free. Developed August 2009.
Author: William Donahoe <wdonahoe@gmail.com>
Author URI: http://www.ethicka.com
Version: 0.1
*/

body {
	background-color: #E1E1E1;
	background-image: url(img/background.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0
}
a { color: #000 }
a img { border: 0 }
form {  }

.yellow {
	color: #FCD21B
}

#container {
	width: 1008px;
	padding-right: 50px;
	margin: 8px auto
}

#bar {
	position: relative;
	float: right;
	height: 19px;
	width: 100%
}
	#bar #natl-security-week { /* TEMPORARY */
		position: absolute;
		left: 70px
	}
	#bar input[type="text"] {
		position: absolute;
		top: -4px;
		width: 80px;
		padding: 2px;
		border: 1px solid #000;
		font: .7em Arial, Helvetica, sans-serif
	}

	/* SEARCH FORM */
	#form-search {
		position: absolute;
		right: 670px
	}
	#search-query {
		position: absolute;
		top: -1px;
		left: 0
	}
	#search-go {
		position: absolute;
		top: -4px;
		left: 125px
	}
	
	/* MAILLIST */
	#maillist {
		position: absolute;
		right: 0
	}
	#mailist-stay-informed {
		position: absolute;
		top: -1px;
		right: 385px
	}
	#mailist-name-first {
		right: 295px
	}
	#mailist-name-last {
		right: 205px
	}
	#mailist-email {
		right: 115px
	}
	#mailist-state {
		right: 50px;
		width: 60px;
		position: absolute;
		top: -2px;
		font: .7em Arial, Helvetica, sans-serif
	}
	#mailist-go {
		position: absolute;
		top: -4px;
		right: 0
	}
#header {
	float: left;
	width: 1008px;
	height: 140px;
}
#middle {
	width: 1008px;
	float: left
}
	#sidebar {
		width: 183px;
		float: left;
	}
		#connect {
			position: relative;
			background: url(img/sidebar-connect.jpg) no-repeat;
			width: 187px;
			height: 288px;
			margin: 8px 0 0 56px
		}
			#btn-facebook {
				position: absolute; 
				top:45px;
				left: 28px
			}
			#btn-twitter {
				position: absolute;
				top: 46px;
				left: 108px
			}
			#btn-youtube {
				position: absolute;
				top: 74px;
				left: 32px
			}
			#btn-flickr {
				position: absolute;
				top: 78px;
				left: 108px
			}
			ul#activity {
				position: absolute;
				top: 110px;
				left: 27px;
				float: left;
				width: 135px;
				margin: 0;
				padding: 0;
				list-style: none;
				text-transform: uppercase
			}
			ul#activity li {
				margin: 2px;
			}
		#sidebar-gen-we {
			position: absolute;
			top: 200px;
			float: left;
			background: url(img/sidebar-gen-we.jpg) no-repeat;
			margin-left: 30px;
			padding-bottom: 20px;
			width: 121px;
			height: 156px
		}
			#sidebar-youtube {
				position: absolute;
				right: 0;
				bottom: 0
			}
	#main {
		width: 757px;
		float: right;
	}
		#navigation {
			float: left;
			padding-top: 8px;
			padding-bottom: 5px;
		}
			ul#navbar {
				z-index: 250;
				margin: 0;
				padding: 0
			}
				ul#navbar li.parent {
					list-style: none;
					float: left;
					height: 19px;
					margin-right: 18px
				}
				ul#navbar li.current, ul#navbar li:hover  {
					background: url(img/nav-underline.gif) repeat-x;
				}
				ul#navbar li.last { margin-right: 0px }
				/* DROPDOWN */
				#navbar li.first { margin-left: 0 }
				#navbar ul.child {
					z-index: 100;
					margin: 0;
					padding: 0;
					position: absolute;
					visibility: hidden
				}
				#navbar ul.child li {	
					display: block !important;
					border: none;
					width: auto;
					font: .8em Arial, Helvetica, sans-serif;
				}
				#navbar ul.child li a { /* FORMATTING FOR DROPDOWN LINKS */
					width: auto;
					max-width: 200px;
					display: block;
					z-index: 100000;
					background: url(img/transparent-blue.png);
					margin: 0;
					text-decoration: none;
					padding: 5px !important;
					color: #FFF;
				}
				#navbar li ul.child li a:hover { background: url(img/transparent-dark-blue.png) } /* DROPDOWN LINK HOVER */
		#splash {
			position: relative;
			z-index: 10;
			float: left;
			background: url(img/splash.png) no-repeat;
			width: 757px;
			height: 271px;
			margin-bottom: 8px;
		}
			#splash-slide {
				position: absolute;
				top: 9px;
				left: 9px
			}
			#splash-slide-caption {
				position: absolute;
				color: #FFF;
				font: .8em Arial, Helvetica, sans-serif;
				text-align: justify;
				background: url(img/transparent-blue.png);
				padding: 8px;
				width: 315px;
				right: 4px;
				bottom: 4px
			}
			#splash a {
				color: #FFF;
				text-decoration: none;
				font: .8em Arial, Helvetica, sans-serif
			}
			#splash .tab {
				position: absolute;
				right: 8px;
				padding: 38px 5px 0 5px;
				width: 145px;
				height: 49px
			}
			#splash-learn-more {
				top: 8px;
			}
			#splash-enlist {
				top: 97px
			}
			#splash-blog {
				top: 184px
			}
		#boxes {
			float: left;
			width: 757px
		}
			#boxes .box {
				min-height: 250px;
				padding: 28px 8px 0 8px;
				font: .8em Arial, Helvetica, sans-serif;
				color: #000
			}
			#box-left {
				float: left;
				background: url(img/box-in-the-news.jpg) no-repeat;
				width: 368px
			}
			#box-right {
				float: right;
				background: url(img/box-the-blog.jpg) no-repeat;
				width: 347px
			}
			.box-scroll {
				overflow: auto;
				height: 222px
			}
			#boxes .photo {
				border: 1px solid #CCC;
				padding: 1px;
				float: left;
				margin-right: .25em
			}
		#affiliates {
			float: left;
			margin-bottom: 10px
		}
		#affiliates ul {
			list-style: none;
			margin: 0;
                        padding: 0;
			/* padding: 0 0 0 60px */
		}
		#affiliates ul li {
			float: left;
			margin-right: 8px
		}
		#affiliates ul li.last {
			margin-right: 0
		}
#footer {
	float: left;
	width: 757px;
	margin-bottom: 20px
}
	#paid {
		text-align: center
	}
	span.border {
		font: .7em Arial, Helvetica, sans-serif;
		color: #999;
		border: 1px solid #999;
		padding: 4px
	}
#copyright {
	width: 450px;
	padding: 10px 0 10px;
	margin: 0 auto;
	font: .7em Arial, Helvetica, sans-serif
}
	.creative-commons {
		float: left;
		margin: 0 .5em 0 0
	}


/* On the Bus CSS */

#otb-yt {
background: url('http://www.operationfree.net/wp-content/uploads/2009/10/Bus-Video-Title.jpg') no-repeat top left;
margin-top:10px;
margin-left:15px;
padding-top:39px;
width:400px;
overflow:auto;
}

#otb-yt img {
float:right;
margin-top:10px;
}

#otb-ftb {
float:left;
margin-top:20px;
margin-left:15px;
width:400px;
overflow:hidden;
padding-top:37px;
background: url('http://www.operationfree.net/wp-content/uploads/2009/10/Bus-Blog-Title.jpg') no-repeat top left;
}

#otb-ftb-border {
border:3px solid #26244b;
padding:5px;
}

#otb-ftb p.date {
margin-bottom:-12px;
font-weight:600;
}

#otb-tours {
float:right;
width:257px;
margin-top:39px;
margin-right:15px;
}

#otb-tours img {
margin-bottom:20px;
}

#otb-mission {
width:257px;
height:257px;
background:#26244b;
float:right;
margin-right:15px;
clear:right;
margin-bottom:20px;
}

#otb-flickr {
width:257px;
float:right;
margin-right:15px;
clear:right;
background:url('http://www.operationfree.net/wp-content/uploads/2009/10/Flickr-Tab.jpg') no-repeat top left;
padding-top:27px;
}

#otb-right {
float:right;
width:260px;
}

#otb-twit {
margin-top:20px;
margin-right:15px;
float:right;
width:257px;
}


#otb-twit h3 {
background:#26244b;
margin:0px 0px 10px 0px;
padding:10px 0px;
text-align:center;
}

#otb-twit h3 a {
color:#ffe300;
text-decoration:none;
}

#otb-twit h3 a:hover {
text-decoration:underline;
}

#otb-twit ul {
list-style-type:none;
margin:0;
padding:0;
}

#otb-twit ul li {
margin-bottom:10px;
}

#otb-dates {
margin-top:10px;
}