/*
Theme Name: JaxIndieFilm
Theme URI: http://jaxindiefilm.com/
Description: Custom for JaxIndieFilm
Version: 1.0
Author: Joey Marchy - Wingard Creative
Tags: 

This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/* ---------------------------------------------------------------------------
	
	Master Styles
	
	Client Name				
	http://jaxindiefilm.com
	
	Author: Wingard Creative
	http://wingardcreative.com
	
--------------------------------------------------------------------------- */

/* RESET! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body {
	background-color: #000;
	color: #333;
	font: small/1.5em Helvetica, Arial, Verdana, sans-serif;
	padding: 40px 0;
}
	
#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 955px;
}

#ad-container-top {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	width: 955px;
	text-align: center;
}

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

a:link {
	color: #333;
	text-decoration: underline;
}
	
a:visited {
	color: #666;
	text-decoration: underline;
}
	
a:hover {
	color: #666;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 {
	color: #000;
	margin-bottom: 10px;
	font-size: 220%;
}

h2 {
	color: #000;
	margin-bottom: 10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 150%;
	font-style: italic;
	font-weight: normal;
}

h3 {
	color: #000;
	margin-bottom: 10px;
	font-size: 160%;
}

h4 {
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 130%;
}

h5 {
	margin-bottom: 20px;
	font-size: 150%;
}

h6 {
	margin-bottom: 20px;
	font-size: 150%;
}

p { margin-bottom: 30px; }

blockquote { 
	background: url(images/qoutes.gif) no-repeat top right;
	border-left: 5px solid #ccc;
	margin-bottom: 30px; 
	padding: 0 90px 0 25px;
}

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

ul { margin: 0 0 30px 30px; }

li { margin-bottom: 5px; }

/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
}

#logo {
	background: #000 url(images/logo.jpg) no-repeat 0 0;
	height: 150px;
	margin: 0;
	width: 955px;
	text-indent: -9999px;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo-five-points {
	background: #000 url(images/logo-five-points.png) no-repeat top right;
	height: 44px;
	margin: 0;
	padding: 5px 0px;
	width: 955px;
	text-indent: -9999px;
}

#logo-five-points a {
	display: block;
	width: 100%;
	height: 100%;
}

/* =navigation */

#nav {
	float: right;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding-top: 2px;
	width: 360px;
}

#nav li {
	display: inline;
	margin: 0 20px 0 0;
}

#nav #nav-about, #nav #nav-about a { background: url(/img/nav-about.gif) no-repeat 0 0; }

#nav #nav-about a:hover, 
#nav #nav-about.here a {
	background-position: 0 -59px;
}

/* ---------------------------------------------------------------------------
	=content
--------------------------------------------------------------------------- */

#content {
	margin-bottom: 20px;
	padding: 40px 30px;
}

#content-main {
	float: left;
	width: 540px;
}

#content-secondary {
	float: right;
	font-size: 90%;
	width: 300px;
}

#content-secondary h3 {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 15px
}

#content-secondary ul {
	font-size: 140%;
	margin-left: 0;
	list-style: none;
}

#content-secondary li {
	margin-bottom: 15px;
}

#content-secondary li a {
	font-size: .90em;
	color: #000;
	text-decoration: underline;
}

#content-secondary li a:hover {
	text-decoration: none;
}

p#twitter a, 
p#facebook a,
p#reader a {
	color: #000;
}

p#twitter {
	background: url(images/icon-twitter.gif) no-repeat 0 0;
	border-bottom: #ccc 2px dotted;
	font-size: 1.3em;
	font-weight: bold;
	height: 44px;
	margin-bottom: 15px;
	padding: 10px 0 5px 55px;
	width: 235px;
}

p#facebook {
	background: url(images/icon-facebook.gif) no-repeat 0 0;
	border-bottom: #ccc 2px dotted;
	font-size: 1.3em;
	font-weight: bold;
	height: 44px;
	margin-bottom: 10px;
	padding: 10px 0 5px 55px;
	width: 235px;
}

p#reader {
	background: url(images/icon-reader.gif) no-repeat 0 0;
	border-bottom: #ccc 2px dotted;
	font-size: 1.3em;
	font-weight: bold;
	height: 44px;
	margin-bottom: 15px;
	padding: 10px 0 5px 55px;
	width: 235px;
}


/* Sidebar Ad */

#ad-sidebar {
	margin-bottom: 30px;
}

#ad-sidebar h4 {
	font: 1em Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0;
}

#ad-sidebar h4 a {
	color: #000;
}

.mini-container {
	margin-bottom: 40px;
}

/* ---------------------------------------------------------------------------
	=post
--------------------------------------------------------------------------- */
.post { 
	margin-bottom: 30px;
	padding-bottom: 15px;
}

.post h1 {
	line-height: 1em;
} 

.post h1 a {
	color: #000;
	text-decoration: none;
}

.post h1 a:hover {
	color: #fff;
	background-color: #000;
}

.post h2 {
	margin-bottom: 25px;
}

.post h2 a.dsq-comment-count {
	font: .8em Helvetica, Arial, Verdana, sans-serif;
	margin-left: 15px
} 

#disqus_thread {
	margin-bottom: 30px;
}

.post p, .post ul, .post ol {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 25px;
}

.meta { 
	background: url(images/bg-post.png) no-repeat bottom left;
	padding-bottom: 35px;
	margin-bottom: 50px;
}

.addtoany_share_save_container {
	background-color: #eee;
	padding: 8px 10px;
}

img.alignleft {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;	
}

img.alignright {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;	
}

/* ---------------------------------------------------------------------------
	=contributor
--------------------------------------------------------------------------- */

div.contributor {
	border-bottom: #ccc 2px dotted;
	margin-bottom: 20px;
}

div.contributor p.photo {
	float: left;
	margin-bottom: 10px;	
	width: 60px; 
}

div.contributor p.bio {
	float: right;
	margin-bottom: 10px;
	width: 235px;
}


/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot {
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	margin: 0;
	padding: 0;
}


#foot-logo {
	background: #000 url(images/logo-foot.png) no-repeat right bottom;
	height: 40px;
	margin: 0;
	width: 955px;
	text-indent: -9999px;
}

#foot-logo a {
	display: block;
	width: 100%;
	height: 100%;
}



/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#header:after,
#content:after,
#content-extras:after,
div.contributor:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}