/*
      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
	  
*/

* { padding: 0; margin: 0; }

p
{
font-size:11px;
margin-bottom: 14px;
}

a
{
color:#000033;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

h2
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
padding: 0px 0px 10px 0px;
margin-bottom: 5px;
}
blockquote {
	background-image:url(img/quote.png);
	margin-left:-10px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	 padding-left:36px;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
  background-repeat:no-repeat;
 background-color:#fff;
}
#wrapper { 
 margin: 0 auto;
 background-color:#000000;
 background-image:url(../img-wide-bg/wrapper-bg.png);
 background-repeat:repeat-y;
 width: 841px;

  border-left: 5px solid #000;
 border-right: 5px solid #000;
}
#header {
 color: #333;
 width: 841px;
 background-color:#000000;
/* border: 1px solid #ccc; */
 height: 275px;
 margin: 0px 0px -2px -1px;
}

#splashimage {
	position:absolute;
	left: 288px;
	top: -1px;
}

#navigation ul{/*
border-bottom: 1px solid #333333;*/
margin-top:0px;
padding-top:10px;
margin-bottom:10px;
display: inline;
padding-right:0px;
}


#navigation li
{
padding:0px;
margin:0px;
display: inline;
font-size:15px;
list-style-type: none;

color:#003366;
}


#navigation li.last a {
border-right: none;
}

#navigation li.last a:hover {
border-right: none;
background-image:url(../img-wide-bg/bar-over.png);
background-repeat:repeat-x;
border-right: 1px solid #000;

}



#navigation li.last a.current {
border-right: none;
background-image:url(../img-wide-bg/bar-over.png);
background-repeat:repeat-x;
border-right: 1px solid #000;

}


#navigation li a{
margin-bottom:5px;
margin-left: -1px;
margin-right: -1px;
padding-left: 16px;
padding-right: 14px;
border-right: 1px solid #000;
padding-top:10px;
padding-bottom:12px;
text-decoration:none;
color:#ccc;}

.ie #navigation li a{
margin-bottom:10px;
margin-left: -1px;
margin-right: -1px;
padding-left: 16px;
padding-right: 14px;
border-right: 1px solid #000;
padding-top:10px;
padding-bottom:14px;
text-decoration:none;
color:#ccc;}


#navigation li a:hover{text-decoration:none;
background-image:url(../img-wide-bg/bar-over.png);
background-repeat:repeat-x;
}

#navigation li a.current{text-decoration:none;
color:#fff;
background-image:url(../img-wide-bg/bar-over.png);
background-repeat:repeat-x;
}

#navigation {
height:32px;
background-image:url(../img-wide-bg/bar.png);
background-repeat:no-repeat;
 float: left;
 width: 840px;
 color: #ccc;
 padding: 10px 5px 10px 2px; 
 margin: 0px 0px 0px 0px;

}

.ie #navigation {
height:28px;
background-image:url(../img-wide-bg/bar.png);
background-repeat:no-repeat;
 float: left;
 width: 840px;
 color: #ccc;
 padding: 10px 5px 10px 2px; 
 margin: 0px 0px 0px 0px;

}

/*-------- sub nav ------*/ 

 #subnavigation ul {
  list-style:none;}

  #subnavigation li {
    float:left;
    background:url(../img-wide-bg/leftcap.png)
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  #subnavigation a, #subnavigation strong, #subnavigation span {
    display:block;
	text-decoration:none;
    background:url(../img-wide-bg/rightcap.png)
      no-repeat right top;
    padding:5px 15px 8px 6px;
    }




#subnavigation li.current a{


color:#999;
font-weight:bold;


}


#subnavigation li a:hover{text-decoration:none;
color:#999;
}



#subnavigation {
font-size:10px;
padding:0 0 30px 0;
 float: left;
 width: 840px;
 color: #333;
 margin: -8px 0px 0px 11px;
}
/*-------------- */ 


#sticky{margin-left:8px;
margin-top:10px;
padding-right:30px;
padding-bottom:25px;
line-height: 1.5em;
color:#999999;}

#sticky a{
text-decoration:none;
color:#666666;
border-bottom: 1px dotted #666;
}

#sticky a:hover{color:#000000;
border-bottom: 1px dotted #000;
}


#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px 10px 10px 15px;
 width: 580px;
 float: left;

}

#leftcolumn h3
{
border-bottom: 1px solid #CCCCCC;
position: relative;
top: 4px;
font-size: 18px;
font-weight:100;
line-height: 25px;
color: #656551;

padding: 0px 0px px 0px;
margin-bottom: 20px;
}

#leftcolumn h4
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#leftcolumn .content
{
padding: 0px 15px 0px 5px;
margin-bottom: 20px;
}

#leftcolumn .post
{
margin-bottom: 75px;
}

#leftcolumn .post .header
{
position: relative;
}

#leftcolumn .post .date
{
position: absolute;
right: 0px;
top: 0px;
line-height: 35px;
color: #AFAFA4;

}

#leftcolumn .post .content
{
margin-bottom: 0px;
line-height: 1.5em;
border-bottom: 1px solid #CCCCCC;
}

#leftcolumn .post .content-noborder
{
margin-bottom: 0px;
padding-bottom:11px;
line-height: 1.5em;
}

#leftcolumn .post .content a{text-decoration:none; color:#999999;}

#leftcolumn .post .content a:hover{border-bottom: 1px dotted #999;}


#leftcolumn .post .content form input{
border: 1px dotted #999;


}

#leftcolumn .post .content form textarea{
border: 1px dotted #999;


}

#leftcolumn .post .footer
{

position: relative;
top: -10px;
height: 35px;
}

#leftcolumn .post .footer ul
{
list-style: none;
display:inline;
height:10px;
position: absolute;
left: 0px;
bottom: 15px;
}

#leftcolumn .post .footer ul li
{
display: inline;
font-size:9px;
line-height: 14px;
padding-left: 5px;
padding-right:5px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#leftcolumn .post .footer .bordered li
{border-right: 1px solid #656551;
}
#leftcolumn .post .footer ul li a{text-decoration:none; color: #656551;}
#leftcolumn .post .footer ul li a:hover{text-decoration:underline;}
#leftcolumn .post .footer ul li.printerfriendly
{
background-image: url(wp-content/css/images/a41.gif);
}

#leftcolumn .post .footer ul li.comments
{
/* background-image: url('../../img/blogicons/comment.png'); */
}

#leftcolumn .post .footer ul li.readmore
{
background-image: url(wp-content/css/images/a38.gif);
}

#navlist2
{
margin-top:9px;
margin-left:5px;
}

#navlist2 ul
{
list-style-type: none;
text-align: left;

}

#navlist2 ul li 
{
background: transparent url(img/non-active.png) left center no-repeat;
padding-left: 15px;
text-align: left;
line-height: 1.5em;
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
}





#navlist
{
margin-left:4px;
}

#navlist ul
{
list-style-type: none;
text-align: left;
}

#navlist ul li a
{
background: transparent url(img/non-active.png) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #666;
}

#navlist ul li a:hover
{
background: transparent url(img/active.png) left center no-repeat;
color: black;
}

#navlist ul li a#current
{
background: transparent url(wp-content/css/images/list-active.gif) left center no-repeat;
color: #666;
}

#navlist .delicious-tags{padding-left:25px;}

#rightcolumn {
font: normal 9px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
 
 float: right;
 color: #333;
 margin: -25px 0px 5px 0px;
 padding: 10px;
 width: 195px;
 display: inline;
}


.ie #footer {
text-align:right;
background-image:url(../img-wide-bg/footer-wt.png);
background-repeat:no-repeat;

font-size:9px; 

 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:15px 25px 10px 328px;}

#footer {
text-align:right;
background-image:url(../img-wide-bg/footer-wt.png);
background-repeat:no-repeat;

font-size:9px; 

 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding:40px 25px 10px 328px;}
#footer p{
font-size:9px; 
color:#999;
line-height:12px;
border-bottom: 1px solid #999999;
padding-bottom:7px;
}
#footer a{
font-size:9px;
text-decoration:none;
color:#333;}

#footer a:hover{text-decoration:underline;}
#photo-header img{ border:1px solid #000000;}
.photo-header { border:1px solid #000000;}
.photo-header-left { border:1px solid #000000; float:left; margin-right:10px; margin-bottom:10px;}
.photo-header-right { border:1px solid #000000; float:right; margin-left:10px; margin-bottom:10px;}


 #portfolio img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
 }

 #portfolio img:hover {
 background-color:#666666;
 }

.pagebar{float:right;
margin-left:0px;
padding-bottom:10px;
color:#999;}

.pagebar a{

color:#999999;
margin-left:2px;
padding:4px;
background-color:#fff;
text-decoration:none;
border: 1px solid #999;}


.pagebar a:hover{
color:#000000;
margin-left:2px;
padding:4px;
background-color:#CCCCCC;
text-decoration:none;
border: 1px solid #333;}



 #flickr img {

 margin:0 0px 8px 8px;
 background-color:#FFFFFF;
 border:1px solid #000033;
 padding:2px;
width:62px;
 height:62px;
 }

 #flickr img:hover {
 background-color:#666666;
 }
 
 .padded-room-top{padding-top:15px;}
 .button img {padding-top: 5px;}
 .thumbnails-wide{
	margin: 3px;
    padding:1px;
	background-color:#FFFFFF;
    border:1px solid #999;
    }
 .float-right{
width:208px;
padding-left:5px;
float:right;
}

.floatleft{float:left;
padding-right:15px;}
.floatright{float:right;
padding-left:15px;}

 .float-search{
width:208px;
padding-left:5px;
float:left;
}
/* styling of comments - totally ripped off formseveral otehr sites */
.alt {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	
	}
#commentlist ul{
list-style-type:none;
margin-left:0px;
}	
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
padding:20px 10px 5px 10px;
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	text-decoration:none;
	}

.commentlist p {
	padding-top: 10px;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	float:right;
	}

.commentmetadata a{color:#999999;
text-decoration:none;}
/* ligthbox stuff */

#lightbox{
	background-color:#000000;
	padding: 10px;
	border: 1px solid #333;
	}
#lightboxDetails{
color:#CCCCCC;
	font-size: 1.2em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}