/*

Theme Name: Tropicala
Description: Simple, modern, lightweight
Version: 1.5
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

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font:10px Arial, Helvetica, Geneva, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#fff url(./images/background.jpg) top left no-repeat fixed; /* Set background image here */
}


p, h2, h3, h4, h5 {
  font-size:12px;
  color:#888;
}

*::selection {
  color: #fff;
  background: #c4a075;
}

*::-moz-selection {
  color: #fff;
  background: #c4a075;
}

a {
  outline:0;
  text-decoration:none;
  color:#c4a075;
}

a:hover, a:active {
  color:#917042;
}

img {
  border:0;
}

div#wrapper {
  width:768px;
  padding-top:8px;
  margin:20px auto 0;
  background:url(./images/top.png) no-repeat;
}

div#masthead {
  width:768px;
  background:url(./images/main_bg.png) repeat-y;
  position:relative;
  padding-top:10px;
}

#anzeige {
  width:468px;
  height:60px;
  text-align:left;
  background:url(./images/werbungskiste.gif) no-repeat 1px 1px #f4f4f4;
  position:relative;
  padding:1px;
  padding-left:10px;
  white-space:nowrap;
  margin-top:37px;
  margin-bottom:20px;
}

/* Blog Title */

h1 a {
  position:absolute;
  text-align:center;
  width:748px;
  height:95px;
  left:20px;
  top:10px;
  font-weight:bold;
}

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

/* Pages Navigation */

/* Banner image dropshadow */
div#masthead_image {
  background:url(./images/image_bg.png) center no-repeat;
  width:724px;
  height:148px;
  clear:both;
  padding:8px 22px;
  position:relative;
  z-index:1;
}

/* Page dropshadow */
div#content {
  width:768px;
  background:url(./images/main_bg.png) repeat-y;
}

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

  Main Content

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

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

.more {
  font-family: Georgia, Garamond, Times, "Times New Roman", serif;
  top:-0.5em;
  position:relative;
}

/* Main header on single pages */
h2.header {
  font-family: Georgia, Garamond, Times, "Times New Roman", serif;
  font-size:20px;
  padding:5px 0 0;
  line-height:1;
  margin:0 0 10px;
  border-bottom:1px dotted #D0D0D0;
  position:relative;
}

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

/* Secondary headline above comments and comment form */
div#main h3 {
  font-family: Georgia, Garamond, Times, "Times New Roman", serif;
  font-size:12px;
  margin:5px 0 5px;
}

div#main p {
  color:#6b6b6b;
  line-height:1.4em;
  margin:7px 0;
  text-align:justify;
}
small {
  color:#aaa;
  line-height:1.2em;
}

.entry {
	padding-top:5px;
}

.article {
  margin-top:10px;
  margin-bottom:30px;
}

blockquote {
  line-height:1.4em;
  background:#F8F8F8;
  border:1px dotted #D0D0D0;
  border-left:5px solid #D0D0D0;
  padding:0px 8px;
}

.quoteme {
  line-height:1.4em;
  background:#F8FFF8;
  border:1px dotted #C8D8C8;
  border-left:5px solid #C8D8C8;
  padding:0px 8px;
}

.article ul, .article ol {
  font-size:12px;
  line-height:1.4em;
  color:#6b6b6b;
}

.article ul li {
padding: 0;
margin: 0;
}

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

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

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

ul.article_footer, ul.article_footer_single {
  text-align:right;
  border-top:1px dotted #D0D0D0;
  border-bottom:1px dotted #D0D0D0;
  line-height:1.2em;
  padding-bottom:1px;
}

ul.article_footer {
  margin:0 0 20px;
}

ul.article_footer_single {
  margin:15px 0 5px;
}

ul.article_footer li, ul.article_footer_single li {
  font-family: Georgia, Garamond, Times, "Times New Roman", serif;
  font-size:10px;
  display:inline;
  color:#aaa;
  background:none;
  border-left:1px solid #DFDFDF;
  margin-left:6px;
  padding-left:8px;
}

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

.avatar {
  float: left;
  margin: 0 5px 0 0;
}

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

  Secondary Content

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

div#secondary {
  margin-top: -25px;
  padding:0 20px 20px 0;
  width:200px;
  float:right;
}

div#secondary ul#sidebar {
  margin:0 0 10px 0;
  color:#666;
  padding-bottom:10px;
}

div#secondary ul#sidebar li {
  font-size:12px;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary h2 {
  font-family: Georgia, Garamond, Times, "Times New Roman", serif;
  font-size:12px;
  margin:20px 0 0;
  line-height:1.5em;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
}

div#secondary ul#sidebar li li {
  font-size:12px;
}

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

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

/* Search input */
#suchformular {
  position: relative;
  top: -13px;
  z-index:999999;
}

form.searchform {
  position:relative;
  height:17px;
  margin-bottom:20px;
}

form.searchform input#s {
  position:absolute;
  top:0;
  height:17px;
  width:175px;
  padding:2px;
  padding-bottom:0px;
  color:#ccc;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size:12px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #ccc;
}

input.search_submit {
  position:absolute;
  left:160px;
}

.commentinput {
/*  position:relative; */
  height:17px;
  width:157px;
  padding:1px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #ccc;
  color:#999;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size:12px;
}

.commenttextarea {
/*  position:relative; */
  height:100px;
  width:488px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #ccc;
  color:#999;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size:12px;
}


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

  Footer

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

ul#footer {
  height:8px;
  width:768px;
  margin:0 auto 15px auto;
  background:url(./images/bottom.png) no-repeat;
  text-align:center;
  font-size:10px;
  color:#686868;
  padding:10px 0;
}

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

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

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

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

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

ol.commentlist {
  margin-top:10px;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F8F8F8;
  padding:10px;
  margin:20px 0;
  border:1px dotted #D0D0D0;
  border-width:1px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#F8F8F8;
  border:1px dotted #D0D0D0;
  border-width:1px 0;
}

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

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

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

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

body#commentspopup textarea {
  width:340px;
}

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

.alignleft {
  float: left;
  width: auto;
}

.alignright {
  float: right;
  width: auto;
}

.wp-caption {
  border: 1px dotted #D0D0D0;
  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;
  border-top:1px dotted #D0D0D0;
}

p.disclaimer_foot {
  clear:both;
}

div.navigation {
  margin:15px 0 0 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 */