/*----------------------------------------*/
/* Desolate Metropolis 2.0 Style Sheet    */
/*  Learn from it but don't steal it.     */
/*  Definitions are everyones but the     */
/*         design belongs to me.          */
/*----------------------------------------*/

/* Document Defaults */
body {
	border: 0px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #222222;
       	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
a 	{
	font-size: 90%;
	text-decoration: none;
	font-weight: 700;
	}
a:link {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}

a:visited {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}

a:active {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}
a:hover {
	font-size: 90%;
	color: #dddddd;
	text-decoration: none;
	}

/* Links within CategoryAndTitle */

#CategoryAndTitle a {
	font-size: 100%;
	color: #222222;
	font-weight: bolder;
	text-decoration: underline;
	}
#CategoryAndTitle a:link {
	font-size: 100%;
	color: #222222;
	font-weight: bolder;
	text-decoration: underline;
	}
#CategoryAndTitle a:visited {
	font-size: 100%;
	color: #222222;
	font-weight: 900;
	text-decoration: none;
	}
#CategoryAndTitle a:active {
	font-size: 100%;
	color: #222222;
	font-weight: bolder;
	text-decoration: none;
	}
#CategoryAndTitle a:hover {
	font-size: 100%;
	color: #dddddd;
	font-weight: bolder;
	text-decoration: none;
	}
/* Comment Form Anchor */
#CommentLayer a {
	font-size: 100%;
	color: #dddddd;
	font-weight: bolder;
	}
#CommentLayer a:link {
	font-size: 100%;
	color: #dddddd;
	font-weight: bolder;
	}
#CommentLayer a:visited {
	font-size: 100%;
	color: #dddddd;
}
#CommentLayer a:active {
	font-size: 100%;
	color: #dddddd;
	font-weight: bolder;
}
#CommentLayer a:hover {
	font-size: 100%;
	color: #dddddd;
	font-weight: bolder;
}
/* Other Links */
.DTRight a {
	font-size: small;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
/*AboutText Links */
#AboutText a 	{
	font-size: 90%;
	text-decoration: none;
	font-weight: 700;
	}
#AboutText a:link {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}

#AboutText a:visited {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}

#AboutText a:active {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}
#AboutText a:hover {
	font-size: 90%;
	color: #dddddd;
	text-decoration: none;
	}

/* Splash Page Link */
#TitleContainer a {
	font-size: 90%;
	text-decoration: none;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
#TitleContainer a:link {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}
#TitleContainer a:visited {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}
#TitleContainer a:active {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	}
#TitleContainer a:hover {
	font-size: 90%;
	color: #dddddd;
	text-decoration: none;
	}
#LogoLink {
	border: 0;
}



/* Main Document Layer Definitions */

#Container {
	margin: 0px auto 0px auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#Content {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1000px;
}

/* Header Layer Definitions */

#Header {
	width: 1000px;
	background-color: #333333;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#CategoryAndTitle {
	background-color: #555555;
	background-image: url(Gradient.jpg);
	height: 18px;
	width: 990px;
	text-align: left;
	font-weight: bolder;
	font-size: 90%;
	color:  #dddddd;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

/* Main Body Layer Definitions */
#Main {
	width: 100%;
	background-color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#DateComments {
	text-align: left;
	font-size: 70%;
	color: #999999;	
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	float: left;
}
#PreviousNext {
	text-align: left;
	font-size: 70%;
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	float: right;
}

/* All Comment HighSlide Definitions    */
#CommentLayer {

	}
#CommentTitleClose {
	background-color: #555555;
	color: #dddddd;
	border: 1px solid #dddddd;
	width: 75px;
	padding: 5px 0px 5px 0px;
	margin: 0px 5px 15px 0px;
	float: right;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
}
#CommentTitleMove {
	background-color: #555555;
	color: #dddddd;
	border: 1px solid #dddddd;
	width: 455px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 15px 5px;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
}
#HighslideBody {
	height: 520px;
	overflow:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#CommentBodyContainer {
	background-color: #555555;
	border: 1px solid #dddddd;
	width: 512px;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 15px 5px;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: 0em;
	font-weight: bold;
}
.CommentEven {
	background-color: #555555;
	border: 0px;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 5px;
	text-align: right;
}
.CommentOdd {
	background-color: #333333;
	border: 2px dotted #dddddd;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 5px;
	text-align: right;
}
.CommentContent {
	color: yellow;
	text-transform: none;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 5px;
	text-align: left; 
}
#CommentFormContainer {
	background-color: #555555;
	border: 1px solid #dddddd;
	color: #dddddd;
	width: 512px;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	font-size: 80%;
	text-align: right;
}
#CommentPreviewBox {
	display: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	font-size: x-small;
}
#CommentFormPreview {
	background-color: #333333;
	border: 2px dotted #dddddd;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 5px;
	text-align: right;
}
#CommentFormOverlay {
	font-size: x-small;
}
#CommenterInformation {
	width: 165px;
	margin-left: 342px;
	margin-right: 5px;
	text-align: left;
}
#CommentTextBox {
	width: 250px;
	padding: 5px 0px 5px 0px;
	margin-left: 262px;
	margin-right: 5px;
	text-align: left;
}
/* Footer Layers */
#FooterContainer {
	width: 100%;
	font-size: x-small;
	background-color: #555555;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#CategoryArchives {
	float: left;
	width: 318px;
	font-size: 120%;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 10px 5px;
}
#DateScroller{
	width: 11px;
	height: 130px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#UpScroll {
	width: 12px;
	height: 112px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#DownScroll {
	width: 12px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#DateArchives{
	float: left;
	width: 334px;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 10px 5px;
}
.InnerArchive {
	font-size: 120%;
	display: inline;
	position: absolute;
	top: 31px;
	left: 360px;
	height: 135px;
	width: 298px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#SiteMisc {
	font-size: 120%;
	float: right;
	width: 318px;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 10px 5px;
}
.Clear {
	clear: both;
}
#catSubCategories {
	border: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.SubCategory {
	background-color: #555555;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
.SubCategoryImage {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.SubCategoryTitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.SubCategoryDescription {
	color: #bbbbbb;
	text-align: left;
	font-size: 70%;
	letter-spacing: .05em;
	padding: 15px 30px 0px 225px;
	margin: 0px 0px 0px 0px;
}
#CategoryTitle {
	margin: 10px 0px 0px 0px;
}
#CategoryHeader {
	color: #bbbbbb;
	width: 800px;
	text-align: left;
	font-size: 70%;
	letter-spacing: .05em;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
#EntryText {
	width: 80%;
	font-size: 75%;
	text-align: justify;
	color: #bbbbbb;
	margin: 10px auto 10px auto;
}

/* Special Pages Layers */
#AboutText {
	text-align: justify;
	color: #bbbbbb;
	font-size: 70%;
	width: 100%;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#LinkContainer {
	width: 90%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 10px auto;
}
.LinkL {
	width: 45%;
	border: 1px solid black;
	background-color: #555555;
	color: #bbbbbb;
	font-size: 70%;
	text-align: left;
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 10px 0px 0px 0px;
}
.LinkR {
	width: 45%;
	border: 1px solid black;
	background-color: #555555;
	color: #bbbbbb;
	font-size: 70%;
	text-align: left;
	float: right;
	padding: 2px 2px 2px 2px;
	margin: 10px 7px 0px 0px;
}
#TitleContainer{

}
#TitleContent {
	width: 1000px;
	background-color: #333333;
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
}

/* Table Definitions */
.ArchiveListTable {
	width: 90%;
	padding: 10px 0px 10px 0px;
	margin: 0px auto 0px auto;
}
.left {
	width: 60%;
	text-align: left;
	padding: 0px 0px 0px 25px;
}
.right {
	text-align: left;
}
.leftDate {
	width: 58%;
	text-align: left;
	padding: 0px 0px 0px 5px;
}
.header {
	width: 100%;
	text-align: left;
	padding: 0px 0px 0px 25px;
}
.ArchiveTable {
	width: 100%;
}
.ArchiveL {
	width: 310px;
	height: 240px;
	border: 1px solid black;
	background-color: #555555;
	font-size: 70%;
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 10px 0px 10px 10px;
}
.ArchiveC {
	width: 310px;
	height: 240px;
	border: 1px solid black;
	background-color: #555555;
	font-size: 70%;
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 10px 0px 10px 17px;
}
.ArchiveR {
	width: 310px;
	height: 240px;
	border: 1px solid black;
	background-color: #555555;
	font-size: 70%;
	float: right;
	padding: 2px 2px 2px 2px;
	margin: 10px 10px 10px 5px;
}
#Centered {
	margin: 0px auto 0px auto;
}
.DTLeft {
	width: 300px;
	padding: 0px 0px 10px 0px;

}
.DTRight {
	text-align: left;
	padding: 0px 0px 10px 10px;
}
#Facebook {
	padding-top: 10px;
}
#Photoblogs {
	padding-top: 10px;
}

/* Frame Definitions */
#FooterFrame {
	width: 100%;
	height: 175px;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* Image Definitions */
#Main img {
	border: 0px;
}
#Design {
	border: 0px;
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.FooterSpacer {
	float: left;
}
#RightSpacer {
	float: right; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#AboutImage {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 10px 10px;
}
.LinkIcon {
	float: left;
	margin: 0px 5px 0px 0px;
}
#BlackBorder img {
	border: 15px solid black;
	margin: 10px 10px 10px 10px;
}

/* Text Styles */
#CommentForm h2 {
	color: #dddddd;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
	text-decoration: underline;
}
#CommentForm label {
	position: relative; 
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
}
#FooterContainer h2 {
	color: #dddddd;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.SubCategory a {
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#CategoryTitle h2 {
	color: #bbbbbb;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.DTRight h2 {
	color: #bbbbbb;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
#AboutText h2 {
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.LinkL h2 {
	color: #bbbbbb;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
.LinkR h2 {
	color: #bbbbbb;
	font-size: small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}


/* Form Styles */
.CommentFormTextBox {
	background-color: #333333;
	margin: 0px 0px 5px 0px;
	border: 0px;
	color: #dddddd;
	font-size: 80%;
	font-weight: bold;
	}
.CommentFormTextArea {
	background-color: #333333;
	margin: 0px 0px 5px 0px;
	width: 250px;
	height: 100px;
	border: 0px;
	color: #dddddd;
	font-size: 120%;
	font-weight: bold;
}
.CommentFormButton {
	background-color: #333333;
	color: #dddddd;
	border: 1px solid #dddddd;
	margin-bottom: 5px;
	font-size: x-small;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: bold;
}
#CaptchaTextBox {
	border: 0px;
	background-color: #333333;
	color: #dddddd;
	font-size: 100%;
	font-weight: bold;
	width: 145px;
	margin: 2px 0px 10px 0px;
}