/*   
Theme Name: Operation Free
Theme URI: http://www.operationfree.net
Description: Custom Wordpress template for Operation Free.
Author: William Donahoe
Author URI: http://www.projectsbycd2.com
Version: 2.0
*/

/* TAGS */

body {
	background-color: #FFF;
	background: url(new_img/background-repeat.jpg) top center repeat-x;
	margin: 0;
	padding: 0
}
a { color: #000 }
a img { border: 0 }


/* CLASSES */

.yellow { color: #FCD21F !important }
.blue { color: #393558 !important }
.badge { 
	position: absolute;
	z-index: 10;
	left: 0; 
	top: 0; 
	margin: 0; 
	padding: 0; 
	border: none; 
	float: none; 
} 
.badge a img { 
	background-color: transparent; 
	color: white; 
	border: none; 
	text-decoration: none; 
} 

/* DIVS */

#container {
	background: url(new_img/header.jpg) top center no-repeat;
	position: relative;
	width: 1008px;
	margin: 0px auto
}

	/* 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 */
	#join-the-campaign {
		position: absolute;
		top: 30px;
		left: 560px;
	}
	#maillist {
		position: absolute;
		top: 62px;
		left: 951px
	}
	#maillist input[type="text"] {
		position: absolute;
		top: -4px;
		width: 80px;
		padding: 2px;
		border: 1px solid #000;
		font: .7em Arial, Helvetica, sans-serif
	}
	#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: 52px;
		width: 60px;
		position: absolute;
		top: -4px;
		font: .7em Arial, Helvetica, sans-serif
	}
	#mailist-go {
		position: absolute;
		top: -4px;
		right: 0
	}
#header {
	position: relative;
	top: 0;
	left: 0;
	height: 144px
}
	#header-home {
		position: absolute;
		top: 10px;
		left: 30px;
		width: 420px;
		height: 130px;
	}
#middle {
	width: 912px;
	margin: 0 auto
}
	#sidebar {
		width: 164px;
		float: left
	}
		#twitter {
			position: relative;
			background: url(new_img/sidebar-twitter-background.jpg) no-repeat;
			width: 164px;
			height: 241px;
			top: 20px
		}
			#tweet {
				color: #FFF;
				padding: 15px;
				font: .9em Arial, Helvetica, sans-serif
			}
			#tweet a { color: #FFF }
			#tweet p { margin: 0 0 .5em 0 }
			#tweet .updated { 
				font-size: .85em;
				text-align: right
			}
		#social {
			background: url(new_img/sidebar-social-background.png) no-repeat;
			position: relative;
			top: 30px;
			width: 187px;
			height: 82px
		}
			#btn-facebook {
				position: absolute;
				top: 11px;
				left: 45px
			}
			#btn-twitter {
				position: absolute;
				top: 11px;
				left: 9px
			}
			#btn-youtube {
				position: absolute;
				top: 11px;
				left: 85px
			}
			#btn-flickr {
				position: absolute;
				top: 11px;
				left: 129px
			}
			#sidebar-youtube {
				position: absolute;
				right: 0;
				bottom: 0
			}
		#iran-widget { display: block }
	#main {
		width: 734px;
		min-height: 588px;
		margin-top: 20px;
		float: right
	}
		.home #main, .page-template-home-php #main { background: url(new_img/index-front.jpg) no-repeat } /* HOME BACKGROUND */
		#navigation {
			float: left;
			width: 910px;
			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: 18px;
					margin-right: 69px;
				}
				ul#navbar li.current, ul#navbar li:hover  { background: url(new_img/nav-underline.gif) repeat-x }
				ul#navbar li.last { margin-right: 0px !important }
				/* 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;
			width: 757px;
			height: 269px;
			margin-bottom: 10px
		}
			#splash-slides {
				position: absolute;
				top: 27px;
				left: 24px;
				height: 269px;
				width: 510px;
				overflow: hidden
			}
			#splash .splash-slide {position: absolute }
			#splash .splash-slide-caption {
				position: absolute;
				color: #FFF;
				font: 1em Arial, Helvetica, sans-serif;
				background: url(img/transparent-blue.png);
				padding: 12px 8px 12px 8px;
				width: 494px;
				right: 0px;
				bottom: 0px
			}
				.splash-slide-caption h2 {
					color: #FCD319;
					margin: 0 0 .3em 0
				}
				.splash-slide-caption p {
					margin: 0
				}
			#splash a {
				color: #FFF;
				text-decoration: none;
				font: .8em Arial, Helvetica, sans-serif
			}
			/* SPLASH BUTTONS */
			#splash .tab {
				position: absolute;
				right: 46px
			}
			#splash-learn-more {
				top: 25px;
			}
			#splash-enlist {
				top: 114px
			}
			#splash-blog {
				top: 203px
			}
		#boxes {
			float: left;
			height: 320px;
			width: 745px;
			position: relative;
		}
			#boxes .box {
				min-height: 250px;
				font: .8em Arial, Helvetica, sans-serif;
				color: #000
			}
			#box-left {
				position: absolute;
				top: 76px;
				left: 15px;
				width: 350px
			}
			#box-right {
				position: absolute;
				top: 76px;
				left: 375px;
				width: 350px
			}
			.box-scroll {
				overflow: auto;
				height: 222px
			}
			#boxes .photo {
				border: 1px solid #CCC;
				padding: 1px;
				float: left;
				margin-right: .25em
			}
		#affiliates {
			float: left;
			width: 736px;
			margin-bottom: 10px;
			background: url(new_img/support-background.gif) no-repeat;
		}
		#affiliates ul {
			list-style: none;
			margin: 7px 0;
			padding: 0
		}
		#affiliates ul li {
			float: left;
			margin-right: 12px
		}
		#affiliates ul li.first {margin-right: 20px}
		#affiliates ul li.last {margin-right: 0}

#footer {
	float: left;
	width: 100%;
	height: 84px;
	background-color: #393558;
	font-family: Arial, Helvetica, sans-serif
}
	
	#footer-content {
		width: 1008px;
		position: relative;
		margin: 0 auto;
	}
	#footer-gen-we {
		position: absolute;
		top: 14px;
		left: 46px	
	}
	#footer-opfree {
		position: absolute;
		top: 10px;
		right: 51px;
		z-index: 1
	}
	#footer-nav {
		position: absolute;
		top: 17px;
		left: 106px;
		font-size: .6em;
		z-index: 2
	}
		#footer-nav a {
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase
		}
		#footer-nav a:hover { text-decoration: underline }
		#footer-nav ul {
			padding: 0;
			margin: 0;
			list-style: none
		}
		#footer-nav ul li {
			margin-right: 10px;
			display: inline
		}
	#paid { 
		position: absolute;
		top: 49px;
		left: 106px;
		text-align: center 
	}
	span.border {
		font: .8em Arial, Helvetica, sans-serif;
		color: #FFF;
		border: 1px solid #FFF;
		padding: 4px
	}
	
/* WORDPRESS DEFAULTS */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }