/*
Theme Name: Elfi based on Reflection
Theme URI: http://xyloid.org/projects/reflection/
Description: AJAX and DHTML theme for photoblogs. 
Version: 1.0
Author: Dave Moxey and Peter Chester
Author URI: http://shaneandpeter.com/
*/

/*** Main page layout ***/

a img, img {
	border:none;
}

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

a:hover {
	color:#F00;
}

body {
	margin:0;
	padding:0;
	font-family:"Arial";
	background:black;
	font-size:1em;
}

/* Archive Style */
body.page-template-archive-php, body.archive {
	background-image:url(images/archive-bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	background-attachment:fixed;
}

/* Single Page Style */
body.single {
	background-image:url(images/single-bg.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

body.single #content a {
	color:#900;
}

body.single #content a:hover {
	color:#F00;
}

#container {
	background:transparent url(images/top-bg.gif) top left repeat-x;
}

#topcontainer {
	width:100%;
	margin:0;
	padding:0;
	color:#BBB;
}

#header{
	width:900px;
	height:60px;
	margin:0 auto 10px;
	position:relative;
}
#header h1 {
	position:absolute;
	padding:0;
	margin:0;
	bottom:10px;
	font-size:1.9em;
	font-weight:lighter;
	display:inline;
}

#topcontent{
	margin:0 auto;
	padding:0;
}

#pagecontent{
	width:900px;
	margin:0 auto;
	padding:0;
	color:#BBB;
	line-height:1.6em;
	position:relative;
	display:block;
}

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

#footer{
	clear:both;
	text-align:left;
	font-size:0.85em;
	padding: 30px 0 10px 0;
	color:#888;
	clear:left;
	width:900px;
	margin:0 auto;
}

#footer a{
	color:#999;
}

#footer a:hovor;{
	color:#F00;
}

/*** Navigation bar ***/

#navbar{
	position:absolute;
	bottom:10px;
	right:0px;
}

#navbar li, #titlebits li{
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0 0 0 10px;
}

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

#navbar a{
	color:#ccc;
	font-size:1.15em;
	font-weight: 100;
	letter-spacing:2px;
	text-transform:lowercase;
	text-decoration: none;
	padding:0;
	margin:0;
}

#navbar a:hover, h1 a:hover{
	color: red;
}

/*** Image display ***/

#title{
	margin:0 auto;
	position:relative;
}

#texttitle{
	letter-spacing:-1px;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
	padding:0;
}

#inlinedate{
	padding-left:8px;
	font-weight:normal;
	color:#666666;
}

#texttitle a{
	color:white;
}

#titlebits{
	position:absolute;
	right:0;
	bottom:0.2em;
}

#titlebits a{
	color: white;
}

#titlebits li{
	padding-left:10px;
}

#imageholder{
	margin:0 auto;
	padding:0;
	position:relative;
	overflow:hidden;
	width:900px;
	top:0;
	left:0;
}

#mainimage{
	display:block;
	margin: 0 auto;
}

.overlay{
	visibility:hidden;
	position:absolute;
	z-index:3;
}

#panel_info{
	background:black;
	border:2px solid #fff;
	padding:5px;
	font-size:0.85em;
}

#panel_overlay{
	background:white url(images/loading.gif) no-repeat center center;
	display:none;
}

#overlaynav{
	z-index:5;
	width:900px;
	height:100%;
	background:transparent url(images/1px.gif);
}

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

a#overNextLink{
	background:transparent url(images/next-off.png) no-repeat 100% 40%;
	right:100px;
}
a#overPrevLink{
	background:transparent url(images/prev-off.png) no-repeat 0% 40%;
	left:100px;
}

a#overNextLink:hover{
	background:transparent url(images/next-on.png) no-repeat 100% 40%;
}

a#overPrevLink:hover{
	background:transparent url(images/prev-on.png) no-repeat 0% 40%;
}

/*** Comments on image display ***/

#commentcontent {
	width:100%;
	background:white url(images/comments-header.gif) repeat-x top left;	
	padding:0;
}
#comments {
	padding-top:11px;
	color:#666;
}

#content, #comments {
	font-size:0.85em;
	width:900px;
	margin:0 auto;
}

#content {
	margin-top:-40px;
}

h3#comments-header, h3#respond {
	margin-top:0;
	color:#fff;
	padding:0;
	margin:0;
	height:26px;
}

#comments ol{
	list-style:none;
	padding:0px;
	margin:0px;
}

#comments li{
	border-bottom:1px dotted #ccc;
	display:block;
	margin:0px;
	padding:10px 0;
}

#comments li.alt{
	background:#f8f8f8;
}

#comments .commenttext{
	text-align:justify;
}

#comments cite{
	font-weight:bold;
	color:#bbb;
}

#comments p.commentmetadata{
	display:block;
	text-align:right;
	color:#ccc;
	font-size:0.9em;
	padding:0;
	margin:0;
}

#comments input, #comments textarea{
	background:#f8f8f8;
	border: 1px solid #ccc;
	color:#666;
	padding: 3px;
}

#comments textarea{
	width:894px;
}

#submit {
}

/*** Mosaic and browser pages ***/

.mosaic{
	margin:5px;
	padding:0;
	background:#222;
}

.tipz{
	border:1px solid #CCC;
	background-color:#000;
	color:white;
	padding:5px;
	font-size:0.85em;
}

.tipz .tip-title{
	font-weight:bold;
}

.tipz .tip-text{
	font-weight:normal;
	color:#ccc;
	font-size:0.85em;
}

#taxonomyTable {
	width:50%;
	float:left;
	color:#CCC;
}

#taxonomyTable h3 {
	color:#666;
	margin:5px 0 5px;
	font-weight:100;
}

#taxonomyTable .indexList {
	margin:0 0 20px;
}

#taxonomyTable a {
	color:#AAA;
}

#taxonomyTable a:hover, #taxonomyTable a.current{
	color:red;
}

#thumbList {
	width:50%;
	display:inline;
	float:right;
}

#tagContainer {
    padding: 5px 0 5px 10px;   
}

#tagPics {
	position:relative;
	line-height:0;
	height:1%; /* Ugly hack for IE */
}

#tagProgress{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-33px;
	margin-top:-33px;
	z-index:2;
	visibility:hidden
}

/*** News Section ***/

body.category-news {
	background-image:url(images/single-bg.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}

body.category-news #pagecontent {
	width:100%;
	background:white url(images/comments-header.gif) repeat-x top left;	
	padding:0;
}

body.category-news #sectiontitle, 
body.category-news .post,
body.category-news .navigation {
	width: 900px;
	margin: 0 auto;
}

body.category-news #sectiontitle h2 {
	padding-top: 8px;
}

body.category-news .post #texttitle a {
	color: #999;
}

#content.single-no-image {
	margin-top:0px;
}