/*

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 {
	margin: 0;
	color: #666;
	min-width: 977px;
	background: #fff;
	font: 11px verdana, geneva, sans-serif;
}

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

img {
  border:0;
}

div#wrapper {
  width:768px;
  padding-top:8px;
  margin:25px 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: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 {
  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;
 

}
.wrap-content-3 {
	width: 905px;
	padding: 25px 16px 8px 13px;
	height:auto;
}
.wrap-content-3 h2 {
	color: #333;
	font-size: 24px;
	margin: 0 0 14px;
	line-height: 26px;
}

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

 main site CSS

-----------------------------------------------------------------------------*/
/* page */
#page {
	width: 977px;
	margin: 0 auto;
}
.wrap-page-1 {
	width: 100%;
	background: url("/images/mid-1.gif") repeat-y;
}
.wrap-page-2 {
	width: 941px;
	padding: 0 18px 36px;
	background: url("/images/bot-1.gif") no-repeat 0 100%;
}

/* header */
#header {
	z-index:5;
	width: 941px;
	height: 151px;
	position: relative;
	background: url("/images/bg-header.gif") no-repeat 100% 0;
	padding:0;
}
/* logo */
#header h1 {
	top: -7px;
	left: -22px;
	margin: 0;
	position: absolute;
}
#header h1 a {
	width: 356px;
	height: 79px;
	display: block;
	overflow: hidden;
	text-indent: -12000px;
	background: url("/images/logo.gif") no-repeat;
}
#header strong {
	top: 27px;
	right: 18px;
	position: absolute;
	font: bold 20px/22px helvetica, arial, sans-serif;
}
/* main-nav */
#header ul {
	top: 93px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 925px;
	list-style: none;
	position: absolute;
	padding: 0 0 0 16px;
	background: url("/images/main-nav-1.gif") repeat-x;
}
#header ul li {
	float: left;
	padding: 0 44px 0 0;
}
#header ul li a {
	height: 38px;
	display: block;
	position: relative;
	text-indent: -12000px;
}
#header ul li a.n-search {width: 210px;background: url("/images/nav-1.gif") no-repeat;}
#header ul li a.n-how {width: 132px;background: url("/images/nav-2.gif") no-repeat;}
#header ul li a.n-articles {width: 91px;background: url("/images/nav-3.gif") no-repeat;}
#header ul li a.n-newswire {width: 91px;background: url("/images/nav-3b.gif") no-repeat;}
#header ul li a.n-resources {width: 113px;background: url("/images/nav-4.gif") no-repeat;}
#header ul li a:hover,
#header ul li.active a {background-position: 0 -38px;}




/* header homepage only */
#header_home {
	z-index: 10;
	width: 941px;
	height: 225px;
	position: relative;
	background: url("/images/bg-header-home.gif") no-repeat 100% 0;
}
/* logo homepage only */
#header_home h1 {
	top: 12px;
	left: 18px;
	margin: 0;
	position: absolute;
	height:180px;
}
#header_home h1 a {
	width: 325px;
	height: 156px;
	display: block;
	overflow: hidden;
	text-indent: -12000px;
	background: url("/images/logo_home.gif") no-repeat;
}
#header_home strong {
	top: 138px;
	right: 18px;
	position: absolute;
	font: bold 20px/22px helvetica, arial, sans-serif;
}

/* main-nav home */
#header_home ul {
	top: 184px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 925px;
	list-style: none;
	position: absolute;
	padding: 0 0 0 16px;
	background: url("/images/main-nav-1.gif") repeat-x;
}
#header_home ul li {
	float: left;
	padding: 0 44px 0 0;
}
#header_home ul li a {
	height: 38px;
	display: block;
	position: relative;
	text-indent: -12000px;
}
#header_home ul li a.n-search {width: 210px;background: url("/images/nav-1.gif") no-repeat;}
#header_home ul li a.n-how {width: 132px;background: url("/images/nav-2.gif") no-repeat;}
#header_home ul li a.n-articles {width: 91px;background: url("/images/nav-3.gif") no-repeat;}
#header_home ul li a.n-newswire {width: 91px;background: url("/images/nav-3b.gif") no-repeat;}
#header_home ul li a.n-resources {width: 113px;background: url("/images/nav-4.gif") no-repeat;}
#header_home ul li a:hover,
#header_home ul li.active a {background-position: 0 -38px;}


/* #header ul li a:hover span, */
#header ul li.active a span,
#header_home ul li.active a span {
	top: 38px;
	left: 50%;
	width: 25px;
	height: 13px;
	position: absolute;
	margin-left: -12px;
	background: url("/images/sel.gif") no-repeat;
}

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

  Main Content

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

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

div#maininternal {
  padding:0px 20px 20px;
  width:650px;
  float:left;
}

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

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

/* Main header on single pages */
h2.header {
  color:#ff7e00;
  font-size:24px;
  padding:1px 0 0;
  line-height:1.5;
  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:55px 0px 20px 0;
  width:205px;
  float:left;
}

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

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

/* footer */
#footer {
	height: 1%;
	margin: -2px 0 0;
	overflow: hidden;
	line-height: 18px;
	padding: 0 35px 13px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	font-weight: bold;
	padding: 0 11px 0 16px;
	background: url("/images/s-1.gif") no-repeat 0 2px;
}
#footer ul li.login {
	background: none;
	padding: 0 11px 0 0;
}
#footer ul li a {color: #666;}
#footer ul li.login a {color: #39C;}

#footer ul li a:hover,
#footer ul li.login a:hover {color: #069;}

#footer p {
	margin: 0;
	color: #999;
}
#footer p a {color: #999;}
#footer p span {color: #666;}

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

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

/***********************************************Debasish**************************************************************************/
input, select, textarea {
	color: #666;
	vertical-align: middle;
	font: 100% verdana, geneva, sans-serif;
}
.form-search-home {
	height: 1%;
	position: relative;
	padding: 27px 18px 43px 26px;
	border-bottom: 1px solid #999;
	background: #fff url("/images/bg-search.gif") repeat-x 0 100%;
}
.form-search {
	height: 1%;
	position: relative;
	padding: 7px 18px 23px 26px;
	border-bottom: 1px solid #999;
	background: #fff url("/images/bg-search.gif") repeat-x 0 100%;
}
.fs-1 {
	min-height: 78px;
	padding-bottom: 43px;
}
* html .fs-1 {height: 78px;}

/* or */
.or {
	bottom: -19px;
	left: 97px;
	width: 39px;
	height: 39px;
	overflow: hidden;
	position: absolute;
	text-indent: -12000px;
	background: url("/images/or.gif") no-repeat;
}
/* log-in-here */
.log-in-here {
	bottom: -81px;
	left: 672px;
	width: 267px;
	height: 211px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	text-indent: -12000px;
	background: url("/images/img-login.png") no-repeat;
	
}
.form-search h2, .form-search-home h2 {
	color: #333;
	font-size: 24px;
	margin: -11px 0 0;
	line-height: 26px;
	padding:  0 0 15px;font-family: Helvetica;
}
.form-search p {
	margin: 0 0 8px;
	font-size: 12px;
	line-height: 14px;
}
.form-search p a {
	color: #f93;
	background: url("/images/d-1.gif") repeat-x 0 100%;
}
.form-search p a:hover {color: #f93;}

/* search-tips */
.search-tips {
	top: -8px;
	right: 18px;
	line-height: 13px;
	position: absolute;
	padding: 0 0 5px 21px;
	background: url("/images/ic-1.gif") no-repeat;
}
.search-tips-home {
	top: 12px;
	right: 265px;
	line-height: 13px;
	position: absolute;
	padding: 0 0 5px 21px;
	background: url("/images/ic-1.gif") no-repeat;
}
.fs-1 .search-tips {right: 246px;}

.form-search .row {
	width: 100%;
	overflow: hidden;
	position: relative;
	
}

.form-search .txt, .form-search-home .txt,
.form-search select, .form-search-home select {font: 14px verdana, geneva, sans-serif;}

.form-search select {width: 278px;}
.form-search-home select {width: 220px;}
.form-search .txt, .form-search-home .txt {width: 206px;}
.fs-1 select {width: 223px;}
.fs-1 .txt {width: 226px;}

.form-search label, .form-search-home label {
	padding: 0 7px 0 8px;
	vertical-align: middle;
	font: bold 16px/18px helvetica, arial, sans-serif;
}
.form-search .search-again {margin: 0 0 0 11px;}
.fs-1 .search-again {margin: 0 0 0 4px;}

.wrap-content {
	width: 100%;
	overflow: hidden;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:absolute;
    z-index:2;
    text-decoration:none;
}
a.tt span{ display: none; }

/* background:; ie hack, something must be changed in a for ie to execute it */
a.tt:hover { z-index:250;}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0; left:-80px;
	padding: 15px 0 0 0;
	width:212px;
	color: #333;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 12px 0;
	background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 12px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 12px 18px;
	color: #333;
	background: url(/images/bubble.gif) no-repeat bottom;
}

/* change loc */
.btn_changeloc {
	background: url(/images/btn_changeloc_sm.gif) no-repeat left top; 
	height:29px;
	width:169px;
	border:none;
	cursor: pointer;
}
.txt_changeloc {
	font-size:12px;
}

.loginfont, .loginfont a {
	text-decoration: none;
	font-size:11px;
	color:#FF9;
}

.loginfont a:visited {
	text-decoration: none;
	font-size:11px;
	color:#FF9;
}

.loginfont a:hover {
	text-decoration: underline;
	font-size:11px;
	color:#FF9;
}

h2.nwtitle
{
	font-family: Helvetica;
	float: left;
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: 20px;
	padding:12px 0 12px 0;
	margin: 0 0 9px;
	background: url("/images/title-2.gif") repeat-x 0 100%;
}

.breadcrumbsh2 {
	margin-left: 20px;
	padding: 0;
	list-style: none;
}
.breadcrumbsh2 h2{
	font: normal 11px/14px verdana, geneva, sans-serif;
}
.breadcrumbsh2 a {
	color: #f93;
	margin: 0 6px 0 0;
}
.breadcrumbsh2 a:hover {
	color: #069;
}

.bclink a, a:visited {
	color: #f93;
	text-decoration: none;
}

.bclink a:hover {
	color: #069;
	text-decoration: underline;
}

.left-side-home {
	position: relative;
	float:left;
	width:400px;
	text-align:left;
	margin-right:16px;
}
.right-side-home {
	position: relative;
	float:left;
	margin-left:2px;
	padding-left:8px;
	border-left:2px solid #CCC;
	width:400px;
	text-align:left;
}

.sub-content-home {
	margin-left: 16px;
}

.sub-content-home-lower {
	margin-left: 16px;
	margin-top:8px;
	padding-top:8px;
	border-top:2px solid #CCC;
}

h2.newstitle {
	color: #69C;
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 12px;
	line-height: 15px;
}

a.readmore {
	text-decoration: none;
	color: #69C;
}

a.readmore:hover {
	text-decoration: underline;
	color: #69C;
}