/*

Theme Name: Tropicala
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

*/

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

body {
  font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#FFF url(./images/bg.jpg) repeat-x; /* Set background image here */
}

p, h2, h3, h4, h5, h6 {
  font-size:1.2em;
}

img {
  border:0;
}

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

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

/* Blog Title */
h1 {
  font:1.2em 'Trebuchet MS', Arial, Helvetica;
}

h1 a {
  position:absolute;
  width:300px;
  height:0px;
  left:40px;
  top:0px;
  font-weight:bold;
  text-decoration:none;
  color:#006633;
}

/* Pages Navigation */
div#masthead ul {
  float:left;
  margin-left:20px;
  position:relative;
  z-index:2;
  top:180px;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#006633;
  font-weight: bold;
  text-decoration:none;
  display:block;
  font-size:1.3em;
  padding:0px 9px 0px;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
background:#dedede
}

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

a {
  outline:0;
}

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

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

  Main Content

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


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

/* Main header on single pages */
h2.header {
  color:#006633;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  position:relative;
}

h2.blogheader {
  color:#006633;
  font-size:18px;
  padding:10px 0 0 0;
  line-height:1;
  margin:0 0 5px;
  text-align:center;
}

h2.category {
  color:#006633;
  font-size:18px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 0px;
  position:relative;
}

div#main h2.header a {
  color:#006633;
  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;
}

.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;
}


div#homepage {
  padding:35px 0px 20px 20px;
  width:700px;
  text-align:justify;
}

h2.header {
  font-size:24px;
  color:#006633;
  padding:10px 0 10px;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  text-align: center 
}

div#homepage h2.header a {
  color:#006633;
  text-decoration:none;
}

h6.header span {
  text-align: center 
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

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

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

div#homepage a {
  color:#666;
  text-decoration:underline;
}

div#homepage a:hover {
  color:#006633;
  text-decoration:bold;
  text-decoration:underline;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  padding:1px 15px;
}

.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;
}

#homepage 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;
}


div#otherpage {
  padding:35px 20px 20px 20px;
  width:350px;
  float:left;
  text-align:justify;
}

/* Main header on single pages */
h2.header {
  color:#006633;
  font-size:18px;
  padding:0px 0 10px;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  position:relative;
}

div#otherpage h2.header a {
  color:#006633;
  text-decoration:none;
}

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

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

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

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

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
}

.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;
}

#otherpage 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;
}

div#aboutpage {
  padding:35px 30px 20px 30px;
  width:500px;
  float:left;
  text-align:justify;
}

/* Main header on single pages */
h2.header {
  color:#006633;
  font-size:18px;
  padding:0px 0 10px;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  position:relative;
}

div#aboutpage h2.header a {
  color:#006633;
  text-decoration:none;
}

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

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

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

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

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
}

.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;
}

#aboutpage 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;
}

div#biopage {
  padding:35px 20px 20px 20px;
  width:390px;
  float:right;
  text-align:justify;
}

/* Main header on single pages */
h2.header {
  color:#006633;
  font-size:18px;
  padding:0px 0 10px;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  border-top:1px solid #e7e7e7;
  position:relative;
}

div#biopage h2.header a {
  color:#006633;
  text-decoration:none;
}

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

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

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

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

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
}

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

.article ul li {
  margin:5px 0;
  padding-right: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;
}

#biopage 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;
}

div#homepage1
{
position:relative;
overflow : auto;
height : 350px;
width : 85%;
padding : 15px;
border : 1px solid #e7e7e7;
margin-bottom : 2px;
}

div#homepage2
{
overflow : auto;
height : 250px;
width : 85%;
padding : 15px;
border : 1px solid #e7e7e7;
margin-bottom : 2px;
}

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

  Secondary Content

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

div#secondary {
  float:left;
  width:320px;
  padding:45px 0px 0px 15px;
  color:#006633;
}

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

div#secondary ul#sidebar li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary h2 {
  text-transform:uppercase;
  color:#006633;
  margin:20px 0 8px;
  font-size:1.5em;
  line-height:1;
}

div#secondary a {
  color:#666;
  text-decoration:none;
}

div#secondary a:hover {
  color:#006633;
  text-decoration:bold;
  text-decoration:underline;
}

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

div#secondary ul#sidebar li li {
  font-size:1em;
}

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

div#secondary2 {
  float:left;
  width:150px;
  padding:45px 0px 0px 15px;
  color:#006633;
}

div#secondary2 ul#sidebar2 {
  margin:15px 0 20px;
  color:#006633;
  padding-bottom:10px;
}

div#secondary2 ul#sidebar2 li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary2 h2 {
  text-transform:uppercase;
  color:#006633;
  margin:20px 0 8px;
  font-size:1.5em;
  line-height:1;
}

div#secondary2 a {
  color:#666;
  text-decoration:none;
}

div#secondary2 a:hover {
  color:#006633;
  text-decoration:bold;
  text-decoration:underline;
}

div#secondary2 ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary2 ul#sidebar2 li li {
  font-size:1em;


}

/* Optional bio area header (commented out by default) */
div#author h2 {

  font-size:1.2em;
}


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

div#secondary3 {
  float:right;
  width:310px;
  padding:45px 0px 0px 25px;
  color:#006633;
}

div#secondary3 ul#sidebar3 {
  margin:15px 0 20px;
  color:#006633;
  padding-bottom:10px;
}

div#secondary3 ul#sidebar3 li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary3 h2 {
  text-transform:uppercase;
  color:#006633;
  margin:20px 0 8px;
  font-size:1.5em;
  line-height:1;
}

div#secondary3 a {
  color:#666;
  text-decoration:none;
}

div#secondary3 a:hover {
  color:#006633;
  text-decoration:bold;
  text-decoration:underline;
}

div#secondary3 ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary3 ul#sidebar3 li li {
  font-size:1em;
}

/* Optional bio area header (commented out by default) */
div#author h2 {




  font-size:1.2em;
}

div#secondary3 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:156px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  right:0;
}

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

  Footer

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

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

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

.entry img {
	margin: 10px 10px 0 0;
	padding: 5px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.postmetadata img {
	border: none;
	margin: 0 0 -3px 0;
	padding: 0;
	}
				
img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 

	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 

	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.alignleft,
div.alignleft {
   float: left;
   margin: 10px 10px 5px 0;
}

.alignright,
div.alignright {
   float: right;
   margin: 10px 0 5px 10px;
}

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