/*
Theme Name: Chris Stowell Photography
Theme URI: http://wordpress.org/
Description: Custom template for Chris Stowell Photography
Version: 1.0
Author: Chris Stowell
Author URI: http://csa-interactive.com/
Tags: custom
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	vertical-align:top;
}
h1 {
	font-size:24px;
	font-weight:normal;
	line-height:22px;
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	font-size:13px;
	font-weight:normal;
	padding-left:2px;
	margin-top:0px;
	margin-bottom:0px;
}
h3 {
	font-size:13px;
	font-weight:normal;
	padding-left:2px;
	margin-top:0px;	
	margin-bottom:0px;
	color:#AAA;
}
h4 {
	font-size: 11px;
	font-weight:normal;
	padding-left:2px;
	margin-top:0px;	
	margin-bottom:0px;
	color: #D62;
}
h5 {
	font-size: 12px;
	font-weight:normal;
	padding-left:2px;
	margin-top:5px;	
	margin-bottom:15px;	
	color: #333;
}
a:link {
	color: #900;
}
a:visited {
	color: #900;
}
a:hover {
	color: #F00;
}
.logo {
	padding-top: 20px;
	padding-bottom: 10px;
}
.photobox {
	border: 1px solid #999;
	padding: 6px;
}
a.home {
	color:#F90;
	text-decoration:none;
}
a.home:hover {
	color:#F90;
	border-bottom: 1px #F00 dotted;
}
a.navlink {
	color:#FFF;
	text-decoration:none;
}
a.navlink:hover {
	color:#F90;
	border-bottom: 1px #F00 dotted;
}
a.livelink {
	color:#F90;
	text-decoration:none;
	border-bottom: 1px #F00 dotted;
}
a.livelink:hover {
	color:#FFF;
	border-bottom: 1px #F00 dotted;
}
a.greylink:link {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
a.greylink:visited {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
a.greylink:hover {
	color:#900;
	border-bottom: 1px #900 dotted;
}
.greybar {
	background-color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-top:15px;
	padding-bottom:19px;
	padding-left:5px;
}
.greybarFooter {
	background-color:#999;
}
.greybarPortfolio {
	background-color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:5px;
	text-align:center;
}
.greybarbottom {
	background-image:url(img/navbar_back.gif);
	background-position:bottom;
	background-repeat:repeat-x
}
.greybarbottomPortfolio {
	background-image:url(img/navbar_back_portfolio.gif);
	background-position:top;
	background-repeat:repeat-x
}
.greybartop {
	background-image:url(img/navbar_back.gif);
	background-position:top;
	background-repeat:repeat-x
}
.midgreybar {
	background-color:#999;
}
.midgreybarbottom {
	background-image:url(img/navbar_back_mid.gif);
	background-position:bottom;
	background-repeat:repeat-x
}
.pageTitle {
	padding-top:20px;
	padding-left:45px;
	background-color:#F0F0F0;
	vertical-align:top;
}
.titleBox {
	padding-top:20px;
	padding-left:45px;
	padding-right:15px;
	background-color:#F0F0F0;
	vertical-align:top;
}
.features {
	padding-left:45px;
	padding-top:20px;
	vertical-align:top;
	background-color:#F0F0F0;
}
.introText {
	padding-top:20px;
	padding-right:30px;
	padding-bottom:20px;
	background-color:#F0F0F0;
}
.home {
	color:#F90;
}
.portfolio {
	padding-top:20px;
	padding-right:30px;
	background-image:url(img/feat_line_portfolio.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#F0F0F0;
}
.blog {
	padding-top:20px;
	padding-right:30px;
	padding-bottom:30px;
	background-image:url(img/feat_line_portfolio.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#F0F0F0;
}
.more-link {
	text-decoration:none;
}
.more-link:hover {
	text-decoration:underline;
}
.recentFeatures {
	padding-right:30px;
	background-image:url(img/feat_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#F0F0F0;
}
.recentFeaturesR {
	padding-right:30px;
	background-image:url(img/feat_lineR.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#F0F0F0;
}
.latestNews {
	padding-right:30px;
	padding-bottom:30px;
	background-color:#F0F0F0;
}
.latestNewsR {
	padding-right:30px;
	padding-bottom:30px;
	background-color:#F0F0F0;
}
.contact {
	padding-top:20px;
	padding-right:20px;
	padding-bottom:10px;
	background-image:url(img/feat_lineR.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#F0F0F0;
}
a.title:link {
	color:#333;
	text-decoration:none;
}
a.title:visited {
	color:#333;
	text-decoration:none;
}
a.title:hover {
	color:#900;
	text-decoration:none;
}
.footer {
	color:#666;
	background-color:#FFF;
	text-align:center;
	padding-top:15px;
	padding-bottom:20px;
	text-decoration:none;
}
a.footer {
	color:#666;
}
a.footer:hover {
	color:#000;
	text-decoration:underline;
}
/* Begin Images */
img {
  border: 0px;	
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 2px;
	margin: 0 0 2px 13px;
	display: inline;
	}

img.alignleft {
	padding: 2px;
	margin: 0 13px 2px 0;
	display: inline;
	}

.rightimg {
	margin-left:20px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.cfi {
	padding-top:20px;
	padding-bottom:10px;
}
/* End Images */