/* CSS Document */

html, body {
font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
	color:#333;
	background-color:#EEEEEE;
	margin: 0;
	padding: 0;
	
	}
	
		  
 


/* Header
----------------------------------------------- */
@media all {

#header {
	height: 80px;
	width: auto;
	background-color: #D6D6D6;
	border-bottom: 1px solid;
	border-color: darkgray;
	}
	
#titlewrapper {
 float: left;
 margin-top: 20px; 	
 	font-size:24px;
	padding-left: 20px;
	color: white;
	  }	
	  
#titlewrapper a {text-decoration: none; color: #696969}	  
#titlewrapper a:hover {text-decoration: none; }
#titlewrapper a:visited {text-decoration: none;}

#leftsidebar a {text-decoration: none; color: #696969}	  
#leftsidebar a:hover {text-decoration: none; background-color: #D6D6D6}
#leftsidebar a:visited {text-decoration: none;}

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

#searchwrapper {
height: 40px;
float: right;
margin-top: 50px;
	
}
 }

 

/* Content
----------------------------------------------- */
@media all {

  #leftsidebar {
    width:10%;
float:left;
padding-right:45px;
padding-top: 50px;
text-align: right;
		
	    }
		
	 #main {
  
width:40%;
float:left;
padding-top:25px;
	}
 
		
	#rightsidebar{
width:60px;
float:left;
background:#eeeeee;
padding-bottom:10px;
padding-left: 60px;
margin-top: 50px;
clear: none;
	}


	
  }
@media handheld {

  #main {
    width:60%;
    float:none;
	
    }
  #leftsidebar {
    width:40%;
    float:none;
    }
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em verdana, arial, helvetica, sans-serif;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    color:#000000;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #357;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#696969;
  }
.post-title a {
  text-decoration:none;
  color:#696969;
  }
.post-title a:hover {
  color:#000000;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#357;
  }
.post-footer em, .comment-link {
  font:78%/1.4em verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#579;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#579;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em verdana, arial, helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {

  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
.leftsidebar-title {
  color:#579;
 
  }
#leftsidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
line-height:1.2em;
  list-style:none;
  }
#leftsidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.7em;
  }
#leftsidebar p {
  line-height:1.2em;
  }



/* Gallery Content
----------------------------------------------- */
.thumb {
float: left;
margin: 7px;
height: 90px;
width: 85px;
padding: 3px;
text-align: center;
border: 1px dotted darkgray;

}


#footer  {
height: 50px;
float: left;
padding-left: 150px;
width: 100%;
}