/*
Theme Name: Tropicala
Description: Simple, modern, lightweight
Version: 1.3
Author: LetsEat.at
Author URI: 
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 */
  background:#cadfed url(./images/bkg.png) repeat-x; /* Set background image here */
}

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

img {
  border:0;
}

/*div#island {
  background:url(./images/island.jpg) no-repeat;
}*/

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

div#top-links {
  width:940px;
  margin:15px auto 0px auto;
  position: relative;
  height: 15px;
}

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

/* Blog Title */
h1 {
  font:3.2em 'Trebuchet MS', Arial, Helvetica;
  height: 30px;
}

h1 a {
  position:absolute;
/*  width:300px; */
  width:472px;
  height:75px;
  left:15px;
  top:5px;
  z-index: 10;
  font-weight:bold;
  text-decoration:none;
  color:#ff7e00;
  background: url(./images/logo-01.png) no-repeat;
  text-indent: -5000px;
}

/* Tagline */
#masthead p {
  position:relative;
  margin:0;
  top:50px;
  left:30px;
  color:#888;
  font-size: 1.3em;
}

#masthead p a {
  font-size: 0.9em;
  text-decoration:none;
  color:#ff7e00;
}

/* 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 14px 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; */
  width:896px;
/*  height:148px; */
  height:240px;
  clear:both;
  padding:8px 22px;
  position:relative;
  z-index:1;
}

a {
  outline:0;
}

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

h4#rss, h4#tagline{
position: absolute;
top: 0px;
right: 20px;
font-weight: normal;
color: #999;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
height: 22px;
}

h4#tagline {
 left: 20px;
 color: #686868; /*#edeeee;*/
 font-size: 14px;
}

h4#tagline a {
  text-decoration:none;
  color:#ff7e00;
}
h4#tagline a:hover { text-decoration: underline; }

h4#rss a:link, h4#rss a:visited {
color: #686868; /*#edeeee;*/
font-size: 14px;
padding-left: 20px; /*15px;*/
text-decoration: none;
}

h4#rss a.rss-icon {
background: url(images/rss-icon.png) no-repeat left center;
}

h4#rss a.twitter-icon {
background: url(images/twitter-icon.png) no-repeat left center;
padding-left: 22px;
}

h4#rss a.fb-icon {
background: url(images/facebook-icon.png) no-repeat left center;
padding-left: 22px;
}

h4#rss a.flickr-icon {
background: url(images/flickr-icon.png) no-repeat left center;
padding-left: 22px;
}

h4#rss a:hover {
color: #999; /*#b0daec;*/
}


/*-----------------------------------------------------------------------------
  Main Content
-----------------------------------------------------------------------------*/

div#main {
  padding:0 20px 20px;
/*  width:500px;*/
  width:672px;
  float:left;
}

div#main.no-sidebar { width: 872px; }

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

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

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

h2.step1, h2.step2, h2.step3{
  text-indent: -5000px;
  border-bottom-width: 0px;
  height: 55px;
  margin-bottom: 0px;
}

h2.step1 { background: url(images/step-01.png) no-repeat left center; }
h2.step2 { background: url(images/step-02.png) no-repeat left center; }
h2.step3 { background: url(images/step-03.png) no-repeat left center; }


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

div#main a {
 /* color:#507FA3;*/
  /*color:#89B1E6;*/
  color: #EB8814; 
  text-decoration: none;
}
div#main a:hover { text-decoration: underline; }

div.page-thumb-300 {
 float: left; 
 margin: 4px 8px 10px 10px; 
 width: 310px;
}

/*div.entry div.page-thumb-300 { float: none;}*/

div.page-thumb-300 p { text-align: right; margin: 0 !important; }
div.page-thumb-300 p.fb-like { text-align: left; margin: 0 !important; padding: 0 !important;}
div.page-thumb-300 a.photo {
	display: block; 
	margin-bottom: 2px;
}
div.page-thumb-300 a.photo img {
 padding: 4px; 
 border: solid 1px #ccc;
}
div.page-thumb-300 a.caption,
div.page-thumb-300 span.caption {
 text-decoration: none;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #507FA3 !important; /*#edeeee;*/
 font-size: 18px;
 margin-bottom: 0;
}
div.page-thumb-300 a.caption:hover { text-decoration: underline; }

p.fb-like { clear: both; }

.article {
  margin-bottom:20px;
  clear: both;
}

.article blockquote,
.entry 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;
}

/* custom */
.entry p.caption
{
  margin: 0 0 10px 20px !important;
}

.entry .more-photos img
{
  border: solid 1px #DADADA;
  margin: 4px;
  padding: 3px;
}

img.static-map {
  border: solid 1px #DADADA;
  padding: 2px;
  margin: 4px;
  display: block;
}

.entry h3,
h3#comments {
  margin-top: 2em !important;
  font-size: 1.6em;
  clear: both;
}

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

.entry ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

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

/* custom */
p.spacer {
  width: 95%;
  border-bottom:1px solid #e7e7e7;
  margin: 0 auto 2.5em auto !important;
}

a.para-thumb img
{
  border: solid 1px #DADADA;
  margin: 8px;
  padding: 3px;
}

/*-----------------------------------------------------------------------------
  Secondary Content
-----------------------------------------------------------------------------*/

div#secondary {
  padding:15px 20px 20px 0;
  width:200px;
  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;
}

div#secondary ul#sidebar ul.xoxo {
  margin-bottom: 4em;
}


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

div#twitter_div {
  margin-top: 18px;
  /* padding: 8px; */
}

div#twitter_div h2 {
  margin: 0px auto 12px auto;
}

div#twitter_div ul {
  border-top: dashed 1px #dadada;
  padding-top: 4px;
}

div#twitter_div ul li {
  padding-bottom: 8px;
  margin-bottom: 8px !important;
  border-bottom: dashed 1px #dadada;
}

/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/

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

ul#footer li {
  /*display:inline;
  margin-left:10px;*/
  margin-bottom: 6px;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#686868;
  text-decoration:none;
  border-bottom: dashed 1px #a0a0a0;
}

ul#footer li a:hover { border-bottom: 0; }

/* footer bar */
div#footer-bar {
  clear: both;
  padding: 20px 20px 0px;
}

div.footer-left, div.footer-middle, div.footer-right { width: 200px; float: left; margin: 10px 10px 8px; }
div.footer-left { margin-left: 6px; }
div.footer-right { margin-right: 6px; }

/*
div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#507fa3;
  padding-bottom:10px;
  border-bottom:1px solid #e7e7e7;
}
*/
div#footer-bar {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

/* Sidebar headers */
div.footer-widget h2 {
  text-transform:uppercase;
  color:#507fa3;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div.footer-widget a {
  color:#666;
  text-decoration:none;
}

div.footer-widget a:hover {
  text-decoration:underline;
}

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

div.footer-widget ul li {
  font-size:1em;
}

div.footer-widget ul.xoxo {
  margin-bottom: 2em;
}

ul.footer-menu { clear: both; float: right; margin-bottom: 8px;}
ul.footer-menu li {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  font-size: 1.1em;
  border-left: solid 1px #ccc; 
  color: #666;
}
ul.footer-menu li.first { border: 0; }
ul.footer-menu li a { color: #666; text-decoration: none; }
ul.footer-menu li a:hover { text-decoration: underline; }


/*-----------------------------------------------------------------------------
  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:#F9F9F9;
  padding:10px;
  margin:10px 0;
}

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

ol.commentlist img.avatar
{
  border: solid 1px #DADADA;
  float: left;
  margin: 0 8px 8px 0;
}

ol.commentlist li cite
{
  font-size: 1.4em;
  font-style: normal;
}

ol.commentlist li cite a
{
  text-decoration: none;
}

textarea#comment {
/*  width:500px; */
  width:672px;
}

#main p.comment_meta a {
/*  margin:0;
  float:right; */
  font-size: 0.8em;
  text-decoration: none;
}

p.comment-icon {
  background: url(images/talk_story_small.png) no-repeat;
  padding-left: 70px;
  min-height: 70px;
}

/* 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; */
  width:512px;
}

/* 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:20px 0 0;
  font-size: 1.4em;
}

div.navigation .alignleft, div.navigation .alignright { display: block; height: 1em; margin-bottom: 1em; }



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