/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/
html {background-image:url(../images/html-bg.png);
background-repeat:repeat-x;
background-color:#000000;}

img {
	border:0;
	}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin:0px;
 
}
#wrapper {
background-image:url(../images/wrapper-bg.jpg);
background-color:#CCCCCC;
 margin-left:auto;
 margin-right:auto;
margin-top: 0px;
 background-repeat:repeat-y;
 width: 840px;
 z-index:50;}



/* #banner-navigation {
height:100px;
	width: 840px;
	color: #333;
	padding: 0px;
	border-top: 1px solid #000;
	margin: -103px 0px 0px 0px;
	background-color:#000000;
	opacity: 0.8;
 -moz-opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
z-index:100;}
*/

/* dis is vher ve do zee navigation, yah */
#header {
position:relative;
 color: #333;
 width: 900px;
 float: left;
 height: 100px;
 z-index:100;
 margin: -112px 0px 0px -37px;}

#header ul{padding-right:30px;
margin-top:15px;}
#header li
{float:right;
padding-top:34px;
font-size:14px;
display: inline;
letter-spacing:.0125em;
list-style-type: none;
padding-right: 17px;
}

#header li a{text-decoration:none;
color:#FFFFFF;}

#header li a:hover{text-decoration:none;
color:#999999;
border-bottom: 2px solid #999999;}

#header li a#current{text-decoration:none;
color:#FFFFFF;
border-bottom: 2px solid #FFFFFF;}

/*  dis is vhere ze navigation ends, yah */



 
 
#navigation {

 float: left;
 width: 830px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;

}
#leftcolumn {
font-size:10px;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 180px;
 float: left;
}

#leftcolumn a:hover{color:#000066;}
#leftcolumn a{color:#666;
text-decoration:none;}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 600px;
 display: inline;
}

#content{

line-height:1.5em;
	padding-right:20px;}
#content a{
color:#000000;
text-decoration:underline;
}

#content a:hover{
color:#000000;
text-decoration:none;
}

#content h2
{
	font-size: 14px;
	/* 18px is the default minimum font size for which anti-aliasing will occur. */
	margin: 0px;
	padding-bottom:2px;
	
	 /* border-bottom: 1px solid black; */	
}

#content .date
{
	float: right;
}

#content .postedBy
{
	float: left;
}

#content .meta
{
color:#999999;
font-size:10px;
height: 1em;
}



#content p
{
	padding-top:10px;
	text-align: left;
	line-height: 1.5em;
}
#content .meta a{color:#999999;}

.comments
{	color:#999999;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 4px;
	font-size:10px;
	text-align: right;
	margin-bottom: 2em;
	background-image: url(images/comment_edit.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
.comments a{color:#999999;}

.comments-item
{	color:#333333;
width:400px;
	border-bottom: 1px dotted #666666;
	padding: 4px;
	font-size:11px;
	text-align: left;
	padding-bottom: 2em;
	background-repeat: no-repeat;
	background-position: center left;
}
.comments-item a{color:#666666;
text-decoration:none;}

#footer {
text-align:left;
font-size:10px;
 width: 840px;
 clear: both;
 color: #666666;
 height:40px;
 margin: 0px 0px 0px -1px;
 padding-left: 13px;
 padding-top: 19px;
  background-image:url(../images/footer-bg.jpg);
  background-repeat:no-repeat;
  background-color:#000000;
}

#footer a{text-decoration:underline;
color:#666666;}

#footer a:hover{text-decoration:none;
color:#000000;}

#footer .left{float:left}
#footer .right{float:right;
padding-right:60px;}


#flickr{margin:0px 0px 0px -6px;}
#flickr img {
margin:0 0px 8px 8px;
 background-color:#CCCCCC;
 border:1px solid #000;
 padding:4px;
width:62px;
 height:62px;
 }
 
 #flickr img:hover {
 background-color:#666666;
 }

#flickr-single{margin:0px 0px 0px -6px;}
#flickr-single img {
margin:0 0px 8px 8px;
 background-color:#CCCCCC;
 border:1px solid #000;
 padding:4px;
width:90px;
 height:90px;
 }
 
 #flickr-single img:hover {
 background-color:#666666;
 }
ul.linklist
{
margin: 0px 0px 0px 3px;
padding: 0px 15px 0px 0px;
list-style: none;

}
ul.linklist ul{

list-style:none;


}

ul.linklist ul li{
margin-left:-30px;
border-bottom:none;}

ul.linklist li
{
border-bottom: solid 1px #666;
padding-bottom: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li a#current{color:#000000;}
ul.linklist li a#firstnested{color:#000000;
border-bottom: solid 1px #666;
}

ul.linklist li .first
{
border-top: solid 1px #666;
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

.logo-floater-left{float:left;
margin-left:-4px;
margin-top:4px;}

.floater-left{float:left;}
.floater-body-left{float:left;
padding:10px 10px 10px 0px;}
.floater-right{float:right;
padding-left:10px;
}
.padded-room-top{padding-top:30px;}
.lined-image{margin-left:-12px;}
.non-padded-room-top{margin-top:-10px;}