/* sfoxphotography CSS
   copyright 2011 Steve Fox (FoxDesigns) 
   Valid CSS Level 2.1 (Excepting CSS3 elements)
*/
@import url(reset.css); /* reset all tags */

body {
	/* set base font style */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2em;
	background-color:#333;
	background-image:url(../images/sfp-carbontexture.gif);
}

p {
	margin-bottom:10px;
}

.texthide {
	display:none;
}

h1 {
	font-size:1.66em;
	line-height:2em;
	font-weight:bold;
	color:#81aa6a;
}

h2 {
	font-size:1.33em;
	line-height:1.8em;
	font-weight:bold;
	color:#81aa6a;
}

h3 {
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	color:#323232;
	margin-bottom:3px;
}

a {
	color:#711e90;
	text-decoration:none;
	border-bottom:dotted 2px;
}

a:hover {
	color:#81aa6a;
}

a:active {
	color:#333;
}

#wrapper {
	/* set content limits */
	width:960px;
	height:100%;
	margin:0 auto;
}

#header {
	float:left;
	width:100%;
}

/* navigation box */
#nav {
	float:right;
	margin-bottom:10px;
}

#nav ul {
	float:left; /*makes links horizontal */
	margin-left:20px;
}

#nav ul li {
	float:left;
}

#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 0px 6px 0px; /* padding: top right bottom left */
	display:block; /*make link act like a box */
	width:65px;
	text-align:center;
	color:#d1d1d1;
	text-decoration:none;
	border-bottom:0;
	border-left:solid 1px #d1d1d1;
	margin-bottom:5px;
}

#nav ul li:first-child a {
	border-left:none;
}

#nav ul li a:hover {
	color: #333333;
	background-color:#d1d1d1;
}

#nav ul li a:active {
	color: #323232;
}

#nav ul li a.here {
	color: #323232;
	background-color:#d1d1d1;
}

/* end navigation box */

/* Social Media box*/
#socialmedia {
	float:right;
	clear:right;
	margin-bottom:20px;
	margin-right:10px;
}

#socialmedia ul {
	float:left;
	margin-left:20px;
}

#socialmedia ul li {
	float:left;
}

#socialmedia ul li a {
	padding:0px 0px 0px 12px;
	display:block;
	color:#000;
	text-decoration:none;
}

/* end Social Media box */

/* logo box */
#logo-icon {
	background:transparent url(../images/sfp-logo-icon.png) no-repeat;
	width:108px;
	height:104px;
	margin-top:0;
	float:left;
	position:relative;
	z-index:100;
}

#logo-type {
	background:url(../images/sfp-logo-type.gif) no-repeat;
	float:left;
	width:366px;
	height:59px;
	margin-top:10px;
	margin-left:40px;
}

/* end logo box */

/* photocontent box */
#photocontent {
	float:left;
	clear:both;
	width:960px;
	padding-top:10px;
	background:url(../images/sfp-boxfade.png) repeat-x;
	margin-top:-20px;
	border-top:solid 1px #1d1d1d;
}

#mainphoto {
	float:left;
	width:780px;
	height:520px;
	margin-left:10px;
	margin-bottom:20px;
}

#mainphotocaption {
	float:right;
	background-color:#f3f3f3;
	width:200px;
	margin-right:10px;
	padding:10px;
	margin-top: -215px;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

#mainphotocaption p {
	font-size:12px;
}

#mainthumbs {
	float:right;
	margin-right:10px;
}

#mainthumbs img {
	margin-left:20px;
}

#mainthumbs p {
	margin-bottom:20px;
}

/* end photocontent box */

/* text content box */
#textcontent {
	float:left;
	width:960px;
	min-height:200px;
	background:url(../images/sfp-boxfade.png) repeat-x;
	border-top:solid 1px #1d1d1d;
}

#blogcontent {
	float:left;
	width:960px;
	height:120px;
	margin-left:10px;
	margin-top:-40px;
	margin-bottom:-20px;
	background:url(../images/sfp-boxtops.png) no-repeat;
	background-repeat:no-repeat;
}

#mainblog {
	float:left;
	width:590px;
	min-height:250px;
	margin:10px;
	padding:12px 15px 10px 15px;
	background-color:#e4f1dd;
	border-top:solid 12px #81aa6a;
	line-height:1.2em;
	/* CSS3 round corner box */
	-moz-border-radius: 0 0 12px 12px; /* FF1+ */
	-webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

.thumblink {
	border-bottom:none;
}

#feature {
	float:right;
	width:270px;
	min-height:250px;
	margin-top:10px;
	margin-right:10px;
	background-color:#e4f1dd;
	border-top:solid 12px #81aa6a;
	padding:0 15px 15px 15px;
	/* CSS3 round corner box */
	-moz-border-radius: 0 0 12px 12px; /* FF1+ */
	-webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

#feature img {
	margin-bottom:10px;
}

/* end content box */

/* photo page */
#photopage {
	float:left;
	width:620px;
	min-height:200px;
	margin:10px;
	background-color:#e4f1dd;
	border-top:solid 12px #81aa6a;
	line-height:1.2em;
	/* CSS3 round corner box */
	-moz-border-radius: 0 0 12px 12px; /* FF1+ */
	-webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

#photopage p {
	margin:15px;
}

#photopage h3 {
	margin:15px 0 0 15px;
}

#photopage p.photo {
	margin:0;
	border-bottom:solid 4px #81aa6a;
}

#photopage a.thumblink {
	border-bottom:none;
}

#photopage .source, .copyright {
	font-size:11px;
}

/* end photo page */

/* sidebar box */
#sidebar {
	float:right;
	width:270px;
	min-height:200px;
	margin-top:10px;
	margin-right:10px;
	background-color:#e4f1dd;
	border-top:solid 12px #81aa6a;
	padding:12px 15px 15px 15px;
	/* CSS3 round corner box */
	-moz-border-radius: 0 0 12px 12px; /* FF1+ */
	-webkit-border-radius: 0 0 12px 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 0 0 12px 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

#sidebar ul {
	margin:0 15px 15px 15px;
	list-style-type:circle;
}

#sidebar ul li {
	margin-bottom:6px;
}

#sidebar a {
	text-decoration:underline;
	border-bottom:none;
}

#sidebar .spacer {
	margin-top:20px;
}

#sidebar img {
	margin-right:7px;
}

/* end sidebar box */

/* blog calendar box */
#calendarbox {
	float:left;
	background:url(../images/sfp-calendar.png) no-repeat;
	width:45px;
	height:46px;
	margin:10px 10px 0 -25px;
}

#mainblog .datemonth {
	text-align:center;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	color: #e4f1dd;
}

#mainblog .dateday {
	text-align:center;
	font-size:24px;
	font-weight:normal;
	color:#81aa6a;
}

/* end blog calendar box */

/* blog images */
.captionphotor {
	float:right;
	width:128px;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	color:#333;
	margin-left:20px;
}

.captionphotol {
	float:left;
	width:128px;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	color:#333;
	margin-right:20px;
}

.blogthumbr {
	float:right;
	margin-left:20px;
	clear:both;
}

.blogthumbl {
	float:left;
	margin-right:20px;
	clear:both;
}

/* end blog images */

/* footer box */
#footer {
	background-color:#CCC;
	background:url(../images/sfp-footerfill.png);
	float:left;
	width:960px;
	height:90px;
	font-size:12px;
	margin-top:20px;
	color:#d1d1d1;
	/* CSS3 round corner box */
	-moz-border-radius: 12px 12px 0 0; /* FF1+ */
	-webkit-border-radius: 12px 12px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 12px 12px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

#footerlogo {
	float:left;
	background:url(../images/sfp-logosml-icon.png) no-repeat;
	margin:10px 0 0 5px;
}

#footerlogo .textshift {
	margin-top:3px;
	margin-left:45px;
	margin-right:115px;
	margin-bottom:10px;
}

#footernav {
	float:left;
}

#footernav ul {
	float:left;
	margin-top:12px;
}

#footernav ul li {
	float:left;
}

#footernav ul li a {
	text-align:center;
	display:block;
	width:70px;
	color:#d1d1d1;
	text-decoration:none;
	border-bottom:0;
	border-left:solid 1px #d1d1d1;
}

#footernav ul li a.foothere {
	color:#81aa6a;
}

#footernav ul li:first-child a {
	border-left:none;
}

#footercopy {
	float:right;
	text-align:right;
}

#footercopy a {
	color:#d1d1d1;
}

#footer p {
	line-height:1.2em;
	margin:10px 10px 0 10px;
}

#footer fieldset {
	margin-top:10px;
	margin-right:10px;
}

#footer input {
	background-color:#e4f1dd;
}

#footer input:focus {
	background-color:#fff;
}

/* end footer box */

/* Flickr feed */
.flickr_badge_image img {
	border:1px solid #81aa6a;
	margin:3px;
	margin-bottom:7px;
}

#flickr_badge_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {
	text-decoration:none;
}

/* end Flickr feed */

/* Contact Form */
#mainblog fieldset {
}

#mainblog fieldset label.align {
	display:inline-block;
	width:180px;
	text-align:right;
}

#mainblog fieldset ol li {
	margin-bottom:10px;
}

#mainblog fieldset input, #mainblog fieldset textarea {
	background:#f2f6f0;
	border-right:solid 1px #81aa6a;
	border-bottom:solid 1px #81aa6a;
}

#mainblog fieldset textarea {
	margin-top:6px;
}

#mainblog fieldset input:focus, #mainblog fieldset textarea:focus {
	background-color:#fff;
}

#mainblog .swapbutton {
	border: none;
	background: transparent url(../images/sfp-submitbutton.png) no-repeat;
	cursor:pointer;
	width:76px;
	height:26px;
	margin-bottom:25px;
}

.requiredtext {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#F03
}
/* end Contact Form */