/*
Theme Name: The IVL
Theme URI: http://theivl.org/
Description: Custom theme devloped for TheIVL.org
Version: 2.0
Author: Ian Johnson
Author URI: http://ianjohnson.net/
Tags: 
*/

/* ##### STRUCTURE ##### */

body
{
	background: #fff;

	color: #333;
	
	font-size: 12px;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
	
	line-height: 1.5em;
	
	margin: 0;
	
	min-width: 990px;
}

a:link, a:visited
{
	color: #4290c2;
	
	text-decoration: none;
}
	
a:hover, a:focus, a:active
{
	color: #4290c2;
	
	text-decoration: underline;
}

.title a
{
	color: #333;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}

h2
{
	margin-bottom: .5em;
}

small
{
	color: #777;

	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
}

img.bullet
{
	padding: 0 2px 0 5px;

	vertical-align: middle;
}

img.centered
{
	display: block;
	
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	display: inline;

	margin: 0 0 2px 7px;
	
	padding: 4px;
}

img.alignleft
{
	display: inline;

	margin: 0 7px 2px 0;
	
	padding: 4px;
}

.alignright
{
	float: right;
}

.alignleft
{
	float: left;
}

#wrapper
{
	margin: 10px auto 0;
	
	overflow: auto;
	
	position: relative;
	
	width: 990px;
}
	
#content
{
	float: left;
	
	padding-right: 10px;
	
	width: 670px;
}

#main-column
{
	float: left;

	width: 460px;
}

.post p, .post ul, .post ol
{
	margin-bottom: 1em;
}

.clear
{
	clear: both;
}

.hidden
{
	display: none;
}

.author-time
{
	margin-bottom: 5px;
}

.wp-caption-text
{
	
}

.box-custom-tab-body-short
{
	border: 4px solid #e0e0e0;
	
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	overflow: hidden;
	
	padding: 10px;
}

.box-custom-tab
{
	background: url('images/bg-title.gif') repeat-x left bottom #e0e0e0;
	
	border: 1px solid #e0e0e0;
	
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	
	color: #666;
	
	font-family: Arial,sans-serif;
	font-weight: bold;
	
	margin: 0;
	
	padding: 10px 10px 7px;
}

#sign-up-email
{
	background: transparent url('images/bg-sign-up.png') no-repeat top left;
	
	height: 38px;
	
	padding: 45px 0 0 10px;
}

#sign-up-email input[type=text]
{
	color: #999;
}

#wpstats
{
	height: 0px;

	overflow: hidden;
	
	width: 0px;
}

/* ---------- */



/* ##### HEADER ##### */

#header
{
	margin: 0 auto;
	
	position: relative;
	
	width: 990px;
}

#header h1
{
	width: 378px;
}

#header h1 a span
{
	margin-left: -999em;

	position: absolute;
}

#header h1 a img
{
	display: block;

	padding: 10px 10px 0 0;
}

#header #nav-sub
{
	font-size: .916em;
	font-weight: bold;

	list-style: none;

	position: absolute;
	bottom: 0;
	right: 0;
}

#header #nav-sub li
{
	float: left;
}

#header #nav-sub li a
{	
	text-transform: lowercase;
}

/* ---------- */



/* ##### NAVIGATION ##### */

#nav-wrapper
{
	background: #7bc242 url('images/bg-nav.gif') repeat-x top left;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	height: 32px;
	
	margin: 5px auto;

	width: 990px;
}

#nav, #nav-right
{
	list-style: none;
}

#nav > li, #nav-right > li
{
	float: left;
}

#nav > li > a, #nav-right > li > a
{
	color: #fff;
	
	display: block;
	
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;

	padding: 9px 20px;
}

#nav > li:first-child > a
{
	margin-left: 10px;
}

#nav-right
{
	float: right;
	
	width: auto;
}

#nav > li > a:hover
{
	background: #7bc242 url('images/bg-nav.gif') repeat-x bottom left;
}

/* Dropdown */
#nav.sf-menu li ul
{
	background:	transparent url('images/bg-nav-dropdown.png') repeat-x top left;

	border: 1px solid #999;
	border-top: 0;
	
	margin-top: 2px;
	
	padding: 5px;
	
	width: 300px;
}

#nav.sf-menu li ul li
{
	padding: 5px 0 5px 10px;
}

#nav.sf-menu li ul li:first-child, #nav.sf-menu li ul li:last-child
{
	padding-left: 0;
}

#nav.sf-menu li ul li a
{
	color: #333;

	padding-right: 10px;
}

#nav.sf-menu li ul li:first-child a, #nav.sf-menu li ul li:last-child a
{
	padding-right: 0;
}

#nav.sf-menu li ul li.nav-view-archive
{
	border-top: 1px dashed #999;
	
	font-size: .916em;
	
	margin-top: 5px;
	
	padding-top: 7px;

	text-align: right;
}

/* ---------- */



/* ##### HEADLINE ##### */

#headline
{
	border-bottom: 3px solid #e0e0e0;

	margin-bottom: 10px;

	overflow: hidden;
	
	padding-bottom: 10px;
}

#headline h2
{
	font-size: 2em;
	
	margin-bottom: 10px;
}

#headline p
{
	margin: 0 0 1em 356px;
}

#headline .wp-post-image
{
	border: 1px solid #e0e0e0;

	float: left;
	
	margin-right: 10px;
	
	padding: 2px;
}

/* ---------- */



/* ##### FEATURED ##### */

#featured
{
	border-bottom: 3px solid #e0e0e0;
	
	margin-bottom: 10px;
	
	overflow: auto;
	
	padding-bottom: 10px;
}

#featured h3
{
	border-bottom: 1px dashed #e0e0e0;

	margin-bottom: 10px;
	
	padding-bottom: 10px;
	
	text-transform: uppercase;
}

#featured ul
{
	list-style: none;
}

#featured ul li
{
	float: left;
	
	margin-left: 10px;
	
	width: 160px;
}

#featured ul li:first-child
{
	margin-left: 0;
}

#featured ul li .title
{
	color: #666;

	text-transform: uppercase;
}

#featured ul li img
{
	border: 1px solid #e0e0e0;

	padding: 2px;
}

#featured ul li p
{
	font-size: .916em;
	
	line-height: 1.25em;
}

#featured ul li .read-more
{
	font-size: .916em;
}

/* ---------- */



/* ##### LATEST ##### */

#latest h3
{	
	padding-bottom: 10px;
	
	text-transform: uppercase;
}

#latest .post
{
	border-top: 1px dashed #e0e0e0;
	
	clear: both;
	
	padding-top: 10px;
}

#latest .post:first-child
{
	border: 0;
}

#latest  .wp-post-image
{
	border: 1px solid #e0e0e0;

	float: left;
	
	margin-right: 10px;
	
	padding: 2px;
}

/* ---------- */



/* ##### SINGLE ##### */

#main-column-wide
{

}

#main-column-wide .post
{
	border-bottom: 1px dashed #e0e0e0;
}

#post-head h2
{
	font-size: 2em;
	
	margin-bottom: 5px;
}

#post-head small
{
	color: #999;

	font-weight: bold;
}

#post-head-extras
{
	float: right;
	
	font-size: .916em;
	
	position: relative;
}

#post-head-extras .post-ratings
{
	border-left: 1px solid #e0e0e0;

	float: right;
	
	margin-left: 10px;
	
	padding-left: 10px;
	
	text-align: right;
	
	width: 120px;
}

#post-head-extras .post-ratings img
{
	vertical-align: -2px;
}

#post-head-extras .addtoany_list
{
	position: absolute;
	bottom: 0;
	right: 140px;
}

#post-body
{
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px dashed #e0e0e0;
	
	font-size: 1.16em;
	
	margin: 5px 0;
	
	padding-top: 8px;
}

	#post-body h4
	{
		margin-bottom: 1em;
	}

	#post-body p, #post-body li
	{
		margin-bottom: 1em;
	}
	
	#post-body ul, #post-body ol
	{
		margin-left: 2.5em;
	}
	
	#post-body .wp-caption
	{
		background: #f3f3f3;

		border: 1px solid #ddd;
		
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;

		font-size: .916em;
		
		margin: 10px;
		
		padding-top: 4px;
		
		text-align: center;
	}

		#post-body .wp-caption .wp-caption-text
		{
			margin: 0 0 2px 0;
			
			min-height: 3px;
		}
		
	#post-body .reference
	{
		background: #f7f7f7;
	
		border: 1px solid #e0e0e0;
		
		margin-bottom: 10px;
		
		padding: 5px;
	}
	
	#post-body .reference .title
	{
		color: #666;
	}
	
	#post-body .reference p
	{
		font-size: 12px;
		
		margin-bottom: 0;
	}

/* ---------- */



/* ##### OUTSIDE COLUMN ##### */

#outside-column
{
	float: right;

	padding-left: 10px;
	
	width: 300px;
}

	#outside-column h1, #outside-column h2, #outside-column h3, #outside-column h4, #outside-column h5, #outside-column h6
	{
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#outside-column > div
	{	
		margin-top: 10px;
		
		padding-top: 10px;
	}
	
	#outside-column > div:first-child
	{
		border-top: 0;
	
		margin-top: 0;
		
		padding-top: 0;
	}

	#outside-column a
	{
		color: #333;
	}

		#outside-column .widget-title
		{
			color: #d86100;
			
			font-size: 2em;
			
			margin-bottom: 10px;
			
			text-transform: lowercase;
		}

		#outside-column #archive_widget
		{		
			list-style: none;
		
			padding: 0;
			
			width: 100%;
		}
		
			#outside-column #archive_widget > li
			{				
				width: 100%;
			}
		
				#outside-column #archive_widget > li > div:first-child
				{
					background: #fff url('images/icon-arrow-down-gray.png') no-repeat 97% 60%;
				
					border: 1px solid #e0e0e0;
				
					cursor: pointer;
					
					font-weight: bold;
					
					padding: 10px;
				}
				
					#outside-column #archive_widget > li > ul
					{
						background: #fff;
						
						border: 1px solid #e0e0e0;
						border-top: 0;
						
						display: none;
						
						height: 300px;
						
						list-style: none;
						
						overflow-y: scroll;
						
						width: auto;
					}
				
						#outside-column #archive_widget > li > ul > li
						{						
							padding: 2.5px 0 2.5px 3em;
						}
						
						#outside-column #archive_widget > li > ul > li.title
						{
							font-weight: bold;
							
							margin-top: 1em;
							
							padding: 5px 0 0 1em;
						}
						
						#outside-column #archive_widget > li > ul > li.title:first-child
						{
							margin-top: 0;
						}

		#outside-column .widget_ratings ul
		{
			list-style: none;
		}
		
/* ---------- */



/* ##### FOOTER ##### */

#footer-wrapper
{
	background: #669e1d url('images/bg-footer.gif') repeat-x top left;

	min-height: 150px;
	
	padding-top: 7px;
}

#footer
{
	background: transparent url('images/bg-footer-lines-bevel.png') repeat-y top left;

	color: #333;

	margin: 0 auto;

	overflow: auto;
	
	padding: 10px 0;
	
	width: 990px;
}

#footer a
{
	color: #333;
}

#footer .footer-section
{
	float: left;
	
	padding: 0 10px;
	
	width: 180px;
}

#footer .footer-section:first-child
{
	border-left: 0;
	
	padding-left: 0;
}

#footer .footer-section:last-child
{	
	padding-right: 0;
}

#footer .footer-section ul
{
	list-style: none;
	
	padding-left: 10px;
}

#footer .footer-three-posts li
{
	border-top: 1px dashed #333;
	
	padding: 3px 0;
}

#footer .footer-three-posts li:first-child
{
	border-top: 0;
}

#footer .copyright
{
	font-size: .916em;

	text-align: center;
}

/* ---------- */



/* ##### ADS ##### */

.ad
{
	background: #fff url('images/misc-advertisement.gif') no-repeat top right;

	border: 1px solid #e0e0e0;

	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;

	line-height: 13px;
	
	overflow: hidden;
	
	padding: 10px;
}

.ad div a
{
	color: #2b6e0c;

	display: block;
	
	font-size: 11px;
	font-weight: bold;
	
	text-decoration: underline;
}

.ad-468x60
{
	height: 38px;
	
	width: 468px;
}

.ad-468x60 div
{
	float: left;

	margin-left: 10px;
	
	width: 229px;
}

.ad-468x60 div:first-child
{
	margin-left: 0;
}

.ad-300x250
{
	margin-bottom: 10px;

	max-height: 250px;
	
	width: 278px;
}

.ad-300x250 div
{
	height: 40px;
	
	margin-top: 10px;
}

.ad-300x250 div:first-child
{	
	margin-top: 0;
}

.ad-728x90
{
	height: 45px;
	
	margin: 10px auto;
	
	width: 728px;
}

.ad-728x90 div
{
	float: left;

	margin-left: 10px;
	
	width: 230px;
}

.ad-728x90 div:first-child
{
	margin-left: 0;
}

/* ---------- */