/*
Theme Name: TwitArt.com
Theme URI: http://www.twitart.com
Description: Theme for TwitArt.com	
Version: 1.0
Author: Allen Bayless
Author URI: http://www.illfxdesigns.com

*/


/* Typography */

h1 { color: #424242; font-family: 'Georgia-Bold','Georgia',serif; font-size: 38px; margin: 0 0 20px 0; padding: 0; }
h2 { color: #5E5E5E; font-family: 'Georgia-Bold','Georgia',serif; font-size: 26px; margin: 0 0 20px 0; padding: 0; }
	#sidebar h2 { font-size: 18px; margin: 10px 0px; }
h3.backgroundtitle { color: #919191; font-family: 'Georgia',serif; font-size: 18px; font-weight: 400; margin-top: 0px; }
#middlecol ul, #middlecol ol { margin-left: 0px; padding-left: 20px; }
#middlecol h3 { color: #424242; margin-bottom: 0px; }
a img { border: none; }
#footer p { color: #5E5E5E; font-family: 'Georgia',serif; font-size: 13px; margin-top: 0px; }
#footer p a { color: #5E5E5E; }

/* Classes */

.center { text-align: center; }
.orange { color: #fa8a04; }
.blue { color: #007AAA; }
.floatleft { float: left; }
.alignright { float: right; }
.contact_email a { color: #0098C9; font-size: 64px; font-weight: bold; text-decoration: none;}

/* Begin Layout */

body { background: rgb(255, 255, 255) url(images/background-image-2.jpg) top left repeat; color: #5E5E5E; font-size: 20px; margin: 0px; padding: 0px; text-align: center; }

#container { background: WHITE; margin: 0 auto; overflow: hidden; padding-bottom: 20px; text-align: left; width: 990px; }

#header { background: url(images/twitart-header.jpg) top center no-repeat; height: 190px; }
#chat { float: left; margin-left: 480px; }
#navigation { clear: both; font-family: 'Georgia',serif; font-size: 19px; }
	#navigation ul { margin: 0px 0 0 9px; padding: 51px 0 0 0; text-align: center; }
	#navigation li { border-right: 2px solid #75C7CC; display: inline; line-height: 19px; padding: 0 24px; }
	#navigation li.noborder { border-right: none; }
		#navigation li a { color: #407AAA; text-decoration: none; }
		
#leftcol { float: left; margin-right: 10px; width: 470px; }
#rightcol { float: left; margin-left: 10px; width: 470px; }		
#middlecol { background: url(images/middlecol_bg.jpg) top center no-repeat; overflow: auto; padding: 25px 15px 0px; }
	#middlecol div#gallery { overflow: hidden; }
	#middlecol div.gallerypic_container { float: left; width: 480px; }	
	#middlecol div.gallery-background { background: url(images/gallery_bg.png) top center repeat-y; overflow: hidden; padding: 0 0 0 15px; width: 465px; } 
	#blog { float: left; margin-right: 20px; width: 730px; }
	#sidebar { float: left; width: 210px; }
		#sidebar ul { font-size: .8em; list-style: none; padding-left: 0px; }
		#sidebar ul li { list-style: none; }
	
	#footer { background: url(images/shapeimage_1.png) top center no-repeat; clear: both; height: 24px; margin: 20px 0 0 27px; padding: 8px 0 0 13px; width: 926px; }

/* Payment Options */

#payment_options { margin: 0 auto; width: 500px; }

/* LightBox */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
	font-size: 21px;
}

#lbCaption {
	font-weight: bold;
	font-size: 21px;
}