/*
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;
}
body {
	text-align: left;
	font: 12px "trebuchet ms";
	color: #666666;
	background: #ffffff url(images/bg.gif) ;
	padding-top: 27px;
	padding-bottom: 27px;
}

.mf
{float:left;
}

.feed
{float:right;
padding:35px 15px 0 0;

}

#wp-calendar 
{width:220px;
padding:0 0 0 30px;
}

#changeimages
{
padding:73px 0 0 0;
text-align:center;
float:left;
width:650px;

}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

/** BEGIN wrapper **/
.wrapper {
	width: 950px;
	margin: auto auto;
	text-align: left;
    BORDER: #698080 solid;
	border-width:4px 4px 0 4px; 
	background:#fff;
	
}
/** END wrapper **/

/** BEGIN header **/
#header {
	color: #ffffff;
	font-family: Georgia;
	background: #ffffff url(images/header-bg.gif) ;
	height:217px;

}

blockquote
 {
	font: bold italic 16px  "Trebuchet ms", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #666;
	padding: 10px;
	
}

blockquote.image
 {
	font: bold 13px  "Trebuchet ms", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #666;
	padding: 0;
	border-bottom: 1px dashed #999;
	margin-bottom:15px;
	
}

	#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 {
		position: relative;
		top: 0; left: 0;
		float: right;
		position: relative;
		top: 5px; left: -49px;
	}
		#header form input {
			font-family: Georgia;
			font-size: 1em;
			float: left;
			width: 220px;
			margin-right: 5px;
			border: 1px solid #ffffff;
		}
		#header form button {
			text-indent: -9999px;
			width: 18px; height: 18px;
			border: 0;
			float: left;
			background-color: transparent;
		}
/** END header **/

/** BEGIN navigation **/
#navigation {
	list-style-type: none;
	height: 14px;
	padding: 10px 6px;
	width:120px;	

}

#navigation ul

{
}

	#navigation li {
		float: left;
		font-family: trebuchet;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;


		
	}
	#navigation li a {
		text-decoration: none;
		padding: 5px 5px 5px 18px;
		
	}
	#navigation li a:hover {
	text-decoration: underline;
	background: url(images/arrow.gif) no-repeat;
	background-position:left;
}
/** END navigation **/

/** BEGIN content **/
#content {
	float: left;
	width: 520px;
	margin: 0;
	padding: 50px 0 10px 150px;
	background: #ffffff url(images/bg_floss.gif) no-repeat;
}
	.post {
		padding: 10px 10px 10px;
		border-bottom: 1px dashed #999;
	}
	.first {
		padding-top: 0;
	}
	.post h2 {
		font: 2em "Franklin Gothic Medium", "Arial Narrow Bold", "Arial", "sans-serif";
		font-weight: normal;
		padding: 1px 0 8px;
		margin: 0;
	}
	
	.post h3.postdate
	{
		font: bold 1.3em "trebuchet ms", verdana, Arial, "sans-serif";
		color:#3b8c8b;
		margin-bottom:1px;
		left: -20px;
	}
	
		h3
	{
		color:#3b8c8b;

	}
	
	.post h2 a {
		text-decoration: none;
		
	}
	
	.post h2 a:hover {
		text-decoration: none;
		color:#f00;
	}
	
		.first h2 a {
			text-decoration: none;
		}
		.first h2 {
			border-top: 0;
		}
		p
{font: Geneva, "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
color:#333; 
margin-top:1px;}
		
	.post p {
		margin-bottom: 10px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	.date {
				padding-bottom: 10px;
		font-family: Georgia;
		font-style: italic;
		font-size: 1.2em;
		
		margin: 0 0 15px !important;
	}
	.post h3 {
		font-size: 1.6em;
		font-weight: normal;
		font-family: Georgia;
		padding:10px 0 0 0;
	}
	#postnav {
		padding: 10px;
		font-family: Georgia;
		font-style: italic;
	}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 250px;
	margin-right: 11px;
	padding: 120px 0 10px;
}
	#sidebar h2 {
		font: bold 1.5em "Century Gothic", "Apple Gothic", "sans-serif" ;
		padding: 7px 18px 6px;

	}
	#sponsors {
		padding: 14px;
	}
	#sponsors img {
		border: 0;
		margin: 2px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 15px;
		margin-right: 50px;
	}
		#sidebar ul li {
			padding: 6px 0 6px 10px;
			font-family: Georgia;
			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 15px 0;
	margin:0 auto;
	width:950px;
	border-left: 4px solid #698080;
	border-right: 4px solid #698080;
	border-bottom: 4px solid #698080;
	border-top: 1px solid #000;
	font-family: arial;
	background: #3b8c8b;
	line-height: 1.6em;
	
}
	#footwrap {
		margin: auto auto;
		padding:0 0 15px 0;
		width: 900px;
		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;
}

#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;
	}
	.commentdate {
		font-size: 0.9em !important;
		font-style: italic;
	}
	.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;
		}
		
		
		
		
		
.navigation2 {font: bold .9em "trebuchet ms", Arial, helvetica, "sans-serif" ;
padding:20px 0 20px 0;
float:left;
width:570px;

}

.navleft
{float:left;
width:40%;
padding:32px 0 0 0; 
background: url(images/previous.gif) no-repeat;}

.navright
{float:right;
width:40%;
padding:32px 0 0 0; 
background: url(images/next.gif) no-repeat;}		
		
		
		
		
/** 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;
}

.postimage
{padding:10px;
background:#eee;
border:1px solid #999;}

.postthumb
{padding:5px;
margin:5px;
background:#eee;
border:1px solid #999;
float:left;}

.avatar
{float:left;
padding:2px;
}