/*

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

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
v1.4 - Some minor tweaks to CSS for newer wp.net preview examples
v1.5 - Updated my link

*/

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

html {
  font:62.5%; /* Means 1em == 10px, 1.2em == 12px, etc. */
}

body {
  background:#FFF url(./images/bg.jpg) repeat-x; /* Set background image here */
  color:#6b6b6b;
  font-size:1.2em;
}

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

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

img {
  border:0;
}

dl {
  color:#6b6b6b;
  margin:10px 0;
}

dt {
  font-weight:bold;
}

dd {
  font-style:italic;
  margin:5px 0 10px;
}

fieldset {
  border:1px solid #DDD;
  padding:10px 20px;
}

form h2 {
  margin-bottom:10px;
}

legend {
  font-size:1.2em;
  color:#6b6b6b;
  padding:0 10px;
}

label {
  font-weight:bold;
}

textarea {
  width:450px;
  height:200px;
  border:1px solid #CCC;
  margin:10px 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;
  color:#ff6600;
}

h1 a {
  position:absolute;
  width:300px;
  height:30px;
  left:40px;
  top:15px;
  font-weight:bold;
  text-decoration:none;
  color:#ff6600;
}

/* 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.2em;
  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;
  background:url(./images/main_bg.png) repeat-y;
}

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

  Main Content

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

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

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

div#main p {
  color:#6b6b6b;
  line-height:2;
  margin:10px 0;
}

div#main a {
  color:#507FA3;
}

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

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

div.article code {
  font-size:1.2em;
}

div.article pre {
  width:500px;
  line-height:1.5;
  font-size:1.2em;
  margin:20px 0;
  overflow:hidden;
}

.article ul, .article ol {
  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 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:1em;
  line-height:1.5em;
}

/* Sidebar headers */
div#secondary h3 {
  text-transform:uppercase;
  color:#507fa3;
  margin:20px 0 8px;
  font-size:1.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;
}

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

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

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

  SeeMy Modifications

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

html {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 13px;
}

body {
background: #F2F2F2 url(./images/SeeMy/background.gif) repeat-x;
color: black;
font-size:13px;
}

div#wrapper {
background: none;
width: 1002px;
padding: 0;
margin: 0 auto;
}

div#masthead{
background: none;
width: 1002px;
}

div#masthead h1 {
float: left;
}

div#masthead h1 a {
height: 80px;
background: url(./images/SeeMy/SeeMy-Logo.png);
display:block;
position:relative;
left:0;
top:0;
}

div#masthead h1 a span, div#masthead p {
display:none;
}

div#content {
background: url(./images/SeeMy/contentContent.gif);
width: 1002px;
clear: both;
margin-top: 30px;
}

div#main { /* La colonne principale */
padding: 0 30px 30px 30px;
width: 652px;
}


div#main p {
color: black;
font-size:13px;
line-height: 1.5;
}

h1.headerPage {
display: none;
}

div.entry h2 {
font-size: 24px;
font-weight: normal;
}

div#main h3 {
font-size:18px;
font-weight:normal;
}

.article ul li {
  background:url(./images/SeeMy/puce.png) no-repeat 0 6px;
}

div#secondary {
padding: 0 30px 30px 0px;
width: 260px;
}

div#secondary.productFoncList {
padding: 0 0px 30px 30px;
}

div#secondary ul#sidebar {
  margin: 0;
  padding: 0;
  border: none;
  color: black;
}

div#secondary ul#sidebar li {
  margin: 0;
  padding: 0;
  background: url(./images/SeeMy/widgetContent.gif);
  font-size: 13px;
}

div#secondary ul#sidebar li ul {
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
padding:15px;
}

div#secondary ul#sidebar li ul > li {
background:none;
list-style-image:url(./images/SeeMy/puce.png);
margin:0 0 5px 5px;
line-height:1;
}

div#secondary .widgettitle {
  text-transform:none;
  color:black;
  margin:30px 0 0 0;
  padding-left: 10px;
  font-size:14px;
  line-height:33px;
  background: transparent url(./images/SeeMy/widgetHeader.gif) no-repeat scroll 0 0;
  display: block;
  font-weight: bold;
}

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

div#secondary .textwidget {
  padding: 10px 15px;
}

div#secondary .widgetFooter {
  background: url(./images/SeeMy/widgetFooter.gif) no-repeat;
  width: 260px;
  height: 10px;
}

div#contentFooter {
  background: url(./images/SeeMy/contentFooter.gif) no-repeat;
  width: 100%;
  height: 13px;
}

div#footer {
  color:#757575;
  font-size:10px;
  margin-top:50px;
  margin-bottom:30px;
  text-align:center;
}

/*-----------------------------------------------------------------------------
Menu Déroulant pour la navigation principale
-----------------------------------------------------------------------------*/
#nav2 {
    float:right;
    margin-top:25px;
    font-size:14px;
}
#nav2, #nav2 ul {
    list-style: none;
    width: 672px;
    background: url(./images/SeeMy/menuBg.gif);
    z-index:10;
}
#nav2 a, #nav2 a:hover{
	display: block;
	border:none;
	color: white;
	text-decoration: none;
	text-align: center;
	width: 101px;
	line-height: 28px;
	height:32px;
	margin-right:1px;
}
#nav2 a:hover, #nav2 a:active {
	background:url(./images/SeeMy/menuBgHover.gif);
	text-decoration:none;
}
#nav2 > li.current_page_parent > a, #nav2 > li.current_page_item > a {
	background:url(./images/SeeMy/menuBgSelected.gif);
}
#nav2 a#bsn {
	width: 162px;
	margin-right:0;
}
#nav2 a#bsn:hover {
	background: url(./images/SeeMy/menuBsnBgHover.gif);
}
#nav2 li {
	float: left;
	list-style:none;
}

/* Dropdown Menu */
#nav2 li ul {
	background:transparent url(./images/SeeMy/menuN2Bg.png) repeat scroll center bottom;
	position: absolute;
	left: -999em;
	height: auto;
	width: 400px;
	top: 55px;
	padding-bottom:10px;
}

#nav2 li li a, #nav2 li li a:hover,#nav2 li li a:active {
	margin-left:10px;
	text-align:left;
	width:390px;
	background:none;
	line-height:25px;
	height:25px;
}
#nav2 li li a:hover {
	text-decoration:underline;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul{
	left: auto;
}
a.main:hover{
    background:none;
}

/*-----------------------------------------------------------------------------
Index page's styles
-----------------------------------------------------------------------------*/
#solutionsIndex {
width:1002px;
height:280px;
}
#solutionsIndex > div {
width:190px;
float:left;
padding:20px 30px 30px 30px;
}
#solutionsIndex > div h2 {
font-size:15px;
line-height:1.4;
margin-bottom:10px;
}
#solutionsIndex > div h2 a {
color:#ff6600;
text-decoration:none;
}
#solutionsIndex > div h2 a:hover {
text-decoration:underline;
}
#solutionsIndex > div span {
color:#333333;
font-size:12px;
line-height:1.5;
}
#solutionsIndex > div img {
}

/*-----------------------------------------------------------------------------
Solutions' styles
-----------------------------------------------------------------------------*/
div#main.solutionsMain p {
color:#888888;
font-size:16px;
}
div#main.solutionsMain img {
margin:30px;
}
div#main.solutionsMain2 li {
margin:20px 0;
}

/*-----------------------------------------------------------------------------
Product's styles
-----------------------------------------------------------------------------*/
#productFoncList {
float:left;
width:259px;
padding-left:1px;
position:relative;
top:-20px;
}
#productFoncList ul {
}
#productFoncList ul li {
height:40px;
margin:5px 0;
}
#productFoncList ul li a {
font-weight:bold;
line-height:40px;
text-decoration:none;
display:block;
color:#333333;
background:transparent url(./images/SeeMy/menuProductBg.gif);
}
#productFoncList ul li a:hover {
background:transparent url(./images/SeeMy/menuProductHover.gif);
color:#ff6600;
}
#productFoncList ul li a.selected {
background:transparent url(./images/SeeMy/menuProductSelected.gif);
}
#productFoncList ul li a.selected:hover {
color:#333333;
}
#productFoncList img {
margin:8px 15px;
display:block;
float:left;
height:25px;
width:25px;
}
#productFoncList ul li a#SeeMyCommunityLogo {
background:transparent url(./images/SeeMy/SeeMyCommunityLogo.gif);
height:40px;
width:100%;
}
#productFoncList ul li a#SeeMyCommunityLogo:hover {
background:transparent url(./images/SeeMy/SeeMyCommunityLogoHover.gif);
}
#productFoncList ul li a#SeeMyCommunityLogo.selected {
background:transparent url(./images/SeeMy/SeeMyCommunityLogoSelected.gif);
}
#SeeMyCommunityLogo span {
display:none;
}
div#main.productMain {
border-left:solid 1px #eeeeee;
}

div#contentProduct {
background:transparent url(./images/SeeMy/productBg.jpg) no-repeat;
padding-top:20px;
}

div#contentProduct h3 {
font-size:15px;
font-weight:bold;
color:#333333;
}

div#contentProduct td {
border:0;
text-align:left;
vertical-align:top;
}

div#contentProduct .article ul li {
margin:15px 0;
}


div#contentProduct #pricesTable {margin:50px auto;width:100%;}
div#contentProduct #pricesTable td {border-top: 1px solid black;text-align:center;}
div#contentProduct #pricesTable .editionNameLine {font-size:18px;font-weight:bold;border-top:none;}
div#contentProduct #pricesTable .editionNameLine td {padding:10px 15px;border-top:none;}
div#contentProduct #pricesTable .pricesLine {color:gray;font-weight:bold;font-style:italic;background:url(./images/SeeMy/priceBg.gif);}
div#contentProduct #pricesTable .price {color:#FF6600;display:block;font-size:20px;white-space:nowrap;}
div#contentProduct #pricesTable .userLine {font-weight:bold;font-size:14px;height:40px;}
div#contentProduct #pricesTable .userLine td {border-bottom:1px solid black;vertical-align:middle;}
div#contentProduct #pricesTable .defaultLine {color:gray;font-size:11px;}
div#contentProduct #pricesTable .defaultLine td {border:0;padding:5px 10px;}
div#contentProduct #pricesTable .buttonsLine {}
div#contentProduct #pricesTable .buttonsLine td a {display:block;background:url(./images/SeeMy/registerButtonBg.gif) no-repeat;width:90px;height:26px;padding-top:5px;font-size:11px;font-weight:bold;color:white;text-decoration:none;}
div#contentProduct #pricesTable .offer {font-weight:bold;color:green;display:block;}

#registerTable {width:100%;}
#registerTable th {border:none;text-align:right;padding-right:50px;width:50%;}
#registerTable td {border:none;width:50%;text-align:left;}
#registerTable td input {width:100%;}

#teamTable {width:100%;}
#teamTable td, #teamTable th {border:0;text-align:left;vertical-align:top;}
#teamTable span {display:block;}
#teamTable .name {font-size:14px;font-weight:bold;}
#teamTable .function {font-weight:bold;color:#888888;}
#teamTable .mail {display:block;}
#teamTable .phone {}

/*-----------------------------------------------------------------------------
Widgets' styles
-----------------------------------------------------------------------------*/
div#secondary h3.solutionTitle {
text-transform:none;
font-size:15px;
line-height:1.5;
margin:10px 0;
}
div#secondary h3.solutionTitle a {
color:#FF6600;
text-decoration:none;
}

div#secondary h3.solutionTitle a:hover {
text-decoration:underline;
}
div#secondary span.solutionDescription {
border-bottom:solid 1px #C1C1C1;
display:block;
font-size:12px;
line-height:1.5;
margin-bottom:10px;
padding-bottom:15px;
}

div#secondary a.more {
color:#507FA3;
}

/*-----------------------------------------------------------------------------
Blog's styles
-----------------------------------------------------------------------------*/
div#main h1.header {
position:relative;
margin-top:30px;
}
div.entry h1, div#main h1.header span, div#main h1.header a {
position:relative;
left:0;
top:0;
color:#ff6600;
font-size:24px;
font-weight:normal;
margin-top:30px;
}
div#main p {
font-size:13px;
}
ul.article_footer, div#main p.entry_info {
padding:6px;
font-size:11px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:lightYellow;
border:1px solid #E6DB55;
}
ul.article_footer li {
font-size:11px;
}

/*-----------------------------------------------------------------------------
Support's styles
-----------------------------------------------------------------------------*/
div#main.supportMain {padding-left:0;}

#supportMenu {
margin-top:40px;
}
#supportMenu th, #supportMenu td {
border:none;
font-weight:normal;
text-align:left;
vertical-align:top;
}
#supportMenu th {
border-right:1px dotted gray;
font-size:12px;
width:160px;
}

.supportWelcomeBigText, div#main div.supportWelcomeBigText p {
font-size:16px;
}