/*  
Theme Name: MR PEC-TACULAR
Theme URI: http://320studios.com
Description: Custom theme for Jessie Godderz
Version: 1.0
Author: Bart Hook
Author URI: http://320studios.com
*/

body {
	background-color: #000003;
	background-image: url(images/site_bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
	font-family: Arial;
}

a {
	outline: none;	
}

.clear {
	clear: both;
}

.green {
	color: #bad986;
}

.sized_big {
	width: 400px;	
}

.sized {
	width: 200px;	
}

#top_bar {
	position: absolute;
	top:40px;
	width: 100%;
	z-index: 10;
	height: 111px;
	background-image: url(images/top_bar_bg.png);
	background-repeat: repeat-x;
}

#top_bar_content {
	position: relative;
	margin: 0 auto;
	width: 980px;
}

.logo {
	position: relative;
	float: left;
	margin: 24px 0 0 0;
	height: 63px;
	width: 426px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
}

#jessie {
	position: relative;
	float: right;
	display: inline;
	width: 420px;
	height: 890px;
	background-image: url(images/jessie_bg.jpg);
	background-repeat: no-repeat;
}


#home_content {
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	width: 560px;
	margin: 180px 0 0 0;
	font-size: 16px;
	line-height: 24px;
}

#home_content p {
	margin: 0 0 20px 0;
}

#home_content h2 {
	color: #fff682;
	font-size: 16px;
	font-weight: normal;
}

#content {
	position: relative;
	float: left;
	display: inline;
	width: 560px;
	margin: 200px 0 0 0;
	font-size: 13px;
	line-height: 18px;
}

#content p {
	margin: 0 0 18px 0;
}

#content a {
	color: #63c6f5;
}

#content h1 {
	font-size: 22px;
	color: #fff682;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}


#intro {
	position: relative;
	font-size: 22px;
	line-height: 32px;
	color: #fff682;
	margin: 0 0 30px 0;
}

#intro a {
	color: #ffffff;
}

#recent_photos {
	position: relative;
	display: inline;
	float: left;
	margin: 30px 0 0 0;
	width: 260px;
}

#from_the_blog {
	position: relative;
	display: inline;
	float: right;
	margin: 30px 0 0 0;
	width: 260px;
}

#callout_content {
	position: relative;
	text-align: left;
	margin: 15px 0 0 0;
	color: #cccccc;
	font-size: 11px;
	line-height: 16px;
}

#callout_content h2 {
	color: #ffffff;
	font-size: 12px;
	margin: 0 0 10px 0;
}

#callout_content  a {
	color: #63c6f5;
	text-decoration: none;
}

#home_content p.readmore {
	display: none;
}

#footer {
	position: relative;
	font-size: 11px;
	height: 41px;
	background-image: url(images/footer_bg.png);
	background-repeat: repeat-x;
	color: #6d6d6d;
	margin: 20px 0;
}

#footer a {
	color: #6d6d6d;
	text-decoration: none;
}

.footer_left {
	position: relative;
	display: inline;
	float: left;
	width: 640px;
	margin: 14px 0 0 10px;
}

.footer_right {
	position: relative;
	display: inline;
	float: right;
	width: 300px;
	text-align: right;
	margin: 14px 10px 0 0;
}

.title {
	width: 490px;
	padding: 5px 10px;
	background-color: #0063b2;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}



/************************************ BLOG ************************************/

.post {
	line-height: 18px;
	margin: 0 0 40px 0;
}

.post h2 {
	font-size: 20px;
	line-height: 20px;
	color: #fff682;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

.post p {
	margin: 0 0 18px 0;
}

#meta {
	margin: 20px 0 0 0;
}

#meta a {
	padding: 5px 10px;
	background-color: #0063b2;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px 0 0;
}

#meta a:hover {
	background-color: #869d67;
}





/************************************ NAV ************************************/

#nav {
	position: relative;
	float: right;
	width: 430px;
	margin: 25px 0 0 0;
}

#nav ul { 
	position: absolute;
	list-style: none; 
	margin: 0;
	padding: 0;
}

#nav li { 
	height: 11px;
	width: 137px;
}

#nav a { 
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent:-1000em;
	height: 11px;
	width: 137px; 
	z-index: 250;
}

#nav_home a { background: transparent url(images/nav/home.png) top; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }
#nav_port a  { background: transparent url(images/nav/portfolio.png) top; background-repeat: no-repeat; position: absolute; top: 25px; left: 0; }
#nav_videos a  { background: transparent url(images/nav/videos.png) top; background-repeat: no-repeat; position: absolute; top: 50px; left: 0; }
#nav_store a  { background: transparent url(images/nav/store.png) top; background-repeat: no-repeat; position: absolute; top: 0; left: 138px; }
#nav_members a  { background: transparent url(images/nav/members.png) top; background-repeat: no-repeat; position: absolute; top: 25px; left: 138px; }
#nav_acc a  { background: transparent url(images/nav/acc.png) top; background-repeat: no-repeat; position: absolute; top: 25px; left: 138px; }

#nav_bio a  { background: transparent url(images/nav/bio.png) top; background-repeat: no-repeat; position: absolute; top: 50px; left: 138px; }
#nav_blog a  { background: transparent url(images/nav/blog.png) top; background-repeat: no-repeat; position: absolute; top: 0; left: 320px; }
#nav_twit a  { background: transparent url(images/nav/twitter.png) top; background-repeat: no-repeat; position: absolute; top: 25px; left: 320px; }
#nav_contact a  { background: transparent url(images/nav/contact.png) top; background-repeat: no-repeat; position: absolute; top: 50px; left: 320px; }


#nav_home a:hover, #nav_port a:hover, #nav_videos a:hover, #nav_store a:hover, #nav_members a:hover, #nav_bio a:hover, #nav_face a:hover, #nav_twit a:hover, #nav_blog a:hover, #nav_contact a:hover, #nav_acc a:hover {
	background-position: center;
}

#nav_home_selected { background: transparent url(images/nav/home.png) bottom; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }
#nav_port_selected { background: transparent url(images/nav/portfolio.png) bottom; background-repeat: no-repeat; position: absolute; top: 25px; left: 0; }
#nav_videos_selected { background: transparent url(images/nav/videos.png) bottom; background-repeat: no-repeat; position: absolute; top: 50px; left: 0; }
#nav_store_selected { background: transparent url(images/nav/store.png) bottom; background-repeat: no-repeat; position: absolute; top: 0; left: 138px; }
#nav_members_selected { background: transparent url(images/nav/members.png) bottom; background-repeat: no-repeat; position: absolute; top: 25px; left: 138px; }
#nav_acc_selected { background: transparent url(images/nav/acc.png) bottom; background-repeat: no-repeat; position: absolute; top: 25px; left: 138px; }

#nav_bio_selected { background: transparent url(images/nav/bio.png) bottom; background-repeat: no-repeat; position: absolute; top: 50px; left: 138px; }
#nav_blog_selected { background: transparent url(images/nav/blog.png) bottom; background-repeat: no-repeat; position: absolute; top: 0px; left: 320px; }
#nav_contact_selected { background: transparent url(images/nav/contact.png) bottom; background-repeat: no-repeat; position: absolute; top: 50px; left: 320px; }


/************************************ SOCIAL ************************************/


#social {
	position: absolute;
	right: 0;
	top: 8px;
	height: 24px;
	z-index: 50;
}

#social ul { 
	list-style: none; 
	margin: 0;
	padding: 0;
	
}

#social li { 
	float: left;
	height: 24px;
	padding: 0 0 0 3px;
}



/************************************ SPONSOR ************************************/


#sponsor {
	position: absolute;
	right: 30px;
	top: 210px;
	width: 90px;
	height: 39px;
	z-index: 300;
}



/************************************ COMMENTS ************************************/

#yellow, #yellow a {
	color: #fff682;
	text-transform: uppercase;
}

.alt {
	background-color: #171a22;
}

.commentlist {
	margin: 15px 0 20px 0;
}

.commentlist li {
	padding: 12px 15px 2px 15px;
	margin: 10px 0;
}



.ngg-gallery-thumbnail-box a img {
	width: 150px;
	height: 150px;
}