/*   
Theme Name: Alex Photojournalist
Theme URI: http://www.alexwsutherland.com
Description: A custom wordpress theme developed for Alex W. Sutherland. Created/devloped by Quake Media.
Author: Quake Media
Author URI: http://www.quakemedia.com
Version: 1.0
..
*/

/* begin colors and fonts */

html, body {
	background: #fff url(content_images/bg.gif) repeat-x fixed;
	font: 11px "Lucida Grande", Verdana, Helevitica;
	color: #000;
	margin: auto;
}

/* divs and and span classes */
#container {
	width: 900px;
	margin: auto;
	padding: 0 0 10px 0;
}
#vertical_slide {
	display: inline;
	font: 10px "Lucida Grande", Lucida, Verdana, Arial;
	width: 883px;
	float: left;
	background: #131313;
	border: #363636 8px solid;
	border-top: 0px;
	color: #eaeaea;
	margin: auto;
}

#header {
	margin: 0px;
	width: 900px;
	height: 88px;
	float: left;
	background: url(content_images/header.png) no-repeat;
}

#navigation {
	text-align: right;
	float: left;
	width: 900px;
	height: 36px;
	margin: 0px;
	background: url(content_images/navi.gif) no-repeat;
}

#contop {
	float: left;
	width: 900px;
	height: 6px;
	margin: 3px 0 0 0;
	background: url(content_images/contop.png) no-repeat 0 0; 
}
#wrapper {
	float: left;
	width: 900px;
	overflow: auto;
	background: #fff;
}
#content {
	width: 680px;
	float: left;
}

#contentfull {
	width: 900px;
	float: left;
}

#sidebar {
	float: right;
	width: 220px;
	background: #fff;
}

#conbot {
	float: left;
	width: 900px;
	height: 6px;
	margin: 0px 0px 3px 0px;
	background: url(content_images/conbot.png) no-repeat 0 0;
}

#footer {
	clear: both;
	text-align: center;
	float: left;
	width: 900px;
	height: 36px;
	margin: 0 0 10px 0;
}

#footleft {
	text-align: left;
	float: left;
	width: 500px;
	height: 40px;
}

#footright {
	text-align: right;
	float: right;
	width: 400px;
	height: 40px;
}

/* padding */

.content-padding {
	padding: 0px 20px 20px;
}

.sidebar-padding {
	padding: 10px 25px 10px 0px;
}

.footer-padding {
	color: #6d6d6d;
	padding: 10px 0 0;
}

.pad5 {
	padding: 10px;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.narrowcolumn .postmetadata {
	text-align: left;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 0px;
	margin: 0px 0 0;
	width: 680px;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
/* style divs */


/* Navigation */

ul.navi {
	display: inline-block;
	padding: 0px 10px;
	list-style: none;
	width: 890px;
	font: 12px bold "Lucida Grande", Verdana, Arial;
	color: #6d6d6d;
	text-decoration: none;
}

ul.navi li{		
    display: block;
    line-height: 2.9em;
	padding: 0px 0px 5px;
	float: left;
	font: 12px bold "Lucida Grande", Verdana, Arial;
	color: #434343;
        
}

ul.navi a:link, 
ul.navi a:visited, 
ul.navi a {
	padding: 9px 7px 7px 7px;
	color: #6d6d6d;;
	font: 12px bold "Lucida Grande", Verdana, helvetica, Arial;
	text-decoration: none;

}
ul.navi a:hover {
    color: #fff;
	background: #282828;

}

* ul, li {
	list-style: none;
	
}

ul.footernav {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style: none;
}

ul.footernav li {
	display: block;
	list-style: none;
	float: left;
	padding: 0 5px 0 0;
}

#current {
	display: block;
	color: #fff;
	background: #282828;
}

ul.subpages 
{	
	display: inline-block;	
	margin: 0px;
	background: #2c2c2c;
	padding: 0px 10px;
}

ul.subpages li 
{
	line-height: 2.1em;
	display: block;
	float: left;
	padding: 0px 3px;
}

ul.subpages li a, ul.subpages li a:link, ul.subpages li a:visited 
{
	text-decoration: none;
	color: #FFF;
}

/* Fonts, Headers, paragraphs class*/
a, a:link, a:visited, a:active, a.link, a.link:link, a.link:active, a.link:visited {
	font: normal 10px Lucida, Verdana, Arial;
	color: #000;
}

a.link img {
	border: 0px;
}

a:hover, a.link:hover {
	color: #949494;
}

#vertical_slide a, #vertical_slide a:link, #vertical_slide a:visited {
	color: #eaeaea;
}

#vertical_slide a:hover {
	text-decoration: none;
	color: #6a6a6a;
}

h1 {
	padding: 3px;
	font: bold 16px "Lucida Grande", Verdana, Arial;
	color: #2a2a2a;
	border-bottom: 2px #e8e8e8 solid;
	border-top: 2px #e8e8e8 solid;
	background: #f6f6f6;
}

h1.sub {
	margin-bottom: 0px;
}
h2 {
	font: bold 14px "Lucida Grande", Verdana, Arial;
	color: #878787;
	margin: 3px 0px;
}

h2 a, h2 a:link, h2 a:active, h2 a:visited 
{
	font: bold 14px "Lucida Grande", Lucida, Verdana, Arial;
	color: #636363;
	text-decoration: none;
}

h2 a:hover 
{
	color: #275f30;
	border-bottom: 2px #54c966 solid;	
}

h4 {
	text-align: center;
	font: bold 15px Verdana;
	color: #bbb;
	margin-bottom: 6px;
	margin-top: 5px;
}

h5 {
	font: 12px bold "Lucida Grande", Lucida, Verdana, Arial;
	background: #383838;
	color: #797979;
	padding: 3px;
	margin: 5px 0 5px;
}
.boxed {
	background: #f0f0f0;
	border: 2px #e0e0e0 solid;
	padding: 10px;
	margin-top: 0px;
	color: #545454;
	text-align: left;
}

.darkstripe {
	background: url(content_images/bg-stripe-dark.png);
	border: 2px solid #585858;
	padding: 10px;
	margin-top: 0px;
	color: #f6f6f6;
}

.subcat {
	padding: 3px;
	font: bold 14px "Lucida Grande", Verdana, Arial;
	color: #898989;
}
/* Posts */
.post {
	font: normal 11px "Lucida Grande", Lucida, Verdana, Arial ;
	margin-bottom: 20px;
	color: #000;
}

h4.date {
	margin: 3px 0px 6px;
	text-align: left;
	font: 10px italic "Lucida Grande", Lucida, Verdana, Arial;
	color: #363636;
}

/* Comments */
p textarea {
	width: 620px;
}

/* Multimedia Posts */

.mediapost {
	width: 860px;
	margin: 0 0 20px;
	float: left;
}

.postmultimedia {
	text-align: left;
	width: 860px;
	padding: 0 0 10px;

}

.postmultimedia img {
	border: 0px;
	top: 0;
	left: 0;
	text-align: left;
	float: left;
	padding: 0 10px 5px 0;
}

.page-item-34, .page-item-42, .gennews, .page-item-35 {
	margin: 5px;
}

.caption {
	font: italic 9px Verdana;
	color: #000;
}

.dash {
	font-weight: bolder;
	color: #4a4a4a;
}

#vertical_slide img {
	display: inline-block;
}

#footer img {
	display: inline-block;
}

	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
	
/* Widgets */
ul#widgets {
	padding: 0px;
}
ul#widgets li {
	padding: 0px;
}

ul#widgets li ul {
	padding: 15px;
}

ul#widgets li ul li {
	padding: 0px 0px 3px;
}

ul#widgets li .widget {
	padding: 0px;
}