/*
Theme Name: Paul Neudorf
Theme URI: http://www.paulneudorf.com	
Description: Built with love for Paul.
Version: 1.0
Author: Emerson R. Lackey
Tags: custom
*/

/* Global Styles */
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color: #ed479d;}
a:hover {}

body {background: #000000 /* url(images/quebec-background.jpg) 0px 0px repeat*/; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
#wrapper {width: 960px; margin: 0 auto;}

/* Top Space (above the header) */
#topspace {width: 960px; height: 30px;}
#topspace a {float: right; color: #efefef; text-decoration: none; font-size: 11px; margin-top: 10px; margin-right: 5px;}


/* Header */
#header {
	width: 958px; height: 158px; 
	border: 1px solid #000000; 
	position: relative;
	margin-bottom: 25px;
	
	/* Paul - this is where you change the background image for the header */ 
	background: #191919 url(images/headerbackground.jpg) 0px 0px no-repeat; 
	}

/* Header - Main Navigation */
ul.mainNav {display: block; width: 958px; height: 22px; position: absolute; left: 0; bottom: 0;}
ul.mainNav li {display: block; float: left; height: 22px;}
ul.mainNav li a {display: block; float: left; height: 22px; padding: 0 15px; line-height: 22px; text-decoration: none; color: #ffffff; font-size: 12px; font-weight: bold;}
ul.mainNav li a:hover {color: #ffffff; background: #ed479d;}


/* Header - Logo & Tagline */
#header h1 {line-height: 142px; width: 300px; margin-left: 50px;}
#header h1 a {display: block; width: 300px; text-decoration: none; color: #ffffff; font-size: 24px; text-indent: -999em;}

/* Page */
#page {width: 960px; min-height: 300px;}


ul.sliderMenu {display: block; position: absolute; z-index: 100; bottom: 40px; right: 50%;}
ul.sliderMenu li {display: block; float: left; width: 25px; height: 25px; margin-right: 5px; position: relative;}
ul.sliderMenu li a {opacity: .6; display: block; float: left; width: 26px; height: 26px; text-align: center; line-height: 26px; color: #ffffff; text-decoration: none; background: #000000; font-family: Trebuchet MS;}
ul.sliderMenu li a:hover {opacity: .9;}


div.homepage {width: 960px; height: 440px; margin-bottom: 15px; position: relative; overflow: hidden;}
div.sliderScroller {width: 960px; height: 440px; position: relative; overflow: hidden;}
div.slider {height: 440px;}

a.slide {display: block; width: 960px; height: 440px;  float: left; background: #cccccc; position: relative; text-decoration: none;}
a.slide p.slideNumber {position: absolute; bottom: 5px; left: 5px; color: #999999; text-decoration: none; background: #000000; padding: 5px; font-size: 12px; color: #ffffff;}
a.slide p.description {position: absolute; bottom: 0px; left: 0px; width: 960px; height: 34px; text-align: center; background: url(images/opacity.png) 0px 0px repeat; color: #ffffff; line-height: 34px; font-size: 13px;}

#content {padding: 0 0 20px 0;}
.blog #content, .archive #content, .search #content {width: 600px; padding: 0 40px 20px 0; float: left;}
.blog #sidebar, .archive #sidebar, .search #sidebar {width: 280px; padding: 0 20px 20px 20px; display: inline; float: left;}

small {font-size: 11px; color: #999999; font-style: italic; display: block; margin-bottom: 10px; padding: 0 0 0 10px;}
#content p.postmetadata {padding: 0 0 0 10px; margin-bottom: 0; color: #999999; font-size: 11px; position: relative;}
#content p.excerpt {padding: 0 0 8px 10px;r}
p.postmetadata a {color: #ed479d; text-decoration: none; padding: 2px 3px;}
p.postmetadata a:hover {background: #ed479d; color: #ffffff;}

p.postmetacomments {padding: 0 0 0 10px; margin-bottom: 0; color: #999999; font-size: 11px; position: relative;}
p.postmetacomments a {color: #ed479d; text-decoration: none; padding: 2px 3px; font-size: 11px;}
p.postmetacomments a:hover {background: #ed479d; color: #ffffff;}

div.hr {width: 95%; height: 1px; border-bottom: 1px dashed #000000; margin-bottom: 15px; margin-top: 15px;}

h3 {font-weight: bold; margin: 5px 0px 8px 10px;}
h3 a {color: #ed479d; text-decoration: none; padding: 5px 5px 2px 5px; position: relative; right: 5px; text-transform: uppercase;}
h3 a:hover {background: #ed479d; color: #ffffff;}


div.post {}
.post_column_1 {position: relative; top: -10px;}
.post p {max-width: 500px; font-size: 13px; line-height: 150%; color: #efefef; padding: 0 0 15px 10px;}
.post h2 {font-size: 17px; color: #ffffff; padding: 5px 0px 4px 10px; margin-bottom: 15px;}
.post h3 {color: #ffffff;}
.post h4 {font-size: 18px; color: #ffffff; font-weight: bold; border-bottom: 4px solid #ed479d; padding: 5px 0px 10px 2px; margin: 0px 5px 20px 8px;}
.post h6 {color: #fff; font-size: 30px;}
.post ul {font-size: 13px; line-height: 150%; color: #efefef; padding-left: 22px;}
.post ul li {list-style: disc; padding-bottom: 5px;}






/* Films Page */
.film {padding: 20px 0 20px 20px; background: #111111; margin-bottom: 15px;}
.movieThumb {float: left; width: 160px;}
.movieThumb img {padding: 3px; background: #ffffff;}
.movieThumb img:hover {background: #ed479d;}
.filmDescription {float: left; width: 430px; padding-left: 20px; color: #ffffff;}
.filmDescription p {color: #ffffff; font-size: 12px; line-height: 120%; padding-bottom: 5px;} 
.filmDescription p.filmTitle {font-weight: bold; font-size: 16px; position: relative; left: -4px;}
.filmDescription p.filmTitle a {text-transform: uppercase; padding: 5px 5px 2px 5px; color: #ed479d; text-decoration: none;}
.filmDescription p.filmTitle a:visited {}
.filmDescription p.filmTitle a:hover {background: #ed479d; color: #ffffff;}

.filmDescription p.clientDescription {font-size: 13px; line-height: 140%; border-top: 1px solid #222222; padding-top: 5px; margin-top: 5px;}

.filmDescription p.filmSummery {font-size: 13px; line-height: 140%; border-top: 1px solid #222222; padding-top: 5px; margin-top: 5px;}
p.filmTitle {margin-bottom: 5px;}

div.film .postmetacomments {margin: 0; padding: 8px 0px; position: relative; left: -2px; text-align: center;}
.comments-link {text-decoration: none;}




/* NextGen Gallery */
div.ngg-galleryoverview {border:1px solid #000000; background: #191919; padding: 15px 0px 15px 15px; margin-bottom: 15px;}
div.ngg-galleryoverview h4 {line-height: 20px; color: #ffffff; text-indent: 15px; text-transform: lowercase; font-style: italic; font-weight: bold; font-size: 12px; letter-spacing: 0.1em; position: relative; padding: 15px 0;}
div.ngg-gallery-thumbnail-box {}
div.ngg-gallery-thumbnail a {width: 130px; height: 120px; display: block; padding: 5px; background: #efefef; border: 1px solid #000000; float: left; margin-right: 15px; margin-bottom: 15px;}
div.ngg-gallery-thumbnail img {padding: 0; margin: 0;}
div.ngg-clear {clear: both;}

/* Footer */
#footer {width: 960px; height: 0px; margin-bottom: 30px; background: #ed479d;}
p.copyright {font-size: 11px; text-align: center; color: #333333; position: relative; top: -20px;}
p.copyright a {color: #333333; text-decoration: none;}
p.copyright a:visited {color: #333333;}
p.copyright a:hover {text-decoration: underline; color: #333333;}

/* Add This */
.addthis_toolbox {display: block; height: 52px; padding-left: 5px; padding-top: 5px;}
.addthis_toolbox .custom_images a {display: block; float: left; width: 60px; height: 52px; margin: 0; padding: 0;}
.addthis_toolbox .custom_images a:hover img {opacity: 1;}
.addthis_toolbox .custom_images a img {opacity: 0.75;}

.addthis_container {padding-left: 10px;}

/* Video Box */
.vvqvimeo {}

.vvqbox {width:960px !important; padding: 20px 0; border-top: 1px solid #222222; border-bottom: 1px solid #222222;}

.vvqbox object {display: block; margin: 0 auto;}

/* Sidebar */
.categories {color: #ffffff;}
.widget ul {margin-top: 10px;}
.widget ul li {display: block; margin-bottom: 10px;}
.widget ul li a {display: block; padding: 10px 15px 10px 10px; color: #ed479d; text-decoration: none; font-size: 12px; background: #151515; text-transform: uppercase;}
.widget ul li a:hover {background: #ed479d; color: #ffffff;}

.widget {margin-bottom: 20px;}
.widgettitle {color: #ffffff; margin-bottom: 10px;}

#searchform {padding: 15px; background: #151515;}
.screen-reader-text {display: none;}
#s {border: 1px solid #000000; padding: 4px; width: 180px;}




/* Pagination - News Page Bottom (Page 1, 2, Next) */
#content .wp-pagenavi a, .wp-pagenavi a:link {background: #151515; color: #ED479D; border: 0;}
#content .wp-pagenavi a:hover {color: #fff; background: #ED479D; border: 0; }
#content .wp-pagenavi .pages {background: #151515; color: #ccc;}
#content .wp-pagenavi .current {color: #fff; background: #ED479D;}
#content .wp-pagenavi {font-size: 13px; padding: 15px 0; border-top: 1px solid #ccc; text-align: right;}

/* Comments Style */
.commentsWrapper {background: #222222; padding: 10px 10px; width: 700px; margin-top: 20px;}
#postcomment {font-weight: bold; font-size: 13px; margin-bottom: 0px;}
#comment {width: 400px; height: 160px; border: 3px solid #000; padding: 10px; font-family: Arial, sans-serif; line-height: 140%; font-size: 13px;}
#commentform label {float: left;}
#commentform label small {position: relative; top: 6px;}
#commentform input.textfield {width: 220px; padding: 3px; float: left; border: 3px solid #000;}
#commentform p {padding-bottom: 5px; clear: both;}

#comments {margin-bottom: 5px;}
#commentlist {padding-bottom: 15px;}
li.comment {padding: 15px 10px; border-bottom: 1px solid #666;}
li.comment div.avatar {width: 80px; float: left;}
li.comment div.commentText {float: left;}
img.avatar {border: 4px solid #000;}
cite {font-style: italic; font-weight: bold;}

/* Comments Popup */
#commentspopup {padding: 15px; font-size: 12px; background: #222;}
#commentspopup h2 {color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
#commentspopup p {color: #fff; font-size: 12px;}
#commentspopup p.formRow {margin-bottom: 5px;}
#commentspopup label {color: #999; text-transform: lowercase; position: relative; top: 10px; padding-left: 5px;}