
body
{
    background-color: #1B2228;
    font-family: Verdana;
    color: #ffffff;
    font-size: .8em;
    margin: 0;
    padding: 0;
}

h1
{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0;
}

h2
{
    font-size: 0.9em;
    font-weight: bolder;
}

h3
{
    font-size: 0.8em;
    font-weight: bold;
}

#tlcontainer
{
    width: 840px;
    text-align: left;
    margin-top: 10px;
}

.tlitem
{
    background-color: #2F3237;
    margin: 5px;
    float: left;
    padding: 5px;
    width: 400px;
    height: 100px;
}

.tlitemflickr
{
    height: 320px;
    width: 260px;
}

.tlitem:hover
{
    background-color: #5E646B;
}

.tlimage
{
    float: right;
    margin: 5px;
}

.tlthumbnail
{
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
}

.tldetails
{
    margin: 5px;
}

.tlcreated
{
    margin-top: 5px;
	font-size: 0.7em;
	float: right;
	clear: right;
}

.tlcomments
{
    margin-top: 5px;
	font-size: 0.8em;
	float: left;
	clear: right;
}

.tlcomments a, .tlcomments a:link, .tlcomments a:visited, .tlcomments a:hover, .tlcomments a:active
{
    color: #ffffff;
    text-decoration: underline;
}

.tltext
{
    margin-top: 10px;
}

.tltext a 
{
    color: #ffffff;
}

.tltext img 
{
    min-height: 150px;
    max-height: 200px;
    max-width: 200px;
    overflow: hidden;
}

#tlcontainer h2, #ptlcontainer h2
{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: .9em;
}

#header
{
   width: 820px;
}

#header h2 a, #header h2 a:link, #header h2 a:visited, #header h2 a:hover, #header h2 a:active
{
    color: #ffffff;
}

#footer
{
   border-top: solid 1px #aaaaaa; 
   margin-top: 0;
   font-size: .9em;
   width: 830px;
   text-align: left;
   color: #aaaaaa;
}

#footerlinks, #footerabout, #footerarchives
{
    float:left; 
    padding: 10px; 
    width: 21%;
}

#footerabout 
{
    width: 74%;
}

#footerabout i 
{
    margin: 5px 10px 5px 10px;
    display: block;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active
{
    color: #aaaaaa;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

#footerarchives
{
    text-align: right;
}

.prevnext 
{
    margin-top: 10px;
}

.prevnext a 
{
    color: #aaaaaa;
    text-decoration: none;
}

.prevnext a:hover
{
    text-decoration: underline;
}

.leightboxfooter, .leightboxheader {
	background-color: #000;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
}

.leightbox {
	color: #ffffff;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: #1B2228;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

.leightbox a:link, .leightbox a:visited, .leightbox a:hover, .leightbox a:active
{
    color: #aaaaaa;
    text-decoration: none;
}

.leightbox a:hover
{
    text-decoration: underline;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
