/*
Theme Name: WP-PortalTheme
Theme URI: http://www.portallabs.com/blog/2008/11/27/wp-portaltheme/
Description: Clean XHTML valid, 2-column, fixed-width, widget ready, right sidebar theme with an optional ad block.  Theme options include a color scheme picker that allow you to pick from your choice of orange, red, blue, green, or gray color schemes.  All theme colors are seperate and easily customizable by editing the respective css file in /colorschemes/.  Also included is a layered header PSD file to customize the header graphic if desired. This theme replaces WP-PortalTheme Orange that was only available in one color.
Author: Portal Labs, LLC
Author URL: http://www.portallabs.com
Tags: valid XHTML, fixed width, two columns, widgets, gravatars, right sidebar, ad block, customizable
Version: 2.1

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin: 0; padding: 0;
}

html {
  	background: transparent url(colorstyles/main-bg.jpg) repeat-x;
}


body {
	text-align: center;
	font: 12px Arial;
	color: #666666;
/*	background: url(colorstyles/header-blue.jpg) no-repeat top center; */
	padding-top: 0px;
}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

/** BEGIN wrapper **/
.wrapper {
	width: 961px;
	margin: auto auto;
	text-align: left;
	background: url(images/wrapper3.gif) -1px 118px repeat-y;
	border-top: 2px #9ac0ed solid;
	padding: 0px;
}
/** END wrapper **/

/** BEGIN header **/
#head-wrap {
	display: block;
	margin: auto;
	padding: 0 0 0 16px;
	position: relative;
	width: 986px;
}

#header {
	width: 986px;
	margin: 0 auto;
	height: 112px;
	color: #ffffff;
	font-family: Georgia;
}
	#header h1 a {
		font-size: 54px;
		font-weight: normal;
		color: #ffffff;
		text-decoration: none;
		position: relative;
		top: 35px; left: 54px;
		float: left;
	}
	#header h3 {
		font-size: 1.4em;
		font-style: italic;
		font-weight: normal;
		position: relative;
		top: 38px; left: 60px;
		float: left;
		clear: both;
	}
	#header form {
		margin: 1px 32px 5px 0;
		padding: 0px;
	}
		#header form input {
background-color: white;
border: 1px solid #BBB;
border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
color: #999;
font-size: 12px;
font-weight: bold;
height: 13px;
margin: 0px 0px 5px 5px;
padding: 2px;
width: 210px;
font-family: Arial, Helvetica, sans-serif;
		}

		#header form button {
			text-indent: -9999px;
			width: 18px; height: 18px;
			border: 0;
			float: left;
			background-color: transparent;
		}
/** END header **/

#container-search {
	background: transparent url(images/search-bg.png) no-repeat;
	float: right;
	height: 36px;
	margin: 15px 16px 2px 0;
	padding-top: 3px;
	position: relative;
	right: 0px;
	width: 256px;
}

#mainNav
{
	display: block;
	float: right;
	overflow: hidden;
	padding: 0px 22px 0px 0px;
	vertical-align: baseline;
	width: 595px;
}

ul#nav {
	padding:0;
	margin:0;
}

#mainNav li
{
	display:block;
	float:left;
	overflow:hidden;
	line-height:18px;
}

#mainNav li a
{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.02em;
	padding:10px 12px;
	text-decoration:none;
}
#mainNav li a:hover
{
	text-decoration:underline;
}

#mainNav li a.active
{
color:#486b9c;
text-decoration:none;	
background:none;
border:none;

}

#mainNav .firstnav a
{
		padding-left:0;
}
#mainNav .last a
{
		padding-right:0;
}

div#home-link {
  float:left;
  display: block;
  height: 120px;
  width: 340px;
  margin:0;
}

#home-link a {
  display: block;
  height: 120px;
  width: 340px;
  overflow: hidden;
  text-indent: -9999px; 
}


/** BEGIN navigation **/
#navigation {
	list-style-type: none;
	height: 14px;
	padding: 10px 6px;
	border-width: 1px 0;
	border-style: solid;
}
	#navigation li {
		float: left;
		font-family: Georgia;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 5px;
	}
	#navigation li a {
		text-decoration: none;
		padding: 5px;
	}
	#navigation li a:hover {
		text-decoration: underline;
	}
/** END navigation **/

/** BEGIN content **/
#content {
	float: left;
	width: 620px;
	margin-left: 3px;
	padding: 2px 0 10px;
}
	.post {
		padding: 10px 10px 0;
	}
	.first {
		padding-top: 0;
	}
	.post h2 {
		clear: both;
		font-size: 1.8em;
		font-family: Georgia, serif;
		font-weight: normal;
		font-style: normal;
		text-align: center;
		padding: 10px 0 10px;
		border-top: 1px dashed #cccccc;
		margin: 0 25px;
		color:#3b1258;
	}
	.post h2 a {
		text-decoration: none;
	}
		.first h2 a {
			text-decoration: none;
		}
		.first h2 {
			border-top: 0;
		}
	.post p {
		margin-bottom: 10px;
		font-size: 1.2em;
		line-height: 1.3em;
	}
	.date {
		text-align: center;
		padding-bottom: 10px;
		font-family: Georgia;
		font-style: italic;
		font-size: 1.2em;
		border-bottom: 1px dashed #cccccc;
		margin: 0 25px 15px !important;
	}
	.post h3 {
		text-align: center;
		font-size: 1.5em;
		font-weight: normal;
		font-family: arial, sans-serif;
		padding: 5px 0 8px;
		margin: 0 25px;
	}
	#postnav {
		padding: 10px;
		font-family: Georgia;
		font-style: italic;
	}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 300px;
	margin-right: 3px;
	padding: 2px 0 10px;
	font-size:13px;
}
	#sidebar h2 {
		font-family: Georgia;
		font-size: 1.5em;
		font-weight: normal;
		font-style: italic;
		padding: 7px 18px 6px;
		border-width: 1px 0;
		border-style: solid;
	}
	#sponsors {
		padding: 14px;
	}
	#sponsors img {
		border: 0;
		margin: 2px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 15px;
		margin-right: 15px;
	}
	
		#sidebar ul li {
			padding: 6px 0 6px 10px;
			font-family: Arial, sans-serif;
			background: url(images/bullet.gif) no-repeat 0 10px;
		}
		#sidebar ul li a {
			text-decoration: none;
		}
		#sidebar ul li a:hover {
			text-decoration: underline;
		}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	padding: 16px 0;
	border: 1px solid #dddddd;
	font-family: Georgia;
	line-height: 1.6em;
	height: 50px;
}
	#footwrap {
		margin: auto auto;
		width: 940px;
		text-align: left;
	}
	#footer a {
		text-decoration: none;
		font-size: 0.9em;
		margin: 0 8px;
	}
		#footer .first {
			margin-left: 0 !important;
		}
	#footer .left {
		float: left;
	}
	#footer .right {
		float: right;
	}
/** END footer **/

/** BEGIN single **/
img {
	border: 0;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.post ul {
	margin: 0 0 10px 18px;
}
.post ol {
	margin: 0 0 10px 25px;
}
.post li {
	line-height: 1.6em;
	font-size: 1.2em;
}
.post blockquote {
	font-style: italic;
	padding-left: 8px;
	margin-left: 2px;
}
#commentsection {
	
}
	#commentsection h2 {
		margin: 0 0 10px !important;
		text-align: left;
	}
	.commentdetails {
		margin-bottom: 10px;
		font-family: Georgia;
	}
	.commentdetails img {
		float: left;
		padding: 2px;
		margin: 0px 4px 3px 1px;
	}
	.commentdetails p {
		margin-bottom: 2px;
	}
	.commentauthor {
		font-weight: bold;
		color:#0092af;
	}
	.commentdate {
		font-size: 0.9em !important;
		font-style: italic;
		color:#0092af;
	}
	.comment1 {
		padding-bottom: 20px;
	}
	.notfound {
		padding: 20px;
	}
	.notfound h2 {
		font-family: Georgia;
		font-weight: normal;
		font-size: 2em;
		padding-bottom: 10px;
	}
	#postdetails {
		font-size: 0.8em;
		font-family: Georgia;
	}
		#postdetails p {
			margin-bottom: 5px;
		}
/** END single **/

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.theSwirl {
	left: -141px;
	position: absolute;
	top: 0px;
}

#logo {
	float: left;
	padding: 26px 0px 0px;
}

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}