/*
Theme Name: PDXDesigner Portfolio Theme
Version: 4.0
Theme URI: http://www.pdxdesigner.com
Author: Steven Beatty	
Author URI: http://www.pdxdesigner.com
*/

html, body { 
	font-family: Verdana; 
	font-size: 100%; 
	height: 100%; 
	background: #FFFFFF url(images/bg_header.gif) repeat-x top left; 
}
.clear { 
	clear: both; 
}

/* Page Wrapper */
#container	{ 
	margin: 0 auto; 
	width: 950px; 
}


/* Header Section */
#header	{ 
	height: 93px;
	width: 950px;
	padding: 27px 0 0 0; 
}

/* Logo */
.logo { 
	width: 300px; 
	height: 93px; 
	float: left; 
	display: inline; 
}
.logo a { 
	width: 300px; 
	height: 93px; 
	background: url(images/logo.gif) no-repeat; 
	display: block;
	text-indent: -9999px; 
}

/* Tagline */
.tagline { 
	width: 300px; 
	height: 66px; 
	float: right; 
	display: inline; 
}
.tagline a { 
	width: 300px; 
	height: 93px; 
	background: url(images/tagline.gif) no-repeat; 
	display: block;
	text-indent: -9999px; 
}


/* 404 Error Page */
.error { 
	width: 640px;
	float: left; 
	display: inline; 
}
.error h1{
	font-size: 20px; 
	font-weight: bold;
	color: #503010;
	margin: 0 0 20px 0;
}
.error p{
	font-size: 16px; 
	font-weight: bold;
	color: #9D5000;
}
.error p a{
	font-size: 16px; 
	font-weight: bold;
	color: #9D5000;
	text-decoration: underline;
}
.error p a{
	font-size: 16px; 
	font-weight: bold;
	color: #9D5000;
	text-decoration: none;
}

/* Main Content Container */
#content_container { 
	margin: 50px 0 0 0; 
	width: 950px; 
	overflow: hidden; 
}

/* Information Section */
#info_container { 
	width: 950px; 
	overflow: hidden; 
	float: left; 
	display: inline; 
}

/* Gallery Main Section */
#gallery { 
	width: 950px; 
	overflow: hidden; 
	float: left; 
	display: inline; 
}

/* Hide Header Link - Gallery Portfolio */
.thumbs h1{ 
	text-indent: -9999px;
	font: 1px;
}

/* Content Hoem Container */
.content_container {
	width: 620px;
	height: 100%; 
	float: left; 
	display: inline;
	overflow: hidden; 
}

/* Left Column Thumb Image Container - Gallery Portfolio */
.thumbs_left { 
	margin: 0 42px 53px 0; 
	width: 288px; 
	float: left; 
	display: inline; 
	background: #FFFFFF; 
	position: relative;
	padding: 0;
}
.thumbs_left a img { 
	margin: 0 auto; 
	width: 284px; 
	height: 147px; 
	border: 3px solid #C28D57; 
}
.thumbs_left a:hover img { 
	margin: 0 auto; 
	width: 284px; 
	height: 147px; 
	border: 3px solid #9D5000; 
}

/* Right Column Thumb Image Container - Gallery Portfolio */
.thumbs_right { 
	margin: 0 0 53px 0; 
	width: 288px; 
	float: left; 
	display: inline; 
	background: #FFFFFF; 
	position: relative;
	padding: 0;
}
.thumbs_right a img { 
	margin: 0 auto; 
	width: 284px; 
	height: 147px; 
	border: 3px solid #C28D57; 
}
.thumbs_right a:hover img { 
	margin: 0 auto; 
	width: 284px; 
	height: 147px; 
	border: 3px solid #9D5000; 
}


/* Thumb Image Portfolio Info */
.thumbs_info {
	padding: 2px;
	width: 284px;
	margin: 6px 0 0 0;
	border-bottom: 5px solid #9D5000;
}
.thumbs_info h2 { 
	margin: 2px 0 8px 0;
	padding: 4px 0 0 0; 
	font-size: 12px; 
	font-weight: bold;
	color: #503010;
}
.thumbs_info p.project { 
	margin: 0 0 3px 0; 
	font-size: 11px; 
	font-weight: bold;
	color: #9D5000;
}
.thumbs_info p.project span { 
	padding: 0 0 0 5px; 
	font-size: 11px; 
	font-weight: bold;
	color: #73622E;
}
.thumbs_info p.details { 
	margin: 0 0 8px 0; 
	font-size: 11px; 
	font-weight: bold;
	color: #9D5000;
}
.thumbs_info p.details span { 
	padding: 0 0 0 5px; 
	font-size: 11px; 
	font-weight: bold;
	color: #73622E;
}

/* Welcome Info */
#welcome_container{
	width: 620px; 
	height: 215px; 
	float: left;
	overflow: hidden;
	background: url(images/bg_welcome.gif) no-repeat;
}
.welcome{
	margin: 0 0 0 0; 
	width: 590px; 
	height: 185px;
	padding: 20px;
}
.welcome h1{
	color: #503010;
	padding: 0 0 8px 0;
	font: bold 23px "Georgia", Verdana, Arial, Tahoma;
}
.span_info{
	color: #9D5000;
	font: bold 23px "Georgia", Verdana, Arial, Tahoma;
}
.welcome h2{
	color: #503010;
	padding: 5px 0 12px 0;
	font: bold 18px "Georgia", Verdana, Arial, Tahoma;
}
.welcome h3{
	color: #9D5000;
	padding: 0 0 5px 0;
	font: bold 17px "Verdana", Arial, Tahoma;
}
.welcome p{
	color: #9D5000;
	padding: 0 0 5px 0;
	font: bold 17px "Verdana", Arial, Tahoma;
}

/* Sidebar Section */
#sidebar_container { 
	width: 300px;
	height: 100%; 
	float: right; 
	display: inline;
	overflow: hidden; 
}

/* Containers */
.about_container{
	width: 278px;
	margin: 0 0 0 0;
	height: 390px;
}
.ads_container{
	width: 278px;
	height: 125px;
}

/* Website Planner */
#business_container{
	margin: 0 0 55px 0;
	width: 298px; 
	height: 200px;
	background: url(images/bg_planner.gif) no-repeat; 
	float: right;
	overflow: hidden;
}
.business{
	margin: 0 auto; 
	width: 268px; 
	height: 170px;
	padding: 15px;
}
.business h3{
	color: #9D5000;
	padding: 0 0 8px 0;
	font: bold 18px "Georgia", Verdana, Arial, Tahoma;
}
.business h4{
	color: #73622E;
	padding: 0 0 8px 0;
	font: bold 12px "Georgia", Verdana, Arial, Tahoma;
}
.business p{
	color: #73622E;
	padding: 0 0 5px 0;
	font: normal 11px "Verdana", Arial, Tahoma;
}
.business img {
	margin: 5px 0 0 0;
	padding: 0;
	border: none; 
}


.sidebar{
	padding: 10px; 
	margin: 0 0 20px 0; 
	width: 298px;
	background: #3B2F28; 
	border: 1px solid #3B2F28; 
}
.sidebar img.headshot {  
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 2px solid #D6CA99; 
}
.sidebar img.ad_left {  
	float: left;
	margin: 0 14px 10px 0;
	padding: 0;
	border: none; 
}
.sidebar img.ad_right {  
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	border: none; 
}
.sidebar img.buttons {  
	float: left;
	margin: 8px 8px 10px 0;
	padding: 0;
	border: none; 
}
.sidebar img.button_right {  
	float: left;
	margin: 8px 0 10px 0;
	padding: 0;
	border: none; 
}
.sidebar p{
	color: #D6CA99;
	padding: 0;
	margin: 0 0 10px 0;
	font: normal 11px "Verdana", Arial, Tahoma;
}
.sidebar h4{
	color: #D6CA99;
	padding: 8px 0 10px 0;
	margin: 0 auto;
	font: bold 12px "Verdana", Arial, Tahoma;
}
.sidebar h3{
	color: #D6CA99;
	padding: 0 0 8px 0;
	margin: 0 auto;
	font: bold 12px "Verdana", Arial, Tahoma;
}


/* Sidebar for Last.fm */
ul#ilastfm li, ul#ilastfm_display li {
			list-style-type: none;
			list-style-image: none;
			display: inline;
			margin: 0 0 5px 0;
		}

ul#ilastfm, ul#ilastfm_display {
			margin: 5px 5px 2px 0;
			padding: 0 0 5px 0;
		}

#ilastfm a img, #ilastfm_display a img {
			background: #D6CA99;
			padding: 2px;
			border: 1px solid #D6CA99;
			width: 59px;
			height: 59px;
		}

#ilastfm a:hover img, #ilastfm_display a:hover img {
			border: 1px solid #B6AC81;
		}



/* Footer Section */
#footerWrap { 
	clear: both; 
	margin: 70px 0 0 0; 
	width: 100%; 
	height: 330px;
	background:url(images/bg_footer.gif) repeat-x;
	overflow: hidden; 
}
.footerInner { 
	width: 100%; 
	background:url(images/bg_footer.gif) repeat-x;
	overflow: hidden;
	height: 330px;
}
#footer { 
	width: 950px; 
	margin: 20px auto; 
	overflow: hidden; 
}

.footer_span {
	color: #A85703;
}

/* Footer Middle */
.testimonial h3 { 
	color: #FFFFFF;
	font-size: 1px; 
	text-indent: -9999px;
}
.middle h3 { 
	color: #FFFFFF; 
	margin: 0 0 20px 0; 
	font-size: 12px;  
}
.middle { 
	width: 300px; 
	margin: 0 0 0 25px; 
	float: left; 
	display: inline; 
}
.testimonial_container {
	padding: 7px 5px 7px 5px; 
	font-size: 11px;
	color: #ffffff; 
	background: #462503; 
	margin: 0 auto; 
}
.testimonial_container a{
	color: #FC8102;
	text-decoration: none;
}
.testimonial_container a:hover{
	color: #FC8102;
	text-decoration: underline;
}
.testimonial_container img {  
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
	border: 2px solid #A85703; 
}

/* Footer Left */

.left h3 { 
	color: #FFFFFF; 
	margin: 0 0 20px 0; 
	font-size: 12px; 
}
.left	{ 
	width: 300px;
	height: 240px;  
	margin: 0 0 20px 0; 
	float: left; 
	display: inline; 
}
.left ul { 
	list-style: none;
}
.left ul li { 
	padding: 7px 5px 7px 5px; 
	font-size: 11px; 
	background: #462503; 
	margin: 0 0 2px 0; 
	display: block; 
}
.left ul li a { 
	color: #FFFFFF; 
	text-decoration: none; 
}
.left ul li a:hover { 
	color: #FC8102; 
	text-decoration: none; 
}


/* right */
.right { 
	width: 300px;
	height: 240px;
	float: right; 
	display: inline;  
	margin: 0 0 20px 0;  
}
.right h3 { 
	color: #FFFFFF; 
	margin: 0 0 20px 0; 
	font-size: 11px; 
}
.right ul { 
	list-style: none;
}
.right ul li { 
	padding: 7px 5px 7px 5px; 
	font-size: 11px; 
	background: #462503; 
	margin: 0 0 2px 0; 
	display: block;
	color: #FFFFFF; 
}
.right ul li a { 
	color: #FFFFFF; 
	text-decoration: none; 
}
.right ul li a:hover { 
	color: #FC8102; 
	text-decoration: none; 
}


/* Copyright */
#copyright_container	{ 
	height: 30px; 
	width: 100%; 
	background:url(images/bg_copyright.gif) repeat-x left top;
}
.copyright_inner { 
	width: 950px; 
	margin: 0 auto; 
	line-height: 30px;
}
p.copyright_text { 
	font-size: 11px; 
	color: #A85703; 
	float: left; 
	display: inline;
}

p.top_link { 
	font-size: 11px; 
	float: right; 
	display: inline; 
}
p.top_link a	{ 
	color: #A85703; 
	text-decoration: none; 
}
p.top_link a:hover { 
	text-decoration: underline;!important}



/* Slider Styles Starts */

#intro {
    padding-bottom: 10px;
}
#slider-outer{
	border:solid #383838;
	border-width:1px 0 0 0;
	height:285px;
	padding:15px 0 0 0;
}
#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}
.scroll {
	overflow: hidden;
	width: 790px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
	position: relative;
}
.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 240px;
}
.inside {
	padding: 10px 0;
}
.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 250px;
}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 100px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -45px;
}
.scrollButtons.right {
    right: -45px;
}
.hide {
    display: none;
}

/* Slider Styles Ends */


.social-test {
	width: 600px;
	margin: 0 auto;
	padding: 20px;
	background-color:#dddddd;
}