@charset "UTF-8";
/*
Theme Name: MyPortManBlog
Theme URI: http://www.timcbest.com/
Description: Theme for photographers or artists to display their work, by TIm Best.
Version: 2.0
Author: Tim Best
Author URI: http://www.timcbest.com/
Tags: chrome, custom header, fixed width, two columns, widgets

	This theme was designed and built by Tim Best.

	The CSS, XHTML and design is under copyright and cannot be reproduced without written permission of the Author:
	timcbest@gmail.com
	
*/
html body {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-family: Arial;*/
	font-size: 1em;
	font-weight: lighter;
	line-height: 1.05em;
	text-align: left;
	z-index:0;
	position:relative;
	top:0;
	left:0;
	top:0;
	bottom:0;
	background-color: #000;
}

ul {
	list-style: none;
}

body #wrap {
	background-color: #000;
	width: 768px;
	margin: auto;
	z-index:0
}

h1 {
	font-size: 1.25em;
	font-weight: lighter;
}

h2 {
	font-size: 1.12em;
	font-weight: lighter;
}

h3 {
	font-size: 1.06em;
	font-style: italic;	
}

label,p,li {
	font-size: .85em;
}

h1,h2,h3,p,ul,a,label {
	color: #333;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

p a {
	font-style: italic; 
}

a {
}

a:hover {
	color: #FF00FF;
	
}

a:active {
	color: #FF00FF;
}


div {
	/*
	border-style: solid;
	border-color:#FFFFFF;
	border-width: thin;
	*/
}

img {
	border-style: solid;
	border-color:#333;
	border-width: thin;
	padding: 5px;
}

a:hover img  {
	border-color: #333;
	background-color: #FF00FF;
}

input {
	text-align: left;
	display: block;
	background-color: #333;
	border-style:none;
	size: 15px;
}

/*****************************************/
/* icon image styles  
/*****************************************/
.icon{
	border: none;
}

.icon a:visited {
	
}
	
/*****************************************/
/* Wrap  
/*****************************************/
#wrap{
}

/*****************************************/
/* Footer
/*****************************************/
#footer {
	clear: left;
}

#footer li{
	font-size: .60em;
	padding: 0;
	line-height: 1.35em;
}

#acknolophon {
	padding-left: 5px;
	border-top: #333 thin solid;
	border-bottom: thick #333 solid;
	background-color: #000;
	width: 768px;
}

#acknolophon li{
	display: inline;
	padding-right: 10px;
}

#acknolophon a{
}

/*****************************************/
/* Index Content
/*****************************************/

#index_content{
	border: hidden;
}

#index_content p{
	padding: 5px 0 5px 0;
}

#index_content h2{
	padding: 0 0 3px 0;	
}

#index_content h3{
	display: block;
	padding: 13px 0 0 0;	
}

#index_content dt{
	font-style: italic;
	display: block;
	font-size: .90em;
	padding-right: 3px;	
}

#index_content dd{	
	display: block;
	font-size: .90em;
	padding: 0 3px 5px 0;	
}

/*****************************************/
/* Content
/*****************************************/
#content {
	height: auto;
	padding: 5px 0 5px 0px;
	margin-top:52px;	
}

#content dl{
	margin: 4px 0 4px 0;
}

#content dt{
	display: inline;
	font-size: .70em;
	padding-right: 3px;	
}

#content dt > a{
	font-size: .98em;
	padding-right: 3px;	
}
/*
#content label{
	font-size: .75em;
}

#content a{
	font-size: .95em;
}
*/
#content form{
	margin: 10px 0 10px 0;
	width: 154px;
}

#content .caption {
	font-size: .75em;
}

#content img {
	/* display: block; */
}

#content h2{
	margin-top: 15px;
	margin-bottom: 0px
}

.postmetadata {
	border-bottom: dotted;
	border-color: #333;
}

#content p{
	font-size: .75em;
	margin-bottom: 10px
}

/*****************************************/
/* content table styles
/*****************************************/

#content table {
	width: inherit;
	border: none;
}

#content thead{
	font-size: .70em;
	background: #000000;
	color:#FFFFFF;
}

#content tbody a{
	font-size: .65em;
}

#content table img{
	border: none;
	background: none;
}

#content .even{
	background: #000;
}

#content .odd{
	background: #999;
}

#content .commentlist .commentbody{
	
}

/*****************************************/
/* navigation
/*****************************************/

#navigation {
	border: none;
	padding: 3px 6px 5px 0;
	/* border-top: solid #000000 thick; */
	border-top: solid #333 thick;
}

#navigation li{
	display: inline;
}

#navigation li a{
	border: solid #333 thin;
	font-size:0.95em;
	padding: 7px 9px 13px;
}

#navigation li a:hover {
	color:#FFFFFF;
	background-color: #FF00FF;
	border-color: #FF00FF;
}

#navigation li a:active{
	color:#FFFFFF;
	background-color: #FF00FF;
	border: solid #FF00FF thin;
}

.home {
	padding-left: 0;
}

/*****************************************/
/* header
/*****************************************/

#header {
	top:0;
	left:0;
	height:60px;
	position:fixed;
	z-index:9999;
	width:100%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: transparent url(/wp-content/themes/timcbest/images/bg_blk.png) repeat-x
}
	
#header h1{
	font-size: 1.85em;
	font-style:normal;
	display:inline;
}

#header li{
 	display: inline;
	margin-left: 5px;
	margin-top: 5px;
}

#header p{
	font-size: .65em
}

#header.caption {
	font-size: .75em;
}

.mob_hidden {
 margin: -9999px
}

#header .inactive_css {
	font-weight: normal;
}

#header img{
	border: none;
	padding: 0;
}

#headerimg {
	margin-left:0px;
	margin-top:5px;
	top:5;
}

#headerimg ul{
	display: inline;
	width: 200px;
}

.pagenav {
	float: right;
	display: inline;
	margin: 16px 15px 0px 0px;
}

.pagenav img{
	height: 20px;
}


#header .page_title {
	font-style:italic;
	margin-left:32px;
}

#header .page_item{	
}

#ac_header {
	float: right;
	margin-top:5px;
	border: none
}

#ac_header input {
	display:inline;
}

#ac_header .input_text{
	width: 120px;
	font-size: .9em;
}

#ac_header .input_button{
	width: 48px;
	font-size: .9em;
}

/*****************************************/
/* wheader
/*****************************************/

#wheader {
	margin-top: 20px;
	text-align: right;
}
	
#wheader li{
 	display: inline;
	font-size: .65em
}

#wheader p{
	font-size: .65em
}

#wheader img{
	border: none;
	padding: 0;
}

/*****************************************/
/* header
/*****************************************/

#ad_header {
	margin-top: 55px;
	text-align: right;
}
	
#ad_header li{
 	display: inline;
	font-size: .65em
}

#ad_header p{
	font-size: .65em
}

#ad_header.caption {
	font-size: .75em;
}

.mob_hidden {
 margin: -9999px
}

#ad_header .inactive_css {
	font-weight: normal;
}

#ad_header img{
	border: none;
	padding: 0;
}

/*****************************************/
/* page_name
/*****************************************/

#page_name {
	font-size: .75em;
	display:inline;
	font-size:0.75em;
	margin-left:131px;
}

#page_name p{
	font-size: .70em;
	padding: 0;
	
}

/*****************************************/
/* image_nav
/*****************************************/

#gallery {
	margin-top: 10px;
}

#gallery-image{
	display: block;

}
#gallery-image img{
	width: 416px;
	z-index: 0;
	margin-bottom: 5px;

}

#gallery-image a:hover img{
	background-color: #333;
}

#gallery-nav {
}

#gallery-nav li {
	display: inline; 
}

#gallery-previous {
	text-align:left; 
	margin: 0 3px 0 3px
}

#gallery-next {
	text-align:right; 
	margin: 0 3px 0 3px
}

#gallery-next span,
#gallery-previous span {
	display:block; 
	position:absolute; 
	top:225px; 
	background:url(http://cache.gawker.com/assets/base.v5a/img/x.gif); 
}

#gallery-next span {
	right:508px; 
}

#gallery-previous span {
	left:508px; 
}

#gallery-next a:hover span {
	background:url(http://www.stclaudecollective.org/img/right.png) center right no-repeat; 
}

#gallery-previous a:hover span {
	background:url(http://www.stclaudecollective.org/img/left.png) center left no-repeat; 
}

#gallery-nav img {
	width: 50px;
	height: 50px;	
	margin: 0 3px 0 3px
}

#gallery-nav img.active {
	background-color: #000000;
}


/*****************************************/
/* image-description
/*****************************************/
#image-desc {
	margin: 10px 0 15px 0; 
	width: 420px;  
	padding: 10px 0 10px 0; 
	float: left; 
	border:1px dotted #ccc; 
	border-width: 1px 0; 
}

/*****************************************/
/* sidebar
/*****************************************/
#sidebar {
	height: 229px;
	width: 768px
	
}

#sidebar h2{
	margin-top:5px;
}

#sidebar li {
	vertical-align: top;
	display: inline-table;
	margin-right: 20px;
	width: 78px;
	/*border-bottom: #000000 thin solid;*/
}

#sidebar a {
	padding: 3px 0;
}

#sidebar #pages li {
	display: block;
	border-bottom: #999 thin solid;
}

#sidebar #archives li {
	display: block;
	border-bottom: #999 thin solid;
}

#sidebar #pages a {
	display: block;
}

#sidebar #archives a {
	display: block;
}


#sidebar a:hover {
	color: #FF00FF;
	/*background-color: #EEDDDD;*/
}

/*****************************************/
/* description
/*****************************************/
.description {
	margin-top: 5px;
	padding-left: 5px;
	display:inline;
}

/*****************************************/
/* lightbox-container-image
/*****************************************/
#lightbox-container-image img {
	padding: 0
	}
	
#photo {
	width: 485px;
	margin-right: 5px;
}

#context {
	width: 485px;
	margin-right: 5px;
}

.flickr-photos img{
	width: 36px;
	height: 36px;
	margin: 2px;
}

/*****************************************/
/* Twitter side bar
/*****************************************/

#twitter_bar {
	width: 223px;
	float: right;
	vertical-align: top;
	border-left: thin #333 solid;
	height: 100%;
	padding-left: 10px;
	clear: left;
}

#twitter_bar h2 {
	font-style: italic;
	padding-bottom: 5px
}

#twitter_bar li {
	margin-bottom: 8px;
	font-size: .75em
}

#twitter_bar a {
	font-weight: bold;
}

#twitter_bar a:hover {
	text-decoration: underline
}

/*****************************************/
/* left column
/*****************************************/
#item_wrapper{
	height: 188px;
}

#left_col {
	float: left;
}

#left_col img{
	width: 188px;	
}


#right_col {
	margin-left: 210px;
	text-align: left;
}