/*

Theme Name: custom
Description: Simple, modern, lightweight
Version: 1.3
 Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!
 
To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 
The dropshadows are in the background CSS, not the image.

v1.1 - changed license to GPLv3
v1.2 - added comments and removed some blank elements from stylesheet
v1.3 - added license.txt (Apparently some people don't read this stylesheet), added link back to the theme's page at Wordpress.org
  
*/



body {  
  background:#a9896b;
  margin-top: 0;
  margin-bottom: 0;
  margin: 0;
  margin-left: 0px;
  font-family: Arial, Georgia, 'Times New Roman', serif; 
  font-size: 11px; 
  letter-spacing: 0px; 
  line-height: 1.5em;
  text-align:left;
  color:#808080;
  border=0;
  }
a:link {
  color:#AFC1C3;
  text-decoration:none;
  font-weight:bold;
  }
a:visited {
  color:#AFC1C3;
  text-decoration:none;
  font-weight:bold;
  }
a:hover {
  color:#738B8D;
  text-decoration:none;
  font-weight:bold;
  }
a img {
  border-width:0;
  border:0px #ffffff;
  padding-right: 0px;
 }

/* Blog Title */
h1 {
  font:3.2em 'Trebuchet MS', Arial, Helvetica;
}
h1 a {
  position:absolute;
  width:300px;
  left:40px;
  top:5px;
  text-decoration:none;
  color:#ff7e00;
}
h2 {
  margin:1.5em 0 .75em;
  width:125px;
  font:1.0em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight: bold;
  color:#4A4E50;
  border-bottom: 1px dotted #ececec;
  }

div#wrapper {
  background:#ffffff;
  width:960px;
  padding-top:0px;
  margin:0px auto 0;
  
}

div#masthead {
  width:960px;
  position:relative;  
  border:0px solid #e7e7e7;
  border-bottom:0px;
  margin:0px auto 0;
  padding:8px 0px;
 // margin-bottom:20px;
}
				
.date { /* date & author */
  color : silver;
  float:left;
  line-height:2.3em;
  margin:0em 0 0px 5px;
  padding-right:5px;
  border-right:1px solid silver;
  font-size:.8em;
  text-align:center;
  position:relative;
  right:0;
}
.date_month {
  display:block;
  font-size:3em;
  text-align:right;
}
				
.date_day {
  display:block;
  font-size:3em;
  text-align:right;
  font-weight:bold;
}
				
.date_year {
  display:block;
  font-size:1.4em;
  line-height:.9em;
}

/* Tagline */
#masthead p {
  position:relative;
  margin:0;
  //top:62px;
  //left:50px;
  color:#888;
}

/* Pages Navigation */
div#masthead ul {
  float:right;
  margin-right:22px;
  position:relative;
  bottom:-11px;
}

div#masthead ul li {
  list-style-type: none;
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:0px 20px 18px;
  font-weight:normal;
}
div#masthead ul li a:visited {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:0px 20px 18px;
  font-weight:normal;
} 
div#masthead ul li a:link{
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:0px 20px 18px;
  font-weight:normal;
} 
/* Banner image dropshadow */
div#masthead_image {
  height:175px;
  clear:both;
  //position:relative;
}

div#masthead ul li a:hover{
  font-weight:bold;
  background:url(./images/nav_bg.png) bottom repeat-x;

}
div#masthead ul li.current_page_item {
  background:url(./images/nav_bg.png) bottom repeat-x;
}



a {
  outline:0;
}

/* Page dropshadow */
div#content {
  width:960px;
  background:url(./images/bodybg.png) repeat-y;
  border:0px solid #e7e7e7;
  border-width:0 0px;

}

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:0px dotted #E6E1DE;
  padding-bottom:1.5em;
  }

.post-title {
  margin:1.5em 0 .75em;
  font:1.0em "Trebuchet MS",Trebuchet, Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight: bold;
  color:#4A4E50;
  border-bottom: 1px dotted #ececec;
  text-decoration: none; 
  }
.post-excerpt {
        font-family: Georgia, serif;
        font-size: 22px; 
        line-height: 30px;
        color: #595959;
	background: #FFF url(quote.gif) no-repeat;
}
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  color: #4A4E50;
  text-decoration:none;
  font-weight: bold;
  }
.post-title strong, .post-title a:hover {
  color:#000000;
  font-weight: bold;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#000000;
  padding-bottom: 7px;
  padding-top: 3px;
  border-top: 1px dotted #ececec;
  border-bottom: 1px dotted #ececec;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#808080;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  border-color: #999999; 
  border-style: solid; 
  border-width: 1px;  
  padding: 10px;
  }
.post blockquote {
	background-color: #f1f1f1;
	margin: 0 20px;
	padding: 0 20px;
        border-left: 1px dotted #ececec;



  }
.post blockquote p {
  margin:.75em 0;
  }

div#main {
  padding:0 20px 20px;
  width:700px;
  float:left;
}

/* Main header on single pages */
h2.header {
  margin:1.5em 0 .75em;
  font:1.0em "Trebuchet MS",Trebuchet, Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight: bold;
  color:#4A4E50;
  border-bottom: 1px dotted #ececec;
  text-decoration: none; 
}

div#main h2.header a {
  color:#ff7e00;
  text-decoration:none;
}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

/* Secondary headline above comments and comment form */
div#main h3 {
  margin:15px 0 5px;
  color:#ff7e00;
}

div#main p {
  color:#6b6b6b;
  line-height:2;
  margin:10px 0;
}

div#main a {
  color:#507FA3;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:10px 0;
  background:#F1F1F1;
  padding:5px 10px;
  border:1px solid #DADADA;
  border-width:1px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #DADADA;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left:0;
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/
#sidebar {
  width:200px;
  margin-top: .5em;
  float:left;
  text-align: justify;
  }

#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  padding-bottom: 15px;
  border-bottom:0px dotted #E6E1DE;
  text-align: justify;
  list-style:none;
  }
#sidebar li {
  margin-left:0px;
  padding:0px 0px .25em 0px;
  text-indent:0px;
  line-height:1.5em;
  list-style:none;
  }
#sidebar p {
  color:#5B5B5B;
  line-height:1.5em;
  }



/* Optional bio area header (commented out by default) */
div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

/* Search input */
form#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:120px;
  padding:5px;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  left:120px;

}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {
  height:8px;
  width:960px;
  margin:0 auto;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;
  border-top:1px solid #e7e7e7;
}

ul#footer li {
  display:inline;
  margin-left:10px;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#686868;
  text-decoration:none;
}

/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#EBF9FC;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */