/*  

Theme Name: Tropica

Theme URI: http://www.vacationrealty.com

Description: A Travel Theme For The Web.

Version: 1

Author: Cyberwire LLC.

Author URI: http://www.vacationrealty.com

*/



/*************** Special theme Styles *************************************/

* {

  margin: 0;

	padding: 0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {

  margin: 1em 0;

}

img {

	border: 0;

}

a:link, a:visited {

color: #977588;

text-decoration: underline;

}

a:hover {

text-decoration: none;

color: #977588;

}

.clear {

clear:both;

}

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height:1%; }

.clearfix {display:block;}

/* End hide from IE-mac */

body {

font-family:trebuchet, Arial, Helvetica, sans-serif;

font-size:14px;

  background:#fff;

  text-align: center;

}



#main {

background:#fff;

margin: 0px auto;

width: 964px;

}



#top {

background: url(images/vecchiotop.jpg) no-repeat top center;

width: 964px;

height:455px;

}

#wrapper {

background: url(images/footer.gif) no-repeat bottom left;

width: 964px;

padding: 5px 10px;

padding-bottom: 10px;

position: relative;

margin: 0px auto;

position: relative;

}

#header {

height: 440px;

width: 964px;

position: relative;

}

#header h1 {

font-size: 35px;

font-family: "century gothic";

font-weight: normal;

color: #fff;

text-transform: capitalize;

margin: 0px;

padding: 0px;

position: absolute;

left: 10px;

top: 5px;

}

#header h1 a:link, #header h1 a:visited {

color: #fff;

text-decoration: none;

}

#header h1 a:hover {

color: #848484;

}

#header p {

font-size: 16px;

font-family: "century gothic";

color: #848484;

text-transform: capitalize;

position: absolute;

top: 40px;

left: 15px;

}

.search {

width: 237px;

height: 20px;

position: absolute;

top: 15px;

right: 10px;

}

.searchbar {

width: 160px;

height: 18px;

background: #020103;

padding: 2px;

border: 1px solid #977588;

font-size: 14px;

color: #fff;

position: absolute;

top: 0px;

left: 0px;

}

.searchbut {

background: url(images/searchbut.gif) no-repeat top left;

width: 66px;

height: 22px;

border: none;

position: absolute;

top: 0px;

right: 0px;

cursor: pointer;

}

ul.navbar {

margin: 0px;

padding: 0px;

list-style-type: none;

position: absolute;

top: 380px;

left: 30px;

width: 340px;

height: 40px;

}

.navbar li {

float: left;

font-size: 13px;

font-weight:bold;

color: #C38EAB;

margin: 0px 2px 0px 2px ;

padding: 0px;

}

.navbar li a:link, .navbar li a:visited {

font-family: "century gothic";

color: #C38EAB;

height: 30px;

display: block;

width: auto;

float: left;

text-decoration: none;

padding: 0px 5px;

}

.navbar li a:hover {

color: #C38EAB;

text-decoration: underline;

}

#container {

width: 964px;

text-align: left;

margin: 0px auto;

padding: 10px 0px;

}

#sponsorbar {

float: right;

width: 160px;

padding: 0px 0px;

text-align: left;

}

#sponsorbar h2 {

color: #977588;

font-weight: bold;

font-family: verdana;

font-size: 14px;

margin: 0px;

padding: 0px;

}

#sponsorbar ul {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#sponsorbar ul li {

margin: 5px 2px;

padding: 0px;

}

#sponsorbar ul li a:link, #sponsorbar ul li a:visited {

font-size: 12px;

color: #6e5a39;

text-decoration: none;

}

#sponsorbar ul li a:hover {

text-decoration: underline;

color: #4d4d4d;

}

#content {

width: 500px;

padding: 0px 10px;

float: left;

text-align: left;

}

#secbar {

width: 215px;

padding: 0px 10px;

float: right;

border-right: 1px solid #977588;

text-align: left;

}

h2.headline {

padding: 4px;

margin: 0px;

font-size: 26px;

font-weight:bold;



color: #C38EAB;

border-bottom: 5px solid #C38EAB;

}

h2.headline a:link, h2.headline a:visited {

padding: 0px;

margin: 0px;

color: #977588;

text-decoration: none;

}

h2.headline a:hover {

color: #000;

}

h4.date {

margin: 0px;

padding: 0px;

text-align: right;

color: #898989;

font-size: 11px;

font-weight: normal;

font-family: verdana;

}

.date a:link, .date a:visited {

color: #898989;

text-decoration: none;

}

.date a:hover {

color: #666;

text-decoration: underline;

}

/*************** Default wordpress styles *********************************/ 

.entry {

color: #000;

font-size: 14px;

margin: 0px auto;

}

.postop {

background: #fff;

width: 484px;

}

.postbot {

background:#fff;

width: 464px;

padding: 0px 10px 10px 10px;

}

.post {

		background: #fff;

		width: 484px;

		padding: 10px 0px 0px 0px;

		margin: 0px auto;

		margin-bottom: 20px;

}

blockquote {

	color: #000; 

	margin: 0px 30px 20px 30px; 

	padding:  0px 0px 0px 10px;

	border-left: 3px solid #977588;

	font-size: 11px;

	font-family: "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;

}

p {

	margin-bottom: 10px;

	line-height: 1.6em;

}

p a {

	text-decoration: underline;

}



p a:hover {

	text-decoration: none;

}



p.center {

	text-align: center;

}

.small {

	font-size: 10px;

}

code {

	font: 12px 'Courier New', Courier, Fixed;

}

h1 {

	font-size: 20px;

	letter-spacing: -0.8px;

	text-align: left;

	font-weight: normal;

	margin-bottom: 8px;

	font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Lucida, Arial, sans-serif;

}

h1.title {

	font-size: 45px;

	letter-spacing: -2.5px;

	font-weight: normal;

	padding: 10px 10px 10px 17px;

}

h4 {

	margin: -5px 0 10px 0;

	padding: 0;

	font-weight: normal;

	font-size: 10px;

	color: #4d4d4d;

}

/***** LISTS FORMATTING *****/



.post ul {

	margin: 5px 0px 5px 20px;

	padding: 0px 0px 0px 0px;

	list-style-type: none;

} 

.post ul li {

	margin: 5px 0px 5px 10px;

	list-style-type: circle;

	padding-left: 15px;

}

.post ol {

	margin: 5px 0px 5px 20px;

	padding: 0px 0px 0px 0px;

}



.post ol li {

	margin: 5px 0px 5px 10px;

	padding: 0px;

	}



/***** SEARCH FORM FORMATTING *****/



/***** SIDEBAR FORMATTING *****/

#secbar h2 {

width: 215px;

margin: 0px;

padding: 0px;

text-align: left;

font-size: 14px;



color: #977588;

font-weight: bold;

margin-top: 10px;

}

#secbar a:link, #secbar a:visited {

	color: #977588;

	font-size: 12px;

	text-decoration: none;

	font-family: trebuchet, verdana;

	font-weight: normal;

}



#secbar a:hover {

	background: none;

	color: #000;

	text-decoration: underline;

}

/***** SIDEBAR LISTS FORMATTING *****/

#secbar ul, #secbar ol {

width: 215px;

    list-style-type: none;

	list-style-position: inside;

	margin: 0px;

	font-size: 12px;

	line-height:150%;

	text-align: left;

	padding: 5px;

}

#secbar ul li { 

	margin: 0px;

	padding: 0px;

	padding-bottom: 10px;

	background: url(images/sidesep.gif) repeat-x left bottom;
	text-align: left;

}

#secbar ul li ul, #secbar ul li ol, #secbar ol li ul, #secbar ol li ol { 

	margin: 5px 0px 5px 10px; 

	text-align: left;

	list-style-position: inside;

}

#secbar ul li ul li {

list-style-position: inside;

margin: 0px;

display: block;

padding: 0px;

text-align: left;

color: #977588;

background: none;

}

#secbar ul li ul li a:link, #secbar ul li ul li a:visited {

color: #977588;

width: 215px;

font-size: 13px;

text-align: left;

text-decoration: none;

font-weight: normal;

background: url(images/sidebullet.gif) no-repeat center left;

padding-left: 25px;

}

#secbar ul li ul li a:hover {

color: #977588;

text-decoration: underline;

}

/***** SIDEBAR LISTS FORMATTING *****/

/***** IMAGE FORMATTING *****/

.entry img {

border: 1px solid #977588;

margin: 5px;

}

.entry a:link img, .entry a:visited img {

border: 2px solid #977588;

padding: 0px;

}

.entry a:hover img {

border: 2px solid #4d4d4d;

}

img.post {

	padding: 1px;

	border: 1px solid #977588;

	margin: 10px;

	float: right;

}



img.center {

	margin-left: auto;

	margin-right: auto;

	padding: 1px;

	border: 1px solid #977588;

}



img.alignright {

	padding: 1px;

	border: 1px solid #977588;

	margin: 5px;

	float: right;

	display: inline;

}



img.alignleft {

    float: left;

	padding: 1px;

	border: 1px solid #977588;

	margin: 5px;

	display: inline;

}

	

/***** MISCELLANEOUS FORMATTING *****/



.alignright {

	float: right;

}



.alignleft {

	float: left

}	



.navigation {

	text-align: center;

	display: block;

	width: 550px;

	font-size: 14px;

	border: none;

	margin-left: 5px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.navigation .alignleft a:link, .navigation .alignleft a:visited {

padding: 5px;

font-size: 14px;

text-decoration: none;

color: #4d4d4d;

}

.navigation .alignright a:link, .navigation .alignright a:visited {

padding: 5px;

font-size: 14px;

text-decoration: none;

color: #4d4d4d;

}

.navigation .alignright a:hover {

background: url(images/arrowright.gif) no-repeat center right;

color: #6d7684;

}

.navigation .alignleft a:hover {

background: url(images/arrowleft.gif) no-repeat center left;

color: #6d7684;

}

.postspermonth {

	margin: 5px 0 10px 0;

	list-style: none;

	padding-left: 25px;

}

/***** COMMENTS FORMATTING *****/

h3#comments {

font-size: 18px;

color: #977588;



}

h3#respond {

font-size: 18px;

color: #977588;



}

#commentform input {

background: #fff;

width: 240px;

height: 16px;

padding: 2px;

margin: 5px 5px 1px 0px;

color: #000;

font-size: 14px;

border: 1px solid #977588;	

}

#commentform textarea {

background: #fff;

width: 420px;

height: 100px;

padding: 2px;

color: #000;

font-size: 14px;

border: 1px solid #977588;

}

#commentform #submit {

border: 1px outset #C38EAB;

background: #C38EAB;

width: 100px;

height: 27px;

border: none;

cursor: pointer;

font-size: 14px;

font-weight: bold;

font-family: verdana;

color: #fff;

}

.commentlist {

list-style-type: none;

}

.commentlist li {

font-size: 12px;

font-weight: normal;

color: #898989;

background: #fff;

width: 484px;

padding: 0px;

}

.commentlist li div {

font-weight: normal;

background: #C38EAB;

border-bottom: 1px solid #fff;

width: 470px;

padding: 2px 5px;

}

h4.comauthor {

padding-top:3px;

font-size: 14px;

color: #ffffff;

font-weight: normal;

}

h4.comdate {

padding-top:3px;

font-size: 11px;

color: #fff;

text-align: right;

float: right;

}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	color:#fff;

	text-decoration: none;

	font-family: "Trebuchet MS";

}

.commentlist cite {

color: #fff;

}

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

}

#commentform p {

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}

#commentform label {

font-size: 14px;

font-weight: normal;

color: #4d4d4d;

}

.commentlist p {

	margin: 10px 5px 10px 0;

}

#commentform p {

	margin: 5px 0;

}

.altd {

font-size: 12px;

padding: 5px;

background: #f6f6f6;

border: 1px solid #9a9a9a;

}

.commentlist div {

background: #C38EAB;

border: 1px solid #d3d3d3

}

.commentmetadata {

padding: 5px;

background: #C38EAB;

border: 1px solid #d3d3d3;

}

.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}

h2.pagetitle {

font-size: 16px;

color: #000;

font-weight: normal;

font-family: arial;

}