/*
Theme Name: PlayOnPics.com Theme
Theme URI: http://playonpics.net/
Description: Boss
Version: 1.0
Author: Colin Busby
Author URI: http://colinbusby.com
Tags: blue, custom header, fixed width, two columns, widgets
*/

body { margin: 0; padding: 0; background-image: url('images/ghosted-logo.jpg'); background-repeat: no-repeat; background-position: right bottom; background-attachment: fixed; background-color: #4692e0; font: 1em Helvetica; }


span.error { float: right; margin: 3px 10px 0 0; display: block; width: 18px; height: 18px; background-image: url('images/error.png'); }

form { margin: 0; padding: 0; }
fieldset { margin: 0 0 10px 0; padding: 0; border: 0; }
legend { display: none; }
label { float: left; display: block; color: #333; width: 100%; }
input.text-field { width: 225px; padding: 3px; border: 1px solid #ccc; background-color: #fafafa; }
textarea { width: 225px; padding: 3px; background-color: #fafafa; }
input.text-field:focus, textarea:focus { background-color: #fff; }

/* ------ h's ------ */

h1 { margin: 0; padding: 0; width: 260px; float: left; }
h2 { margin: 0 0 5px 0; color: #333; font: 1.8em "Trebuchet MS"; font-weight: normal; }
	h2.pagetitle { border-bottom: 2px solid #333; }
	h2#success { margin: 20px 0 0 0; padding: 0 0 0 25px; color: #4be20f; background-image: url('images/success.png'); background-repeat: no-repeat; background-position: 0 8px; }
	h2 span { font-size: 50%; float: right; }
h3 {}
	#sidebar h3 { color: #4064a8; margin: 0 0 10px 0; font: 1.2em "Trebuchet MS"; font-weight: normal; }
h4 { margin: 0 0 15px 0; font: 0.90em "Trebuchet MS"; font-weight: normal; }

/* ------ links ------ */

a:link, a:visited, a:hover, a:active { text-decoration: none; outline: none; }

h1 a { display: block; width: 260px; height: 108px; background-image: url('images/logo.jpg'); text-indent: -9999px; }

#content a:link, #content a:visited { color: #4064a8;  }
#content a:hover, #content a:active { color: #333; border-bottom: 1px solid #333; }

#footer a:link, #footer a:visited { color: #86b8eb; border-bottom: 1px solid #86b8eb; }
#footer a:hover, #footer a:active { color: #fff; border: 0; }

/* ------ p's------ */

p { margin: 0 0 10px 0; font: 0.8em Arial; line-height: 1.5; color: #666; }
#footer p { font: 0.7em Arial; color: #86b8eb; text-align: right; }

.alignleft { float: left; font-size: 0.8em; }
.alignright { float: right; font-size: 0.8em; }

/* ------ lists ------ */

#sidebar ul { margin: 0 0 10px 0; padding: 0; list-style-type: none; width: 190px; }
#sidebar li { font: 0.8em Arial; line-height: 1.5; color: #666; margin: 0 0 3px 0; }
#sidebar li a:link, #sidebar li a:visited { display: block; padding: 2px; background-color: #e5f2ff; border-bottom: 1px solid #a8d0f8; }
#sidebar li a:hover, #sidebar li a:active { color: #333; border-bottom: 1px solid #a8d0f8; }

/* ------ search ------ */

#searchform { padding: 0 0 0 0; }
#searchform p { padding: 5px 0 0 0; }
.screen-reader-text { font-size: 0.9em; }
input#s { width: 140px; clear: both; font-size: 1.0em; border: 1px solid #ccc; margin: 0 5px 0 0; }
#searchsubmit { }

/* ------ divs ------ */

#header {  margin: 0 auto; height: 120px; background-image: url('images/page-bg.png'); background-repeat: repeat-x; }
#navigation { width: 495px; float: right; position: relative; top: 40px; right: 20px; }

.wrap { width: 810px; margin: 0 auto; }
#content-outer { clear: both; margin: 10px 0 0 0; }
#content-top { height: 27px; background-image: url('images/body-bg-top.png'); background-repeat: no-repeat; }
	.portfolio #content-top { height: 27px; background-image: url('images/body-bg-top-port.png'); background-repeat: no-repeat; }
	
#content { background-image: url('images/body-bg.png'); background-repeat: repeat-y; padding: 0 25px; }
	.portfolio #content { background-image: url('images/body-bg-port.png'); background-repeat: repeat-y; padding: 0 25px; }

#content-post { float: left; width: 525px; }
	.navigation { height: 20px; }
	.post { border-bottom: 1px solid #4064a8; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	#contact-form { width: 300px; }
#sidebar { float: right; width: 195px; }

#footer { clear: both; padding: 20px 20px 0 0; background-image: url('images/footer-bg.png'); background-repeat: no-repeat; }
	.portfolio #footer { clear: both; padding: 20px 20px 0 0; background-image: url('images/footer-bg-port.png'); background-repeat: no-repeat; }
	
#home-layout #footer { clear: both; padding: 0 20px 0 0; background-image: none; }


/* ------ nav ------ */

#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation li { display: inline; }
#navigation li a { display: block; float: left; background-image: url('images/navigation.jpg'); height: 44px; text-indent: -9999px; margin: 0 ; }

#navigation li#home a { width: 75px; }
#navigation li#home a:hover, #navigation li#home a.active { background-position: 0 44px; }

#navigation li#portfolio a { width: 98px; background-position: -75px 0; }
#navigation li#portfolio a:hover, #navigation li#portfolio a.active { background-position: -75px 44px; }

#navigation li#gallery a { width: 88px; background-position: -173px 0; }
#navigation li#gallery a:hover, #navigation li#gallery a.active { background-position: -173px 44px; }

#navigation li#blog a { width: 63px; background-position: -261px 0; }
#navigation li#blog a:hover, #navigation li#blog a.active { background-position: -261px 44px; }

#navigation li#about a { width: 78px; background-position: -324px 0; }
#navigation li#about a:hover, #navigation li#about a.active { background-position: -324px 44px; }

#navigation li#contact a { width: 93px; background-position: -402px 0; }
#navigation li#contact a:hover, #navigation li#contact a.active { background-position: -402px 44px; }


/* ------ SLIDER ------ */

a img{ border:0; }
div#slider a { color: #fff; }

/* ----- #nav ----- */

div#top div#nav {
	float:left;
	clear:both;
	width:780px;
	height:52px;
	margin:22px 0 0;
	background:url url('images/nav-bg.png') 0 0 no-repeat;
 	}
 	
div#top div#nav ul {
   	float:left;
   	width:700px;
   	height:52px;
   	list-style-type:none;
	}
	
div#nav ul li {
	float:left;
    height:52px;
   	}

div#nav ul li a {
	border:0;
	height:52px;
	display:block;
	line-height:52px;
	text-indent:-9999px;
    }
 
/* ----- #nav ----- */

div#slider {
	margin:-1px 0 0;
	padding: 13px;
	width: 780px;
	height: 415px;
	background-image: url('/images/slider-bg.png');
}

div#video-header { height:683px; margin:-1px 0 0; }

div#slider div#slide-holder {
	z-index:40;
	width:780px;
	height:415px;
	position:absolute;
 	}

div#slider div#slide-holder div#slide-runner {
	width:780px;
	height:415px;
	overflow:hidden;
	position:absolute;
	}

div#slider div#slide-holder img {
	margin:0;
	display:none;
	position:absolute;
	}
	
div#slider div#slide-holder div#slide-controls {
	left:0;
	bottom:20px;
	width:780px;
	height:46px;
	display:none;
	position:absolute;
	background:url('/images/slide-bg.png') 0 0;
  	}

div#slider div#slide-holder div#slide-controls p.text {
	float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   	}
 
div#slider div#slide-holder div#slide-controls p#slide-nav {
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
	}

div#slider div#slide-holder div#slide-controls p#slide-nav a {
	float:left;
	width:24px;
	height:24px;
	display:inline;
	font-size:11px;
	margin:0 5px 0 0;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-position:0 0;
	background-repeat:no-repeat;
    }
    
div#slider div#slide-holder div#slide-controls p#slide-nav a.on{
	background-position:0 -24px;
    }
    
div#slider div#slide-holder div#slide-controls p#slide-nav a{background-image:url('/images/silde-nav.png');}
div#nav ul li a{background:url('/images/nav.png') no-repeat;}