/*
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: center;
	font: 12px Arial;
        color: #151b54;
	background: #4c79b4 url('images/background.png') no-repeat fixed center;
	padding-top: 27px;
}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

/** BEGIN wrapper **/
.wrapper {
	width: 950px;
	margin: auto auto;
	text-align: left;
	background: url(images/wrapper.gif) repeat-y top center;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 210px;
	color: #ffffff;
        font-size: 19px;
	font-family: Georgia;
        font-style: italic;
        font-weight: 0;
		
		margin-bottom: 10px;
}
	#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;
	border-width: 1px 0;
	border-style: solid;
}
	#navigation li {
		float: left;
		font-family: Georgia;
		font-size: medium;
		font-style: italic;
		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: 11px;
	padding: 2px 0 10px;
}
	.post {
		padding: 10px 10px 0;
	}
	.first {
		padding-top: 0;
	}

	.post h1 {
		font-size: 1.6em;
                color: #000099;
		font-weight: normal;
		font-family: Georgia;
		padding: 10px 0;
	}
	.post h2 {
		clear: both;
		font-size: 2em;
		font-family: Georgia;
		font-weight: normal;
		text-align: center;
		padding: 20px 0 8px;
		border-top: 1px dashed #cccccc;
		margin: 0 25px;
	}
	.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 {
		font-size: 1.6em;
		font-weight: normal;
		font-family: Georgia;
		padding: 10px 0;
	}
	#postnav {
		padding: 10px;
		font-family: Georgia;
		font-style: italic;
	}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	float: right;
	width: 300px;
	margin-right: 11px;
	padding: 2px 0 10px;
}
	#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: 50px;
	}
		#sidebar ul li {
			padding: 6px 0 6px 10px;
			font-family: Georgia;
                        font-size: medium;
			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;
	}
	.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;
		}
/** 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;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
height: 300;
}
 
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 1px solid white;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -500px;
border: 0px solid black; /*solid or dashed, change color or width (px)*/
visibility: hidden;
color: black;
text-decoration: none;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px; /*was -160 px*/
left: 15px; /*position where enlarged image should offset horizontally was 100px*/
z-index: 50;
}
</STYLE> 
 
<!--[if IE]>
<style type="text/css">
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -160px;
left: -50px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>
<![endif]--> 

#container{ 
position:relative; 
width:30%; 
}

#inner{ 
position:absolute;
left:0%; 
}

#images{ 
position:absolute; 
left: 0%;
/*left:-50%; */
}

#images img { 
float:left; 
}

.shop {
margin-left: auto;
margin-right: auto;
width: 420px;
}

.shop img {
padding: 4px;
padding-bottom: 35px;
}

.shop-center {
margin-left: auto;
margin-right: auto;
width: 200px;
}

.cart {
margin-left: 45px;
margin-top: -5px;
}
.invisible {
display: none;
}