@charset "utf-8";
/* CSS Document */
html {
	background: url(http://www.worldsurfaris.com/images/bg.jpg) #DAE6B4 repeat-x;
}
body {
	margin: 0;
	background: url(http://www.worldsurfaris.com/images/bg-tattoo-topleft.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
p, a, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #666666;
}
h1, h2, h3 {
	font-family: georgia;
}
h1 {
	font-size: 22px;
	line-height: 32px;
}
h2 {
	font-size: 16px;
	line-height: 22px;
}
h3 {
	font-size: 14px;
}
a {
	color: #2368d2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
img {
	border: 0;
}
#white {
	width: 888px;	
	padding: 6px;
	margin: 0 auto 80px auto;
	position: relative;
	top: 60px;
	background-color: #FFF;
}
#content {

}
#logo {
	position: absolute;
	width: 227px;
	z-index: 1;
	left: 667px;
	top: -49px;
}

/* -----------------DROP DOWN MENU----------------- */
#dropdownmenu {
	width:661px;
	height:40px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	z-index:100;
	float: left;
}

#dropdownmenu #main-navigation-panel, #dropdownmenu #main-navigation-panel ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#dropdownmenu #main-navigation-panel a {
	display: block;
	font-size:11px;text-decoration:none; color:#fff;

}
#dropdownmenu #main-navigation-panel a.toplevel {font-size:11px;text-decoration:none; color:#fff;  height:33px; border-top: 3px #333333 solid;  background:#191919 url(../images/menu-line.gif) no-repeat right; padding: 4px 0 0 13px; line-height:29px;}
#dropdownmenu #main-navigation-panel a:hover.toplevel {color:#fff; background:#191919; border-top: 3px #80e104 solid;  background:#191919 url(../images/menu-line.gif) no-repeat right; text-decoration:none;}

#dropdownmenu #main-navigation-panel li { /* all list items */
padding: 0;
margin: 0;
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	
}

#dropdownmenu #main-navigation-panel li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background:#6d6d6d none; 
	color:#FFF; 
}
#dropdownmenu #main-navigation-panel li ul a {
background:#6d6d6d none; color:#FFF; height:auto; line-height:1em; padding:5px 16px; width:126px;border-top: none; border-bottom:#333333 1px solid; border-left:#333333 1px solid; border-right:#333333 1px solid; }

#dropdownmenu #main-navigation-panel li ul a:hover {background:#464646; }

#dropdownmenu #main-navigation-panel li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 159px;
}

#dropdownmenu #main-navigation-panel li ul ul li a{ 
	width: 229px;
}

#dropdownmenu #main-navigation-panel li:hover ul ul, #dropdownmenu #main-navigation-panel li.sfhover ul ul {
	left: -999em;
}

#dropdownmenu #main-navigation-panel li:hover ul, #dropdownmenu #main-navigation-panel li li:hover ul, #dropdownmenu #main-navigation-panel li.sfhover ul, #dropdownmenu #main-navigation-panel li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#dropdownmenu #main-navigation-panel li:hover, #menu li.hover {
    position: static;
}
/* -----------------END DROP DOWN MENU----------------- */

/* Header */

#header {
	width: 227px;
	float: right;
		background-color: #393939;
}
#header .container {
	margin: 0;
	padding: 100px 0 0 0;
	height: 289px;
	background-image: url(http://www.worldsurfaris.com/images/sidebarbg.jpg);
}
#header .container ul {
	margin: 0;
	text-align: center;
	display: block;
	padding: 0;
	list-style-type: none;
	color: #FFF;
}
#header .container ul li {
	display: block;
	height: 20px;
	text-align: center;
	background-image: url(http://www.worldsurfaris.com/images/menu-li-line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 0 10px 0;
}
#header .container ul li:hover {
	background-image: url(http://www.worldsurfaris.com/images/menu-li-line-hover.gif);
}
#header .container a{
	color: #FFF;
	text-decoration: none;
}
#subscribe {
	height: 35px;
	width: 205px;
	background-color: #393939;
	padding: 7px 0 0 22px;
}
#subscribe img {
	margin: 0 2px 0 0;
}
#header .item {
	background-color: #393939;
	padding: 10px;
	height: 160px;
}
#sidebar {
	float: right;
	width: 213px;
	padding: 0 7px 0 7px;
	color: #999;
}
.sidebar-block {
	border: #666668 solid 1px; 
	background-color: #373735; 
	padding: 20px;
	margin: 0 0 20px 0;
}
div.sidebar-block ul {
	list-style: url(http://www.worldsurfaris.com/images/icon-plus-white.gif) outside;
	padding: 0 0 0 15px;
	margin: 0px;
}
#sidebar h3 {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar a {
	color: #95D244;
}
#search {
	float: left;
	width: 662px;
	height: 36px;
	background-color: #393939;
	padding: 6px 0 0 0;
}
#search h3 {
	display: inline;
}
#search form#searchform {
	display: inline;
}

/*Sidebar Search Box */

#searchform input #s {width: 100px;}
#searchform input #searchsubmit {width: 40px;}


#main-area-wrap {
	float: left;
	width: 661px;
}
#wrapper {
	margin: 0;
	padding: 0;
}
.new-post {
	background: url(http://www.worldsurfaris.com/images/specials_listing_bg.gif) repeat-x bottom;
	border-bottom: 1px solid #E6E6E6;
	margin: 0;
	padding: 0 0 20px 0;
}
.new-post p {
	padding: 0 10px 10px 10px;
}
.new-post h1 {
	vertical-align: text-bottom;
	padding: 6px 10px 6px 10px;
	margin: 0 0 6px 0;
}
.new-post h1 a {
	color: #333; 
}
.new-post-image {
	margin: 0;
	padding: 0;
	height: 348px;
	border-bottom: #666668 solid 1px; 
}
.new-post-content {
	float: left;
	width: 501px;
	height: 202px;
	margin: 0 10px 0 0;
}

.new-post-info {
 /*	background-color: #000; TROUBLE SHOOTING ORANGE */
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	padding: 10px;
	text-align: right;
}
.new-post-info a {
	color: #333;
}
.new-post-info .comments {
	background: url(http://www.worldsurfaris.com/images/comments.gif) no-repeat;
	margin: 0;
	padding: 20px 15px 40px 15px;
	text-align: center;
}
.new-post-info .comments:hover {
	background: url(http://www.worldsurfaris.com/images/commentshover.gif) no-repeat;
}
.cat-wrap {
	float: left; width: 621px;
	background: url(http://www.worldsurfaris.com/images/specials_listing_bg.gif) repeat-x bottom;
	border-bottom: 1px solid #E6E6E6;
	padding: 20px;
	height: 80px;
}
.cat-wrap h1 {margin: 20px 0 0 0;}
.mainpost-wrap {
	background: url(http://www.worldsurfaris.com/images/specials_listing_bg.gif) repeat-x bottom;
	border-bottom: 1px solid #E6E6E6;
	margin: 0;
	padding: 18px 0 20px 0;
}
.mainpost-wrap p {
	padding: 0 10px 10px 10px;
}
.mainpost-wrap h2 {
	vertical-align: text-bottom;
	padding: 6px 10px 6px 10px;
	margin: 0 0 6px 0;
}
.mainpost-wrap h2 a {
	color: #333;
}
.mainpost-image {
	float: left;
	margin: 0 9px 0 10px;
	padding: 10px 0 0 0;
}
.mainpost-content {
	float: left;
	width: 302px;
	margin: 0 10px 0 0;
}
.mainpost-info {
 /*	background-color: #000; TROUBLE SHOOTING ORANGE */
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	padding: 10px;
	text-align: right;
}
.mainpost-info a {
	color: #333;
}
.mainpost-info .comments {
	background: url(http://www.worldsurfaris.com/images/comments.gif) no-repeat;
	margin: 0;
	padding: 20px 15px 40px 15px;
	text-align: center;
}
.mainpost-info .comments:hover {
	background: url(http://www.worldsurfaris.com/images/commentshover.gif) no-repeat;
}

/*------------------------------------------------------------*/
/*--------------------[SINGLE POST CONTENT]-------------------*/
/*------------------------------------------------------------*/
h1.post-title { color: #333333;  margin: 0px 0px 10px 0px; }
.single-post-content {
	width: 641px;
	padding: 0 10px;
	margin: 0 10px 0 0;
}
.single-post-content p { line-height: 26px; margin-bottom: 20px;}
.single-post-content img {border: left; border: 1px #CCC solid; padding: 5px; float: left; margin: 0 20px 20px 0;}
.single-post-content .new-post-info {
 	background-color: #EFEFEF;
	width: 620px ;
	text-align: left;
	padding: 10px;
	margin: 10px 0 20px 0;
}
.single-post-content .date {
/* 	background-color: #0C3; TROUBLE SHOOTING ORANGE */
	width: 500px;
	float: left;
	padding: 0;
	margin: 0;
}
.single-post-content .date h1, .single-post-content .date p {
	padding: 0;
	margin: 0;
/* 	background-color: #0C3; TROUBLE SHOOTING ORANGE */
}
.new-post-info .comments {
	float: right;
	width: 90px;
	margin: 15px 0 0 0;
}

/*------------------------------------------------------------*/
/*--------------------[FOOTER]--------------------------------*/
/*------------------------------------------------------------*/
#footer-widgets-wrap {float: left;width: 888px;background:#FFF;}
#footer-widgets-inside {float: left; background: #393939;}
#footer-widgets-inside .widget { width: 255px; padding: 0 20px 20px 20px; margin: 20px 0 0 0; float: left; border-right: 1px  #666 solid;}
#footer-widgets-inside .widget h4 {font-size: 14px;margin: 0 0 15px 0;color: #CCC;font-family: Arial, Helvetica, sans-serif;font-weight: bold;text-transform: uppercase;}
#footer-widgets-inside .widget ul {	list-style: url(http://www.worldsurfaris.com/images/icon-plus-white.gif) inside;padding: 0;}
#footer-widgets-inside .widget li { color: #CCC;}
#footer-widgets-inside a {	color: #95D244; }
#footer-widgets-inside p { color: #999;}
#footer-bottom {width: 848px; float: left; padding: 6px 20px 6px 20px; color: #ccc; 	background: #333;}
#footer-bottom {color: #E4E4E4;}
#footer-bottom a {color: #FFF; }

					
/*------------------------------------------------*/
/*--------------[POST / PAGE CONTENT]-------------*/
/*------------------------------------------------*/
span.meta-comments { float: left; display: block; background: url('../images/meta-comment-bg.jpg') no-repeat; width: 120px; height: 34px; margin: 34px 0px 0px 5px; display: inline; }
span.meta-comments a { display: block; color: #ffffff; font-size: 12px; font-weight: bold; padding: 3px 0px 3px 13px; }
.post-meta { clear: both; margin: 0px 0px 0px -1px; }
.post-meta-bottom { }
.post-meta-bottom p { padding: 15px 15px 15px 35px; color: #647e8b; font-size: 12px; }
.post-meta-bottom p a, .post-meta-bottom p span.author { font-weight: bold; }
#main ul, #main ol { margin-bottom: 8px; }
#main ul li { background: url('../images/li-mark.jpg') no-repeat 0px 11px; padding: 0px 0px 0px 12px; }
#main ol { list-style-type: decimal; margin-left: 20px; }
#main blockquote { padding: 0px 0px 0px 15px; border-left: 2px solid #e7e7e7; margin: 0px 0px 10px 20px; font-style: italic; color: #828282; font-size: 13px; }
#main blockquote p { padding-bottom: 0px; }
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.comment-field {width: 200px; margin: 0 5px 5px 0;}
#comment-section { clear: both; float: left; margin-bottom: 20px; }
p#comments { color: #1e1e1e; font-size: 20px; }
#main #comment-section ol.commentlist { padding: 34px 39px 35px 35px; float: left; margin: 55px 0px -95px; list-style-type: none; }
.comment, .comment-body { float: left; }
li.comment { margin-bottom: 10px; }
.comment-author { float: left; margin: -90px 0px 0px -30px; z-index: 1; position: relative; }
#main-area-wrap .comment-author img.avatar { border: 1px solid #dbdbce; padding: 5px; background: #ecece0; float: left; }
.comment-info { float: left; padding: 3px 0px 0px 13px; font-size: 14px; }
cite.fn, span.says  { color: #333333;  }
span.says, div.commentmetadata { font-style: normal; }
div.commentmetadata { margin-top: -5px; }
div.commentmetadata, div.commentmetadata a { color: #b1b1a5; }
.comment-top, .comment-bottom, .comment-content { float: left; }
.comment-top  { background: url('../images/comment-top.png') no-repeat; height: 25px; margin-top: -12px; }
.comment-content { padding-bottom: 10px; clear: both; width: 99%; }
.comment-bottom-main { float: left;  }
.comment-bottom-left { background: url('../images/comment-bottom-left.jpg') no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; }
.comment-bottom-right { background: url('../images/comment-bottom-right.jpg') no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; }
.comment-body p { line-height: 28px; }
#main ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; }
#main ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; }
#main .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left; background: #ffffff url('../images/inner-comment-bottom-main.jpg') repeat-x bottom left; border-left: 1px solid #d1d1c2; border-right: 1px solid #d1d1c2; position: relative; }
#main .commentlist .children li .comment-top-main { background: url('../images/inner-comment-top-main.jpg') repeat-x top left; width: 100%; float: left; height: 6px; }
#header ul.children { padding: 10px 0 0 0; }
#main ul.children li { background: none;  }
#main-area-wrap img.wp-smiley { border: none; padding: 0px; }
.comment-top-left, .comment-top-right, .comment-top-main { height: 24px; }
.comment-top-left { background: url('../images/comment-top-left.jpg') no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; }
.comment-top-right { background: url('../images/comment-top-right.jpg') no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; }
.comment-top-main { background: url('../images/comment-top-main.jpg') repeat-x top left; width: 100%; float: left; }
.bubble { background: url('../images/bubble-top.png') no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; }
.commentlist li { background:#F8F8F5 url('../images/comment-bottom-main.jpg') repeat-x bottom left; border-left:1px solid #DFDFD7; border-right:1px solid #DFDFD7; position:relative; padding: 0px 30px 50px; margin: 0px 0px 60px; width: 496px; display: block; float: left; }
.reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20; background: url('../images/reply-right-bg.png') no-repeat right bottom; padding-right: 11px; }
a.comment-reply-link { padding: 6px 15px; background: #657f8c; color: #feffff;  font-weight: bold; display: block; }
.children .comment-top-left { background: url('../images/inner-comment-top-left.jpg') no-repeat top left; width: 15px; left: -1px; top: 0px; position: absolute; } 
.children .comment-author { float:left; margin: 0px; width:100%; z-index:1; }
.children .bubble { display: none; }
.children .comment-top-right { background: url('../images/inner-comment-top-right.jpg') no-repeat top right; width: 15px; right: -1px; top: 0px; position: absolute; }
.children .comment-bottom-left { background: url('../images/inner-comment-bottom-left.jpg') no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
.children .comment-bottom-right { background: url('../images/inner-comment-bottom-right.jpg') no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
.children .reply-container { bottom: -10px; right: 30px; }
.nocomments div#respond { margin-top: 0px; }
div#respond  h3 { font-size: 21px; margin: 5px 0px 7px; color:#303030; }
div.navigation, div#respond { float: left; width: 595px; }
div#respond { padding: 10px 0px 0px 35px; width: 90%; }
form#commentform { float: left; width: 99%; position: relative; z-index: 10; }
form#commentform  textarea { width: 96%; border: 1px solid #D1D1C2; padding: 3px; }
.cancel-comment-reply { padding-bottom: 12px; }
#comment-section li.comment div#respond { margin-top: 0px; padding: 0px; }
#comment-section div.navigation div.alignleft { padding-left: 35px; }
#comment-section div#trackbacks { float:left; padding: 34px 39px 10px 35px; }
div#trackbacks  h3 { color:#1E1E1E; font-size:14px; margin-bottom: 7px; }
ol.pinglist li { margin-bottom: 3px; }