/*

Theme Name: Tropicala
Description: Simple, modern, lightweight
Version: 1.5
Author: Goro Harumi
Author URI: http://goroharumi.com
Tags: orange, white, two-columns, fixed-width, right-sidebar

*/

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #272A2D;
	background: #fff url(./images/bg.jpg) repeat;
}


hr {
  border:0;
  border-bottom:1px solid #EAEAEA;
  margin:20px 0;
  height:1px;
}

img {
  border:0;
}

a:link, a:visited {
	color: #a0218c;
	}
a:hover {
	color: #6cf;
	}

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

  Structure

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

div#wrapper {
  width:980px;
  padding:0;
  margin: 0 auto;
  text-align: left;
  }

div#masthead {
	margin: 20px 0 0;
	padding: 0;
	height: 85px;
        }

#logo {
	width: 200px;
	height: 85px;
	margin: 0;
	padding: 0;
	float: left;
	}


/* Pages Navigation */
#header-nav {
	background: url(images/purp-bg.jpg) repeat-x;
	margin: 20px 0 0;
	padding: 0;
	width: 650px;
	float: right;
	}
	
#header-navigation {
	display: inline;
	margin: 0;
	padding: 0;
	float: none;
	}

#header-navigation li {
	float: left;
	display: inline;
	padding: 10px 15px;
	}

div#header-nav a, #header-nav a:hover {
	color: #fff;
	text-decoration: none;
        }


div#main-home {
	background: #fff;
	margin: 0;
	padding: 0;
        padding-bottom: 10px;
	border: 1px solid #e6e6e6;
	}



div#main {
	margin: 0 0 0 20px;
	padding-right: 25px;
	width: 600px;
	border-right: 1px solid #e6e6e6;
        float: left;
        }

div#secondary {
	margin: 35px 0 0 20px;
	padding: 0;
	width: 225px;
        float: left;
        }

div#feature {
	background: url(images/large-can.png) no-repeat;
	margin: 40px 40px 0 40px;
	padding: 0;
	width: 820px;
	height: 400px;
	}

div.feature-inside {
	margin: 0 0 0 260px;
	}

div.free-shipping {
	margin: 15px 40px;
	padding: 2px 10px;
	background: #e6e6e6;
	}

.feature-bottom {
	margin: 30px 40px 0 40px;
	padding: 25px 0;
	border-top: 1px solid #e6e6e6;
	}
	
.blog-feature {
	margin: 0;
	padding-right: 25px;
	width: 600px;
	border-right: 1px solid #e6e6e6;
	}
	
.social {
	margin: 0 0 0 20px;
	padding: 0;
	width: 225px;
	}

.triplebox {
	margin: 0 10px;
	padding: 0;
	width: 275px;
	}

div.blog-feature ul {
        margin: 0;
        padding: 0;
        }

div.blog-feature ul li { 
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

ul#sidebar {
        margin: 0;
        padding: 0;
        }

ul#sidebar li { 
        margin: 0;
        list-style-type: none;
        }

ul#sidebar li ul {
        margin: 0;
        padding: 0 0 0 10px;
        }

div.navigation {
        margin: 5px 0;
        }

div.buy-button {
        background: ;
        width: 200px;
        height: 38px;
        }

/* Hey, don't use h1 in the articles-- it's already in the header.
   This is just here because it looks totally funky in the preview at wordpress.net... */
   
div.entry h1 {
  font-size:2.4em;
  font-weight:bold;
}

div.entry h2,
div.entry h3,
div.entry h4,
div.entry h5,
div.entry h6 {
  color:#ff7e00;
  margin:20px 0 10px;
}

div.entry h2 {
  font-size:1.8em;
}

div.entry h3 {
  font-size:1.4em;
}

div.entry table {
  border-collapse:collapse;
  margin:10px 0;
}

div.entry table th,
div.entry table td {
  padding:10px;
  border:1px solid #EAEAEA;
  text-align:center;
}

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

div#main h2.header a {
  color:#a0218c;
  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:#777;
}

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

Content Styles 

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

/* Blog Title */
h1 {
	background: url(images/logo.png) no-repeat;
	width: 88px;
	height: 75px;
    margin: 0 0 0 25px;
    padding: 0;
    font-size: 20px;
    text-indent: -9000em;
}

h1 a {
  width:88px;
  height:75px;
  text-indent: -9000em;
}


h2 { 
     margin: 0;
     padding: 0;
     font-size: 32px;
     font-weight:normal;
     color: #a0218c;
     }
     
h3 { 
     margin: 15px 0 10px 0;
     padding: 0;
     font-size: 17px;
     color: #777;
     }

div.feature-inside h2 {
	padding: 15px 0;
	}
     
div.feature-inside h3 {
	margin: 15px 0;
	font-size: 19px;
	font-weight:normal;
	}
	
div.blog-feature h3 {
	margin-top: 0!important;
	}

#secondary h2 {
        font-size: 17px;
        }

p {
     line-height: 125%;
     }   
	
div.feature-inside p {
	font-size: 12px;
	}
	
div.blog-feature p {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	}

div.border-bottom p {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	}


/* Search input */
form#searchform {
  position:relative;
  height:28px;
  margin:5px 0 20px 0;
}

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

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

div#footer {
	background: url(images/organic.png) no-repeat left;
	height: 80px;
	margin: 10px 25px 0 0;
	padding: 0;
	text-align: right;
	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;
}

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

.wp-post-image { margin: 0 15px 0 0;}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

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

  CSS Magic

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

.clear { clear: both;}

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