/*

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

*/

#header-date {
position:absolute;
right:26px;
top:100px;
color:#888;
}

a.continue-reading {
 background: url(/wp-content/themes/tropicala/images/arrow-red.png) no-repeat left center; /* Set background image here */
padding-left:10px;
text-decoration:none;
}

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

body {
  font:80.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#F5F5F5 url(/wp-content/themes/tropicala/images/bg.jpg) repeat-x; /* Set background image here */
text-align:center;
margin-bottom:15px;
padding-bottom:15px;
}

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

img {
  border:0;
}

div#wrapper {
  width:969px;
  margin:25px auto 0;
  margin-top:0;
text-align:left;
}

div#masthead {
  width:969px;
  background:url(/wp-content/themes/tropicala/images/masthead-bg.jpg) no-repeat top center;
  position:relative;
  height:390px !important;
}



/* Blog Title */
h1 {
  font:3.2em 'Trebuchet MS', Arial, Helvetica; 
}
#tagline-wrap {
position:absolute;
width: 425px;
height:115px;
top:194px;
right:25px;
text-align:left;
text-transform:uppercase;
font-size:1.8em;
color:#000000;
line-height:1.55em;
}


#taglinexx {
position:relative;
height:115px;
}

#tagline pxxU {
position:absolute;
line-height:2em;
/*display:table-cell !important;*/
left:0;
width: 275px;
/*vertical-align:middle;*/
top:50%;
}

#homepage_link a {
width:276px;
position:absolute !important;
height:26px;
top:58px;
left:44px;
}

#homepage_link span{
margin-left:-4000px;
}

div#masthead{
position:relative !important;
}

/* Pages Navigation */
div#masthead ul {
  position:absolute;
  right:24px;
  
  z-index:2;
top:64px;
}

div#masthead ul li {
  display:inline;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  border-left:solid 1px #686868;
  text-transform:uppercase;
padding:0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px !important;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
color:#C8262D;  
}

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

a {
  outline:0;
text-decoration:none;
}

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

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

  Main Content

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

div#main {
  width:610px;
  float:right;
margin-right:25px;
font-size:90%;
}

/* Main header on single pages */
h2.header {
  color:#222;
  font-size:24px;
  padding:10px 0 0;
  margin:0 0 5px;
  position:relative;
}

div#main h2.header a {
  color:#222;
  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:1.5em;
  margin:10px 0;

}

div#main a {
  color:#C8262D;
}

div#main a:hover {
  text-decoration:underline;
}

.article {
  margin-bottom:20px;
  border-bottom:2px dotted #e7e7e7;
}

.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(/wp-content/themes/tropicala/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;
}

#main p.byline .caps {
text-transform:uppercase;
}

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 {
  width:255px;
  float:left;
margin-left:35px;
text-align:right;
}

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:#555;
  margin:20px 0 8px;
  font-size:.7em;
  line-height:25px;
height:25px;
padding:0 10px;
background:url(/wp-content/themes/tropicala/images/sidebar-heading.png) repeat-x center center;
}

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

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



div#secondary li.cat-item a{
color:#333;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding:10px;
display:block;
}

div#secondary .children li.cat-item a{
color:#C8262D !important;
font-weight:normal;
}

div#secondary ul.children {
margin-right:10px;
}

div#secondary ul.children li {
margin-left:42px !important;
padding-right:14px;
background: url(/wp-content/themes/tropicala/images/sidebar-cats-li.png) no-repeat right center; /* Set background image here */
display:block !important;
}

div#secondary ul.children li a {
border-bottom:2px solid #D4D4D4;
padding:0 !important;
display:block;
padding:3px 1px !important;
margin-bottom:0 !important;
}

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

#linkcat-2 ul li{
margin:0 !important;
margin-right:10px !important;
padding-right:14px;
background: url(/wp-content/themes/tropicala/images/sidebar-cats-li.png) no-repeat right center; /* Set background image here */
}


/* 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;
}
form#searchform {
margin:0;
padding:0;

}
/* Search input */
xform#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}
form#searchform{
display:inline;
margin:0;
}
form#searchform input#s {
  
  height:18px;
  width:120px;
  margin-right:8px;
  background:url(/wp-content/themes/tropicala/images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
vertical-align:middle;
}

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

  Footer

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

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


ul.footer-links li {
  display:inline;
  }


ul.footer-links li a {
  color:#686868;
text-transform:uppercase;
font-size:11px;
  text-decoration:none;
padding:0 8px;
border-left: solid 1px #686868;
}

.copyright{
	
	  color:#686868;

font-size:11px;
}

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

  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;
  margin-right:8px;
  margin-top:4px;
}

.alignright {
  float: right;
  margin-left:8px;
  margin-top:4px;
}

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



/* TABS */


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #fff; background: #ffffff url(none) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border:none; background:url(/wp-content/themes/tropicala/images/sidebar-heading-light.png) repeat-x center center; !important}
.ui-widget-header a { color: #222222; }
#tabs h2 {
display:none;
}

----------------------------------*/
.ui-tabs { padding: 0em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; /*margin: 0 .2em -1px 0;*/ padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;  
line-height:25px;
height:25px;
padding:0 5px;
color:#333 !important;
text-decoration:none !important;
width:73px;
text-align:center;
font-size:80%;
border-left:solid 1px white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
/*.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }*/
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.ui-state-active, .ui-widget-content .ui-state-active { border:none; background: #ccc; font-weight: normal; color: #212121; outline: none;  }
.ui-state-active, .ui-widget-content .ui-state-active { border: none;
background:url(/wp-content/themes/tropicala/images/sidebar-heading.png) repeat-x center center !important;
font-weight: normal; color: #212121; outline: none; }



/* headline homepage */

#headline .article img {
display:none;
}


#headline img.left {
float:left;
display:block;
margin-right:26px;
}

#headline {
}

#headline h2 {
font-size:2.5em;
}

#headline .byline {
margin-top:24px;
}

/* sidebar list item icons */
.follow-twitter{
background:url(/images/icons/twitter-t.png) no-repeat right center;
padding-right:22px;
margin-bottom:8px;
}

.feeds{
background:url(/images/icons/rss.png) no-repeat right center;
padding-right:22px;
margin-bottom:8px;
}




div#secondary #tabs-2, #tabs-3{
margin-top:12px;
}

div#secondary #tabs-2 li a, div#secondary #tabs-3 li a, #linkcat-2 {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-bottom:10px;
display:block;
}