/*
Theme Name: Carl Hulme Photography
Theme URI: http://www.spherics.co.uk
Description: AJAX and DHTML theme for YAPB-enabled photoblogs with support for Categories and Tags.
Version: 1.0
Author: Andy Bettger
Author URI: http://www.spherics.co.uk
*/

html {
}


body {
margin:0;
padding:0;
background-color:black;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#topcontainer {
margin:0;
padding:0;
color:white;
background-image: url(images/HeadingPhoto.jpg);
background-repeat: no-repeat;
background-position: top center;
min-width: 800px;
}

#header{
width:800px;
height:250px;
margin:0 auto;
position:relative;
border: 0px solid green;
}

#HeaderText{
width:800px;
height:42px;
top: 150px;
margin:0 auto;
position:relative;
border: 0px solid green;
}

#navbar{
position:relative;
top: 175px;
right: 0px;
width: 800px;
height: 32px;
text-align: center;
border: 0px solid green;
background-image: url(images/MenuBackground.gif);
background-repeat: repeat-x;
background-position: 0px -5px;
}

#navbar li{
display: inline;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 0px solid green;
}

#navbar ul{
padding:0;
margin:0;
}

#navbar a{
color:#999898;
font-size: 14px;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
letter-spacing:0px;
text-transform:uppercase;
text-decoration: none;
border: 0px solid white;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
background-image: none;
}

#navbar a:hover{
background-image: url(images/MenuHighlight.gif);
background-repeat: no-repeat;
background-position: 0px 20px;
color: white;
}

#topcontent{
position:relative;
margin:0 auto;
padding: 0px 0 0 0;
}

#titletext
{
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size: 17px;
font-weight: normal;
font-variant:small-caps;
color:white;
line-height: 16px;
letter-spacing: 0.5px;
}

#inlinedate
{
display:inline;
font-size:10px;
font-variant:normal;
text-transform:uppercase;
vertical-align:10%;
}

#titlebits{
height: 21px;
border: 0px solid white;
text-align: right;
position:absolute;
right:0px;
top:0px;
font-size: 14px;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#titlebits ul{
height: 21px;
line-height: 21px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
}

#titlebits li{
height: 21px;
line-height: 21px;
display:inline;
list-style-type: none;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#titlebits a{
height: 21px;
line-height: 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: white;
vertical-align: top;
text-decoration: none;
text-transform: uppercase;
}

#titlebits a:hover{
height: 21px;
line-height: 21px;
vertical-align: top;
color: #6F6F6F;
}

#pagecontent{
width:800px;
margin:0 auto;
padding:0;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#bbb;
line-height:1.6em;
}


#pagecontent h3, #pagecontent h2{
color:#fff;
}



#pagecontent a:hover{
border-bottom: 2px solid #bb6633;
color: #bb6633;
}

#footer{
width: 800px;
margin: 0 auto;
text-align:center;
font-size: 0.7em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
padding: 30px 0 10px 0;
color:#555;
clear:left;
}

#footer a{
color:#777;
text-decoration:none;
}

#footer a:hover{
color:#999;
}

#title{
margin:0 auto;
position:relative;
padding: 0px 0px 3px 0px;
border: 0px solid white;
}

#texttitle{
letter-spacing: 0.5px;
font-size: 17px;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: bold;
color:white;
line-height: 21px;
margin:0;
padding:0; 
}

#inlinedate{
display:inline;
font-size:10px;
font-variant:normal;
text-transform:uppercase;
vertical-align:10%;
padding-left:8px;
font-weight:normal;
color:#444444;
}

#texttitle a{
color:white;
text-decoration:none;
}

#texttitle a:hover{
color:#ddd;
}

#imageholder{
border-top:3px solid #FFFFFF;
margin: 0;
padding:0;
position:relative;
top:0;
left:0;
}

#mainimage{
display:block;
}

#exif_panel{
background-color:#aaa;
width:350px;
border:2px solid #fff;
border-top:none;
color:black;
font-size: 0.8em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#exif_panel ul{
margin:0;
padding:0;
}

#exif_panel li{
padding: 3px;
display:block;
padding-left: 120px;
clear:left;
}

#exif_panel li label{
margin-left: -130px;
width:120px;
float:left;
text-align:right;
padding-right:10px;
color:#666;
text-transform:lowercase;
}

#comment_panel{
background-color:#ccc;
border:2px solid #fff;
border-top:none;
color:black;
}

#info_panel{
background:black;
border:2px solid #fff;
padding:5px;
font-size: 0.8em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#info_panel a{
color:#888;
text-decoration:none;
}

#info_panel a:hover{
text-decoration:underline;
}

.overlay{
display:none;
position:absolute;
z-index:3;
}

#theoverlay_panel{
background:black url(images/loading.gif) no-repeat center center;
}

#overlaynav{
position:absolute;
left:0;
top:0;
z-index:101;
width:100%;
height:100%;
background:transparent url(images/1px.gif);
}

#overNextLink,#overPrevLink{
position:absolute;
display:block;
width:50%;
height:100%;
outline:none;
top:0;
}

#overNextLink{right:0;}
#overPrevLink{left:0}

#overNextLink:hover{
background:transparent url(images/nextlabel.gif) no-repeat 100% 30%;
}

#overPrevLink:hover{
background:transparent url(images/prevlabel.gif) no-repeat 0% 30%;
}

.mosaic{
border:1px solid #777;
padding:1px;
background:#bbb;
display:block;
float:left;
margin:5px;
}

h2.mosaicheader{
clear:left;
font-size: 1.4em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: bold;
letter-spacing:-1px;
border-bottom:2px solid white;
padding-top:15px;
}

#comments,#coms,#content{
width:100%;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#comments a,#coms a,#pagecontent a,#content a{
color:#9AB19E;
}


#comments a,#coms a,#pagecontent a:hover,#content a:hover{
text-decoration:none;
}

#comments a:hover,#coms a:hover{
color:#999;
}

#comments ol,#coms ol{
list-style:none;
padding-right:40px;
}

#comments li,#coms li{
background:#191919;
border:1px solid #333;
display:block;
margin-bottom:10px;
padding: 10px;
}

#comments li.alt, #coms li.alt{
background:#111
}

.commentcount{
font-size: 3em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
float:right;
color:#222;
}

.commenttext{
padding: 0 25px 0 0;
text-align:justify;
color:#e0e0e0;
font-size:0.9em;
}

#comments cite, #coms cite{
font-size:100%;
}

#comments small.commentmetadata, #coms small.commentmetadata{
display:block;
text-align:right;
color:#777;
font-size:0.7em;
}

#comments input, #coms input, #comments textarea, #coms textarea{
background:#111;
border: 1px solid #444;
color:#ccc;
padding: 3px;
}

#comments textarea, #coms textarea{
width:95%;
}


#pagecontent li{
font-size: 0.9em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
margin:0;
padding:0 0 0 5px;
color:#fff;
}

#pagecontent a{
color:#aaaaaa;
font-size: 0.9em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: bold;
letter-spacing:1px;
text-decoration: none;
border-bottom: 0px solid #363636;
padding:0;
margin:0;
}

/* testing is the id for all info displayed dynamically below the image (ie post content & categories) */

#tp{

width:100%;
margin:0 auto;
padding:0;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#888888;
line-height:1.6em;
}

#tp a{

font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;

color: #883311;
line-height:1.4em;
text-decoration: none;
}

#tp a:hover{

font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
color: #ee5500;
line-height:1.4em;
}

#tp h3{

width:800px;
margin:0 auto;
padding:0;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
color:white;
line-height:2em;
}

#cats li{
font-size: 0.85em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
margin:0;
padding:0 0 0 5px;
color:#fff;
padding-left:10px;
}

#cats a, #tags a{
color:#aaaaaa;
font-size: 0.85em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: bold;
letter-spacing:1px;
text-decoration: none;
border-bottom: 0px solid #363636;
padding:0;
}

#cats a:hover, #tags a:hover{
color: #bb6633;
}

#cats, #tags{
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
color:#bbb;
line-height:1.6em;
margin: 5px auto;
padding: 0 0 30px 0;
background:#191919;
border:1px solid #333;
visibility:hidden;
}

#tp,#coms_holder,#v-menu{
visibility: hidden;
}

.randthumbs {
height:150px;
width:800px;
margin:0 auto;
padding: 10px 0 0 0;
}

a { outline:none; }

#recentcomments a {
color: #646464;
}
#sidebar, #sidebar a{
list-style-type:none;
font-size: 0.8em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
text-decoration: none;
padding:5px;
color: #999999;
}
#sidebar h2{
color: #883311;
font-size: 1em;
}

#sidebar ul li {
   list-style-type: none;
   list-style-image: none;
   margin-left:-35px;
   margin-bottom:0px;
   padding-bottom:5px;
}

#entrynavigation {
font-size: 0.8em;
font-family: "Courier New", Courier, "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
letter-spacing:2px;
text-align: center;
padding: 20px 0 10px 0;
clear:left;
}

#entrynavigation a, #entrynavigation a:hover{
text-decoration:none;
border-bottom: 0px;
font-variant: small-caps;
}

.tool-tip {
	color: #FFFFFF;
	z-index: 13000;
	border: 1px solid #444444;
}
 
.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background-color: #000000;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color: #000000;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background-color: #000000;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color: #000000;
}