/*

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: 75% Arial,Times New Roman,serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#FFF url('./images/background.gif') repeat-x; /* Set background image here */
}

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

img {
  border:0;
}

div#wrapper {
  width:1070px;
  padding-top:2px;
  margin:3px auto 0;
}

div#masthead {
  width:1070px;
	height: 100px;
  background: url('./images/logo.gif')left top no-repeat;
  position:relative;
}
div#main {
  width:860px;
	float: left;

}
div#main1 {
  width:1100px;
	float: left;

}
div#lefttop {
  padding: 5px 4px 5px 0px;
	width: 215px;
	float: left;
	margin:0px auto 0;
	}
div#righttop {
  padding: 5px 0px 4px 5px;
	width: 750px;
	height:100px;
	float: right;
	margin:0px auto 0;
	}
	
div#left {
  padding: 1px 4px 5px 10px;
	width: 860px;
	float: left;
	margin:0px auto 0;
	}
div#right {
  padding: 1px 0px 5px 4px;
	width: 200px;
	float: left;
	margin:0px auto 0;
	}
	div#contests {
width:1050px;
padding-top:3px;
padding-bottom:10px;
float:left;
}
	div#contests1 {
width:1050px;
padding-top:3px;
padding-bottom:10px;
float:left;
}
div#categories {
width:500px;
padding-top:3px;
padding-bottom:10px;
float:left;
}

div#category {
  width: 175px;
  padding-top: 10px;
	border-left: 1px #333333 dotted;
	float:left;
 }
 
.deadline
{
font: Arial, Helvetica, Sans-serif;
color: #333333;
font-weight: bold;
font-size:13px;

height:20px;
width:140px;
}
.posted
{
font: Arial, Helvetica, Sans-serif;
color: #333333;
font-weight: bold;
font-size:13px;

height:20px;
width:120px;
}
.arrow {
height:20px;
}
.contestbox
{
font: Arial, Helvetica, Sans-serif;
color: #006633;
font-weight: normal;
font-size:13px;

height:20px;
width:320px;
}


.grandprize
{
font: Arial, Helvetica, Sans-serif;
color: #006633;
font-weight: strong;
font-size:13px;

height:20px;
width:250px;
}
.totalprize
{
font: Arial, Helvetica, Sans-serif;
color: #006633;
font-weight: strong;
font-size:13px;

height:20px;
width:320px;
}


	.metainfo
	{
	border: 1px #333333 solid;
		font-weight:bold;	
	
	}
	.metadata
	{font-weight:normal;
	font-size:.9em;
		}
div#ad{
  padding: 1px 0px 3px 3px;
	margin:0px auto 0;
	float:left;
	width:200px;
	}
div#weekly {
  padding-top: 2px;
	padding-left: 5px;
float:left;
	width:190px;
	}
	

div#newsletter
	{	
	font: Arial, Helvetica, sans-serif;
  font-size:1.6em;
	font-weight:bold;
  color:#285495;
	text-align:justify;
	padding-left:14px;
	padding-top:15px;
	padding-bottom:10px;
	float: left;
	width: 500px;	
	border-bottom: 1px #333333 dotted;
	}			
div#list{
float:left;
width:150px;
padding-right:10px;
padding-left:30px;
padding-top:10px;
}
div#email {
float:right;
padding-top:15px;
width:300px;
font-size:.8em;
}



 div#homeposts {
  float:left;
	width: 960px;
 }

/* Blog Title */
h1 {
  font:3.2em  Arial, Helvetica;
}

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

/* 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;
  z-index:2;
  bottom:-2px;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding: 3px 15px 3px 15px;
}

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

/* Banner image dropshadow */


a {
  outline:0;
}

div#content {
  width:960px;
}


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

  Main Content

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



/* Main header on single pages */


.categoryheader {
  width: 200px;
	height: 100px;
	padding-left: 400px;
	margin-top: 50px;
	}

h2.header {
  color:#4C4C4C;
  font-size:20px;
  padding:3px 0 0;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  position:relative;
}

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

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

h2.header span {
  position:relative;

  padding-right:10px;
  bottom:-1px;
}
h2.headersmall {
  color:#4C4C4C;
  font-size:12px;
  padding:1px 0 0;
  line-height:1;
  margin:0 0 1px;
  position:relative;
}

div#main h2.headersmall a {
  color:#0066cc;
  text-decoration:none;
}

div#main1 h2.headersmall a {
  color:#0066cc;
  text-decoration:none;
}

h2.headersmall span {
  position:relative;
  background:#FFF;
  padding-right:10px;

}
/* Secondary headline above comments and comment form */
div#main h3 {
 font-size:22px;
  margin:15px 0 5px;
  color:#336699;
}

div#main h4 {
 font-size:14px;
  margin:1px 0 2px;
  color:#507FA3;
}
div#main1 h3 {
  margin:3px 0 5px;
  color:##4C4C4C;
}

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

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

.article {
  margin-bottom:1px;
  border-bottom: 1px solid #cccccc;
}

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

.article ul, .article ol {

  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
	list-style-type:bullet;
	
}

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

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

.article ol li ol {

  margin-left:15px;
}

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

ul.article_footer {
  text-align:left;
  margin:10px 0;
  
  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;
 
  margin-left:5px;
  padding-left:10px;
}

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

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

  Secondary Content

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

div#secondary {
  padding:5px 0px 5px 0px;
  width:200px;
	height:600px;
  float:left;
	  border-right: 1px dotted #DADADA;
		margin-right:5px;
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#507fa3;
  padding-bottom:10px;
	padding-right: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:#507fa3;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
	text-align:center;
}

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

div#secondary a:hover {
  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;
}

/* 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:600px;
  margin:0 auto;
 
  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 {
  padding:10px;
  margin:10px 0;
}

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

textarea#comment {
  width:400px;
}

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

  /*text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;*/
.toptext
{ font:  Arial, Helvetica, sans-serif;
  font-size:1.7em;
  color:#333333;					
	}
	
	.topheader
{ font: Arial,Times New Roman,serif;
 border-bottom:1px solid #EAEAEA;
border-top:1px solid #EAEAEA;
height:25px;
padding-top:3px;
  font-size:1.5em;
  color:#333333;
	font-weight:bold;
								
	}
	
	
.search
{ font:  Arial, Helvetica, sans-serif;
  font-size:1.6em;
	font-weight:bold;
  color:#333333;
	text-align:center;
	padding-top:3px;
	padding-left:10px;
	float:left;					
	}

.search a
{font:  Arial, Helvetica, sans-serif;
  font-size:.7em;
  color:#333333;
	text-align:center;
		text-decoration: none;		
		font-weight:normal;				
	}
	.search a:visit
{ font:  Arial, Helvetica, sans-serif;
  font-size:.7em;
  color:#333333;
	text-align:center;	
	font-weight:normal;		
		text-decoration: none;						
	}
	
	.search a:hover
{font:  Arial, Helvetica, sans-serif;
  font-size:.7em;
  color:#333333;
	text-align:center;
	font-weight:normal;		
	text-decoration: underline;			
	}
	
	
	
	
	.intro
{ font:   Arial, Helvetica, sans-serif;
  font-size:1.3em;
  color:#333333;
	text-align:justify;
	padding-left:14px;
	padding-top:15px;
	float: left;
	width: 340px;
		}

	.newsletterlist ul li { 
	  text-align: left;
		font-size:.8em;
	  color:#333333;
		list-style: circle;
	}

.topic{
  font-size:1.2em;
  color:#333333;

	}
	
	.post-meta-key {
	font-weight: bold;
	}
	
	.headerfeatured {
	font-size:1.6em;
	  color:#333333;
	 height:30px;
	 }
 .sideheader {
border-bottom:1px solid #EAEAEA;
border-top:1px solid #EAEAEA;
color:#4C4C4C;
font-size:14px;
padding:8px 0;
text-align:center;
text-transform:uppercase;
}	
<!--
/* comments */
/* ------------------------------------- comment area  */
.nocomments {display:none;}
h3#comments {
	background: url(../images/icons/comment.png) no-repeat 0px 6px;
	padding-left: 20px;
	
	clear: both;
}
#respond h3 {
	background: url(../images/icons/edit.png) no-repeat 0px 6px;
	padding-left: 20px;
	margin: 20px 0px 0px;
	clear: both;
}
/* commentform */
#commentform { margin-top: 10px; }
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	font-size: 90%;
}

#commentform input {
	padding: 5px;
}
#commentform textarea {
	width: 300px;
	height: 75px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #999;
}

/* comment list */
.commentlist {
	margin: 10px 0px;
	padding-left: 45px;
	line-height: 130%;
	
	font-family: helvetica, arial, sans-serif;
}
.commentlist li{
	padding: 5px 10px;
	
}
.commentlist ul.children {list-style-type: none;margin: .7em;}
.commentlist ul.children .even {background:#fff;}
.commentlist .alt {
	background: #F4F4F4;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}

img.avatar {  float: right;  margin: 5px;  }
.commentlist .comment-meta {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist .comment-meta  a{
	color: #999999;
}

-->