/*  
Theme Name: Free Range
Theme URI: http://johnhobsonphotography.com/
Description: Theme for Free Range Photography, based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.3
Author: John Hobson
Author URI: http://johnhobsonphotography.com
*/


/* End Typography & Colors 
 Begin Structure */
body {
/* background:#d5d6d7; */
background:#FFFEEB;
color:#CCCCCC;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:70%;
margin:0 0 20px;
padding:0;
text-align:center;
}

#page {
background-color:#111111;
/* border:1px solid #959596; */
margin:20px auto; 
margin-top:0;
padding:0;
text-align:left;
width:960px;
overflow:hidden;
}

#header {
background:#D8F4CE;
height:80px;
margin:0 0 0 1px;
padding:0;
width:958px;
}

#mainnav {
background:#CCCCCC;
margin:0 0 0 1px;
padding:0;
width:958px;
}

#content {
background:#111111;
font-size:1.2em;
float:left;
margin:0;
padding:0 0 20px 10px;
width:770px;
display:block;
}

#content.home {
width:940px;
}

.home div {
	border: 1px solid #000000;
}

#thepage {
	float:left;
	width:560px;
}

#sidebar {
background:#111111;
font:1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left:20px;
padding:20px 0 10px;
width:150px;
float:left;
clear:left;
}

#blog-sidebar {
background:#111111;
font:1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left:20px;
padding:70px 0 10px;
width:150px;
float:right;
display:block;

}

#rightsidebar {
background:#111111;
font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:0;
padding:20px 0px 10px 10px;
width:190px;
float:right;
}

#footer {
background:#D8F4CE;
border:thin solid #000000;
clear:both;
margin:0 auto;
padding:0;
width:958px;
}

#flashcontent {
	text-align:left;
	
	min-height:580px;
}

#flashcontent a {
display:inline;
margin:0;
}

.widecolumn .entry p {
font-size:1em;
}

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

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

.widecolumn {
line-height:1.6em;
margin:5px 0 0 150px;
padding:10px 0 20px;
width:650px;
}

.widecolumn .entry img, .narrowcolumn .entry img {
	border: 2px solid;
	border-color: #eeeeee;
	padding:2px;
	margin-bottom: 20px;
}

.narrowcolumn .postmetadata {
padding-top:5px;
text-align:center;
}

/* End Form Elements 
 Begin Comments*/
.alt {
background-color:#222222;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
margin:0;
padding:10px;
}



small {
color:#aaa;
font-family:Arial, Helvetica, Sans-Serif;
font-size:0.9em;
line-height:1.5em;
}

h2 {
color:#D8F4CE;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:1.6em;
font-weight:bold;
margin:30px 0 0;
text-decoration:none;
}

h3 {
color:#D8F4CE;
font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:1.3em;
font-weight:bold;
margin:30px 0 0;
padding:0;
text-decoration:none;
}

/* End Structure 
	Begin Headers */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.4em;
font-weight:bold;
letter-spacing:0.1em;
margin:0;
padding-left:5px;
padding-top:20px;
text-align:left;
}

#title .description {
color:#333;
font-size:1em;
padding-left:15px;
text-align:left;
text-decoration:none;
}

h2.pagetitle {
font-size:1.6em;
margin-top:30px;
text-align:center;
}

#sidebar h2, #rightsidebar h2, #blog-sidebar h2 {
font-family:'Lucida Grande', Verdana, Sans-Serif;
font-size:1.2em;
margin:5px 0 0;
padding:0;
text-decoration:none;
}

li.page_item{
font-weight:normal;
}

li.current_page_item, li.current_page_ancestor{
font-weight:bold;
}



#title {
background: url('images/logo.png') no-repeat bottom left;
margin:1px 0 0 10px;
height:78px;
width:100%;
}

#title h1 {
color:#333;
text-decoration:none;
}

#title h1 a {
color:#333;
text-decoration:none;
}

#title h1 a:hover {
color:#333;
text-decoration:none;
}

#title h1 a:visited {
color:#333;
text-decoration:none;
}

h2 a {
color:#D8F4CE;
text-decoration:none;
}

h2 a:visited {
color:#D8F4CE;
text-decoration:none;
}

h3 a {
color:#D8F4CE;
text-decoration:none;
}

h3 a:visited {
color:#D8F4CE;
text-decoration:none;
}

h2 a:hover {
color:#dddddd;
text-decoration:none;
}

h3 a:hover {
color:#dddddd;
text-decoration:none;
}

#wp-calendar caption {
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
text-decoration:none;
width:100%;
}

cite {
text-decoration:none;
}

.entry p a:visited {
color:#b85b5a;
}

.commentlist li {
font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight:bold;
list-style:none;
margin:15px 0 3px;
padding:5px 10px 3px;
}

#commentform input {
font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;



margin:5px 5px 1px 0;
padding:2px;
width:170px;
}

#commentform textarea {
font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding:2px;
width:100%;
background:#ccc;
}

.commentlist cite {
font-size:1.1em;
font-style:normal;
font-weight:bold;
}

.commentlist cite a {
font-size:1.1em;
font-style:normal;
font-weight:bold;
}

.commentlist p {
font-weight:normal;
line-height:1.5em;
margin:10px 5px 10px 0;
text-transform:none;
}

#commentform p {
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:5px 0;
}

.commentmetadata {
display:block;
font-weight:normal;
margin:0;
}



#sidebar ul ul li, #rightsidebar ul ul li, #blog-sidebar ul ul li {
color:#777;
margin:3px 0 0;
padding:0;
}

#sidebar ul ol li, #rightsidebar ul ol li, #blog-sidebar ul ol li{
color:#777;
list-style:decimal outside;
margin:3px 0 0;
padding:0;
}

.nocomments {
color:#777;
margin:0;
padding:0;
text-align:center;
}

.postmetadata {
clear:left;
color:#777;
}

blockquote {
border-left:5px solid #ddd;
color:#777;
margin:15px 30px 0 10px;
padding-left:20px;
}

strike {
color:#777;
}

code {
font:1.1em 'Courier New', Courier, Fixed;
}

acronym {
border-bottom:1px dashed #999;
cursor:help;
font-size:0.9em;
letter-spacing:.07em;
}

abbr {
border-bottom:1px dashed #999;
cursor:help;
font-size:0.9em;
letter-spacing:.07em;
}

span.caps {
cursor:help;
font-size:0.9em;
letter-spacing:.07em;
}

a {
color:#F7F7DE;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#wp-calendar #prev a {
font-size:9pt;
padding-left:10px;
text-align:left;
}

#wp-calendar #next a {
font-size:9pt;
padding-right:10px;
text-align:right;
}

#wp-calendar a {
display:block;
text-decoration:none;
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}

.narrowcolumn {

}

.home {
float: left;
margin:0;
padding:0 0 20px 45px;
width:940px;
text-align: center;
}

.home a {
margin:10px;
display:block;
}

.home img {
	border: 2px solid #ffffff;
}

.post {
margin:0 0 40px;
text-align:justify;
}

.post hr {
display:block;
}

.widecolumn .post {
margin:0;
}

.widecolumn .postmetadata {
margin:30px 0;
}

.widecolumn .smallattachment {
float:left;
margin:5px 5px 5px 0;
text-align:center;
width:128px;
}

.widecolumn .attachment {
margin:5px 0;
text-align:center;
}

#footer p {
margin:0;
padding:20px 0;
text-align:center;
color:black;
}

#footer a {
color:#333333;
}

h3.comments {
margin:40px auto 20px;
padding:0;
}

/* End Headers 
 Begin Images */
p img {
max-width:100%;
padding:0;
}

/*	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 {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

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

.alignright {
float:right;
}

.alignleft {
float:left;
}

/* End Images 
 Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
list-style:none;
margin-left:0;
padding:0 0 0 10px;
text-indent:-10px;
}

html>body .entry li {
margin:7px 0 8px 10px;
}

.entry ul li:before {
content:"\00BB \0020";
}

#sidebar ul ul li:before, #rightsidebar ul ul li:before, #blog-sidebar ul ul li:before {
content:"\00BB \0020";
}

.entry ol {
margin:0;
padding:0 0 0 35px;
}

.entry ol li {
margin:0;
padding:0;
}

.postmetadata ul {
display:inline;
list-style-image:none;
list-style-type:none;
}

.postmetadata li {
display:inline;
list-style-image:none;
list-style-type:none;
}

#sidebar ul, #rightsidebar ul, #blog-sidebar ul {
margin:0;
padding:0;
}

#sidebar ul ol, #rightsidebar ul ol, #blog-sidebar ul ol {
margin:0 0 0 10px;
padding:0;
}

#mainnav ul {
height:15px;
margin:0;
padding:3px 5px;
border-top:thin #000 solid;
}

#sidebar ul li, #rightsidebar ul li, #blog-sidebar ul li {
list-style-image:none;
list-style-type:none;
margin-bottom:15px;
}

#sidebar ul p, #rightsidebar ul p, #blog-sidebar ul p {
margin:5px 0 8px;
}

#sidebar ul select, #rightsidebar ul select, #blog-sidebar ul select {
margin:5px 0 8px;
}

#sidebar ul ul, #rightsidebar ul ul, #blog-sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul, #rightsidebar ul ul ul, #blog-sidebar ul ul ul {
margin:0 0 0 10px;
}

#rightsidebar img {
margin:0 0 10px;
border-style:solid;
border-color:#eeeeee;

border-width:thin;
}

#rightsidebar img.noborder {
border: none;
}

ol li {
list-style:decimal outside;
}

#mainnav ul li {
background:#ccc;
border-left:thin solid #000000;
display:block;
float:left;
font-size:0.9em;
list-style-image:none;
list-style-type:none;
margin:0 5px 15px;
padding:5px 3px 1px 2px;
}

#mainnav ul li a {
display:block;
color:#000000;
}

/* End Entry Lists 
 Begin Form Elements */
#searchform {
margin:10px auto;
padding:5px 3px;
text-align:center;
}

#blog-sidebar #searchform #s {
padding:2px;
width:130px;
background-color: #ccc;
border:#222;
}

#blog-sidebar #searchsubmit {
padding:1px;
}

.entry form {
text-align:center;
}

select {
width:130px;
}


#commentform #submit {
float:right;
margin:0;
}

.commentlist {
padding:0;
text-align:justify;
}

#sidebar form, #blog-sidebar form {
margin:0;
}

/* End Sidebar 
 Begin Calendar */
#wp-calendar {
empty-cells:show;
margin:10px auto 0;
width:155px;
}

#wp-calendar td {
padding:3px 0;
text-align:center;
}

#wp-calendar td.pad:hover {
background-color:#fff;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

.center {
text-align:center;
}

hr {
display:none;
}

a img {
border:none;
}

.navigation {
display:block;
margin-bottom:60px;
margin-top:10px;
text-align:center;
}

/* IMAGE FADES */

/* Two Column Chooser*/
.twocol-wrapper {
	display: inline;
	float: left;
	padding:4px;
	margin:0 0 10px 10px;
	width: 270px;
	background-color:#fefefe;/*colour7*/
	
}

.twocol-desc {
	min-height:70px;
	display: block;
	float: left;
	width:270px;
}

.twocol-desc a {
	bottom:5px;
	float:right;
	font-size: 0.75em;
	
}

.twocol {
    background-repeat: no-repeat;
    height: 93px;
    width: 270px;
	 display: block;
	 float:left;
	 margin-bottom:10px;
}

.twocol-image-color-fade {
	position: relative;
	background-color: #4D8C9E;/*colour6*/
	top:35px;
	height:35px;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:.60;
}

.twocol h3 a:hover{
	background-color: #4D8C9E;/*colour6*/
}

.twocol h3 a{
    position: relative;
	 display: block;
    height: auto;
    width: auto;
	 color: #ffffff;
	 font-size: 1.05em;
	 font-weight: bold;
	 top:0px;
	 padding:8px 2px 8px 5px;
	 z-index:1;
	 text-decoration:none;
}

.twocol-deep-fade .twocol-image-color-fade{
	height:55px !important;
}

.twocol-deep-fade h3 a{
	 top:-20px !important;
}

#album-showcase .twocol
{
	background-image: url(../images/album-image-showcase.jpg);
}


#album-johnhelen .twocol
{
	background-image: url(../images/album-image-johnhelen.jpg);
}


#album-danfran .twocol
{
	background-image: url(../images/album-image-danfran.jpg);
}

/* ADMIN BAR */
#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}
#wp-admin-bar ul li a {list-style-type:none; display:inline; color:#333333}