/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}
a:hover {color: #9A6;}

body {
	background: #333 url(images/bg.gif);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

p,ul {
	padding-bottom: 1em;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
#blogEntries li {list-style-image: url(images/li.gif);}

h1 {font-size: 1.2em;}
#header h1 a {font-weight: normal; font-size: 1.1em; color: #333333; text-decoration: none;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #994;}

/* misc */
.clearer {clear: both;}
#blogEntries div {padding: 6px 2px 6px 16px;}
#mainContent #blogEntries {padding: 18px 24px; margin-bottom: 7px;}
#paBug a{font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
#wrap {
	font-size: 1.2em;
	background: #222222;
	margin: 0 auto;
	width: 840px;
	border: 12px solid #222;
}

/* header */
#header {
	float: right;
	clear: right;
	width: 640px;
	background: url(images/header.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
	margin-top: -45px;
}

/* structure */

#blogEntries {
	float: right;
	clear: right;
	width: 593px;
	margin: -20px 0;
	background: #ffffff;
}


/* sub-navigation */
#subNav {margin-top: -198px;}
#subNav,#also {
	color: #cccccc;
	display: block;
	float: left;
	clear: left; 
	width: 185px;
}
#subNav h3, #also h3 {
	background: #222;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px #666666 solid;
}
#subNav ul {margin: 0; padding: 0;}
#subNav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
#subNav li a {
	background: #89866F;	
	color: #111;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
#subNav li a:hover {
	background: #9C997C;
	color: #000;
}

#subNav div {margin: 10px auto; padding: 5px 2px 5px 2px;}
#subNav div div {padding: 0; margin: 0;}

/* footer */
#footer {
	background: url(images/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
	float: none;
	clear: both;
	width: 840px;
}
#footer a {color: #EEE;}
#footer a:hover {color: #FAFCB0;}
/*BF Styles*/
/* PORTAL LINKS */

#paBug {
position:absolute
width: 100%;
height: 50px;
margin: 0px auto;
}
#paBug #paBugLogo{
	background-image:none!important;
	position:absolute;
	text-indent: -999em;
	top: 0px;
	height:20px;
	width: 100px!important;
	}
#paBug #paBugLogo a{
border-bottom: none;
text-indent: -999em;
position:absolute!important;
top: -5px;
left: 37%;
width: 100px;
height:25px;
background: url(../files/palogo_t2.gif) left no-repeat!important;
padding: 10px;}

#paBug #paLinks{
	height: 25px;
	width: 840px!important;
	position: absolute;
	float:right;
	text-align: right;
	height: 30px;
	top: 10px;
	color: #cccccc;
	}
#paLinks a {
font-size: 1.1em;
padding: 3px 7px 3px 7px;
color: #cccccc;
text-decoration: none;}

/*NAVIGATION AND HEADER*/
#mainNav{
display: none!important;
float: right;
}

#mainNav ul{list-style:none; position: absolute; margin-top: -45px; width: 600px; text-align: right;}
#mainNav li {display: inline; padding: 3px 0px 3px 20px;}
#mainNav li a {color: #ffffff; text-decoration: none; font-size: 1.2em;}
#mainNav li a:hover {text-decoration: underline}

/*SIDEBARS*/
#subNav #calendar table {
	font-size: .95em;
	line-height: 1.2em;
	text-align: center;
	width: 100%;
}

#subNav #calendar table a:hover {
	background: #666666;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	color: #ffffff;
}


/* SIDEBAR MODULES*/

#calendar caption {
	margin-bottom: 5px;
}

#calendar table a {
	background: #cccccc;
	color: #333333;
	border-bottom: 1px #666666 solid;
	border-left: 1px #666666 solid;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
}

#calendar table tr{
	border-bottom: 1px #CCCCCC solid;
}
.RSSbutton{
	background: #666666;
	border: 1px #cccccc solid;
	color: #efefef;
	font: bold 10px;
	margin: 0px 7px 0 0;
	padding: 2px 3px 0px 3px;
	text-decoration: none;
}
#categories ul,#categories ul li a {border-bottom: none!important; background: none!important; display: inline; padding: 0; margin: 0;}
#categories a.link{border-bottom: none; background: none!important; color: #cccccc; padding: 0; margin: 0; display: inline; font-size: 1.1em;}
/* ENTRY CONTENT */

#blogEntries h2, #blogEntries h2 a{
text-shadow: #666666 -1px 1px 5px;
margin-bottom: 7px;
}
#blogEntries .contentHeader{
font-size: 1.2em;
text-align:right;
margin-bottom: -20px;
}
.entryBox {
	padding-right: 10px;
	font: 1.1em;
	}
.entryBox .entryDate {
	text-align:right;
	margin-bottom: -2em;
	}

.entryBox a, .entryBox a img {
	position:relative;
	border:none!important;
	}
#blogEntries .entryBox img, #blogEntries .entryBox img a {
	max-width: 375px;
	}
.contentSmallLinks{
	clear:both;
	border-bottom: 1px #333333 solid;
	border-top: 1px #cccccc dashed;
	font: normal 11px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

.contentSmallLinks {
	width: 480px!important;
	overflow:visible;
	clear: both;
}

.contentSmallLinks .last {
	border: none!important;
}

.contentSmallLinks li {
	display: inline;
	line-height: 2em;
	padding: 0px 10px 0px 10px;
}

.contentSmallLinks ul {
	list-style: none;
	margin: 0px auto;
	width: 90%;
}

/* COMMENTS */
#trackbackHeaderContent, #trackbackHeader{
font-size: 1.2em;
font-weight:bold;
margin-bottom: 5px;
}
.commentBlock{
background: none;
margin-bottom: 10px;
padding: 10px 0px 20px 0px;
border-bottom: 1px #cccccc dashed;
}
div#tracklink {
display: block;
width: 200px;
float: right;
clear: right;
margin-top: -25px;
}
div#tracklink img {border: none!important;}
.commentBlock img, .commentBlock img a {
border: none!important;
}
.commentFontSmall {
	font-size: .9em;
}

.commentFontSmall img {
height: 40px;
position: relative;
float: left;	
margin: -15px 5px -15px 5px;
}

.commentPosted {
	color: #333333;
	font: bold 14px Lucida Sans, Arial, Helvetica, sans-serif;
}

.commentPosted a {
	border-bottom: none !important;
	color: inherit;
	font: inherit;
}

.commentPosted img {
	border: none !important;
	margin: 0px;
	padding: 0px;
}

.commentsContent{
	border-bottom: 1px #cccccc solid;
	margin: 10px 0px 10px 20px;
}
/* PHOTOS SECTION */ 
#photoSection{
width: inherit;
overflow: visible;
font-size: 1.2em;
line-height: 1.4em;
}
.photoHeader {
	font-size: .846em;
	padding-top: 1em;
}
.photoHeader ul {
	overflow: auto;
}
.photoHeader ul li {
	display: block;
	float: left;
}
#photoTab0 a, #photoTab1 a, #photoTab2 a, #photoTab3 a, #photoTab4 a, #photoTab5 a {
	display: block;
	width: auto;
	padding: 0 .5em;
}
#photoTabCurrent0 #photoTab0 a, #photoTabCurrent1 #photoTab1 a, #photoTabCurrent2 #photoTab3 a, #photoTabCurrent3 #photoTab3 a, 
#photoTabCurrent4 #photoTab4 a, #photoTabCurrent5 #photoTab5 a, #photoTabCurrent0 #photoTab0 a:hover, #photoTabCurrent1 #photoTab1 a:hover, 
#photoTabCurrent2 #photoTab2 a:hover, #photoTabCurrent3 #photoTab3 a:hover, #photoTabCurrent4 #photoTab4 a:hover, #photoTabCurrent5 #photoTab5 a:hover { 
	text-decoration: none;
	cursor: default;
}
.photoHomeGallery, .photoGalleryDisplay {
	clear: both;
}
.photoHomeGallery table {
	width: 95%;
	voice-family: inherit;
	width: 100%;
	border: 0;
	padding-bottom: 1em;
}
.photoHomeGallery table td, .photoHomeGallery table th {
	text-align: center;
}
.photoHomeGallery table td.leftColumn {text-align: left;}
.photoGalleryDisplay {
	padding-bottom: 1em;
}
.photoGalleryDisplay ul {
	overflow: auto;
}
.photoGalleryDisplay ul li {
	display: block;
	float: left;
	font-size: .69em;
	line-height: 1em;
	padding: .5em;
}
#photoSection .photoHomeBarImage, #photoSection .galleryImage{
background: #333333;
padding: 2px;
border: 3px #cccccc solid;
border-bottom: 10px #cccccc solid;
border-top-width: 4px;
}
.author {
	font-size: .69em;;
}
/* TAG CLOUD */
#tagCloud, #photoTagCloud {background-color: #efefef; border: 1px #cccccc solid; padding: 10px;}
#tagThisPhoto {position:relative; margin: 10px auto 10px auto; clear:both;}
#tagThisPhoto,#tagCloud, #photoTagCloud { margin: 0px auto; text-align:center; margin-bottom: 10px;}
#tagThisPhoto ul,#tagCloud ul {margin: 0; padding: 0; list-style: none; display: inline;}
#tagThisPhoto ul li,#tagCloud ul li {display: inline!important; margin:2px 5px 2px 5px;}
.smallestTag { font-size: xx-small; }
.smallTag { font-size: small; }
.mediumTag { font-size: medium; }
.largeTag { font-size: large; }
.largestTag { font-size: xx-large; }
/*Podcast Links*/
div#podlinks h5 {width: 85%; font-size: 1.1em; text-align: center; margin-top: 3px; padding-top: 3px;}
div#podlinks a img {border: none!important; display: block; margin: 5px auto;} 