/*

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. */
  /* Set background image here */
  margin:0px auto;  	
	width:1004px;
	border:0px solid red;
	background-color:#e7e7e7;
}

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

img {
  border:0;
}

div#wrapper {
 width:850px;
  padding-top:8px;
  margin:0px auto 0;
   background-color:#fff;
   border:0px solid red;
  
}

div#masthead {
  width:850px;
 
  position:relative;
  border:0px solid red;
}

/* Blog Title */
h1 {
  font:3.2em 'Trebuchet MS', 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:40px 20px 18px;
}

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 */
div#masthead_image {
  
  width:850px;
	height:35px;
  clear:both;
  padding:2px 0px;
  position:relative;
  z-index:1;
}

a {
  outline:0;
}

/* Page dropshadow */
div#content {
  width:850px;
  margin:0px auto; 
	border:0px solid red;
	
}

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

  Main Content

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

div#main {
  padding:0 20px 0px;
  width:600px;
  float:left;
  border:0px solid red;

 
  
}

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

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

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

div#secondary {
  padding:15px 0px 0px 0;
  width:200px;
  float:left;
  border:0px solid red;
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#507fa3;
  padding-bottom:10px;
  border-bottom:1px solid #e7e7e7;
}

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

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:850px;
  margin:0 auto;
  background:#fff;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;
  border:1px solid red;
}

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

#footer
{
	margin:0 auto;
	background-image: url('/images/bottombg.gif');
	height:28px;
	border:1px solid #e6e6e6;
	width:820px;
	
	
}
.bottomlink
{
	padding-top:10px;padding-right:20px;padding-left:15px;text-align:center;	vertical-align:middle;
	color:#000;font-family:Verdana;font-size:10px;font-weight:normal;text-decoration:none;
}

#footer a
{
	text-decoration:none;
	color:#000;
}

#footer a:hover
{
	text-decoration:underline;
	color:#005688;
}
/*-----------------------------------------------------------------------------

  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 */
.mainheader
{
	width:850px;		
	margin:0px auto; 
	border:0px solid red;
	
	background-color:#fff;
}

#header
{
	width:820px;		
	margin:0 auto; 
	padding:0px;
	background-image:url('/images/topbg.gif');
	height:140px;
	border:0px solid red;
}
#headerlogo
{
	float:left;	
	margin:30px 0 0 10px;
	padding:0px;
	width:810px;
	border:0px soild red;
	height:25px;
}
#header1
{
	float:right;		
	border:0px solid red;
	vertical-align:middle;
	color:#81817f;
	font-family:Arial Verdana;
	font-size:16px;
	font-weight:bold;
	width:815px;
	height:30px;
	text-align:right;
	padding-right:5px;
	
}
#header2
{
	width:820px;border:0px solid red;height:36px;padding:0px;margin:0px auto; float:left;	
}
 
 #headerRightimages
{
	float:left;			
	border:0px solid red;	
	height:35px;	
	padding:0px;
	width:670px;
	text-align:left;
	background-image: url('/images/rightwhitebg.gif');
 }

 #dropdown
 {
	width:189px;
	background-image:url('/images/navbg.gif');
	line-height:35px;
	background-repeat:repeat; 
	height:32px;
	text-align:center;
	vertical-align:middle;
	padding-top:3px;
	line-height:28px;
}
.imagespace
 {
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	vertical-align:middle;
	border:0px;
}
/* Nav */

#menu_containerTopNav {margin:0px auto; border: red 0px solid; width:820px;  font-weight: normal;padding:0px;background:url(/images/topnav_bg.jpg) repeat-x;height:35px;}
/*#menu_container {margin:0px 0 0px 0px; border: red 0px solid; width:900px;  height:24px; float:right;padding:0px;z-index:10000;}*/

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenuTopNav, #pmenuTopNav ul {padding:0; margin:0; list-style-type: none;float:left;text-align: center;font-weight: bold; }

/* Set up the link size, color and borders  style = "width:120px;" */
#pmenuTopNav a, #pmenuTopNav a:visited {display:block;  font-size:13px; font-weight: normal; color: #fff; height:35px; line-height:33px; 
	text-decoration:none; border:1px solid #d6ebf7; border-width:0px 0 0px 0px;
	font-family: verdana; text-transform:none;text-indent:5px;
}

/* Set up the sub level borders */
#pmenuTopNav li ul li a, #pmenuTopNav li ul li a:visited {border-width:0 1px 1px 1px;text-align:left;font-weight: normal;}
#pmenuTopNav li a.enclose, #pmenuTopNav li a.enclose:visited {border-width:0 1px 0px 0px; }

#pmenuTopNav li a.encloseHome, #pmenuTopNav li a.encloseHome:visited {border-width:0 1px 0px 0px;border-color:#fff }
#pmenuTopNav li a.encloseContactUs, #pmenuTopNav li a.encloseContactUs:visited {border-color:#fff }


/* Set up the list items background: url(../images/navbg.jpg) repeat-x; background: url(../images/navbg.jpg) repeat-x;;*/
#pmenuTopNav li {float:left;font-weight: bold;background-image: url('/images/navbg.gif'); border:0px solid red;border-color:#fff }

/* For Non-IE browsers and IE7 */
#pmenuTopNav li:hover {position:relative;}

/* Make the hovered list color persist */
#pmenuTopNav li:hover > a {background-image: url('/images/navbg.gif'); background-repeat:repeat; color: #d6ebf7;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenuTopNav li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenuTopNav li:hover > ul {display:block; position:absolute; top:-10px; left:80px; padding:10px 30px 30px 30px; 
	background:transparent url(/images/spacer.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenuTopNav > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenuTopNav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenuTopNav li a:hover {position:relative; background-image:url(../images/navbg.gif) ; background-repeat: repeat-x;  color: #73880a;}

/* For accessibility of the top level menu when tabbing */
#pmenuTopNav li a:active, #pmenuTopNav li a:focus {background-image: url('/images/navbg.jpg') ; background-repeat: repeat-x;  color: #d6ebf7;}

/* Set up the pointers for the sub level indication */
#pmenuTopNav li.fly {background-image: url('/images/navbg.jpg') ; background-repeat: repeat-x;}
#pmenuTopNav li.drop {background-image: url('/images/navbg.jpg') ; background-repeat: repeat-x;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenuTopNav li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; 
	background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenuTopNav li a:hover ul ul{visibility:hidden;}

/* keep the fourth level+ hidden when you hover on second level link */
#pmenuTopNav li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenuTopNav li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenuTopNav li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenuTopNav li a:hover ul {
visibility:visible; left:-30px; top:14px; left:-31px; top:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenuTopNav li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:120px;
}
/* make the fourth level visible when you hover over third level link */
#pmenuTopNav li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenuTopNav li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenuTopNav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */