/*
Theme Name: For Fun Diving
Theme URI: http://www.4fundiving-bali.com
Description: Unique theme developed by bali web design studio exclusively for 4fundiving-bali.com.
Author: Bali Web Design Studio
Author URI: http://developer.web.id/
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Peter Wiegel
 * @vendorurl:  http://www.peter-wiegel.de
 * @licenseurl: http://www.fontsquirrel.com/license/Paneuropa-Street
 *
 *
 */

@font-face {
	font-family: 'PaneuropaStreetRegular';
	src: url('media/Paneuropa_Street.eot');
	src: local('Paneuropa Street Regular'), local('PaneuropaStreet'), url('media/Paneuropa_Street.woff') format('woff'), url('media/Paneuropa_Street.ttf') format('truetype'), url('media/Paneuropa_Street.svg#PaneuropaStreet') format('svg');
}

@font-face {
	font-family: 'PaneuropaRoadRegular';
	src: url('media/Paneuropa_Road.eot');
	src: local('Paneuropa Road Regular'), local('PaneuropaRoad'), url('media/Paneuropa_Road.woff') format('woff'), url('media/Paneuropa_Road.ttf') format('truetype'), url('media/Paneuropa_Road.svg#PaneuropaRoad') format('svg');
}

@font-face {
	font-family: 'PaneuropaHighwayRegular';
	src: url('media/Paneuropa_Highway.eot');
	src: local('Paneuropa Highway Regular'), local('PaneuropaHighway'), url('media/Paneuropa_Highway.woff') format('woff'), url('media/Paneuropa_Highway.ttf') format('truetype'), url('media/Paneuropa_Highway.svg#PaneuropaHighway') format('svg');
}



/* Styles */
body { background:#f4e7bd; font:normal 11px/16px Verdana, Arial, Tahoma; color:#555; }
a { color:#ff9000; text-decoration:none; }
a:hover { color:#ff0000; }

h1,h2,h3,h4 { font-family:'PaneuropaStreetRegular', Arial, Tahoma;letter-spacing: -1px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/hIEfix.png,sizingMethod=crop);zoom:1; line-height:40px;}

h1 { font-size:34px; line-height:40px; }
h2 { font-size:30px; line-height:36px; }
h3 { font-size:24px; line-height:30px; }
h4 { font-size:20px; line-height:24px; }

.wrap { display:block; width:100%; text-align:center; }
.container { width:950px; margin:0px auto; text-align:left; }

#header { background:url(images/head-bg.jpg) center top no-repeat; height:165px; }
#lang-wrap { background:url(images/lang-bg.png) no-repeat; width:173px; height:42px; float:right; margin-top:50px; }
#lang-wrap strong { font-size:12px; font-weight:bold; letter-spacing:-1px; display:inline-block; float:left; margin-left:10px; margin-top:13px; color:#b22d00; }
#qtranslate-chooser { display:inline-block; margin:12px 5px 0px 0px; float:right; }
#qtranslate-chooser li { float:right; margin:0px 5px 0px 0px; }
#qtranslate-chooser li a { border:solid 1px #000; padding:2px; display:inline-block; background-position:center center; }
#qtranslate-chooser li.active a,
#qtranslate-chooser li a:hover { border-color:red; }

#main-navi { background:url(images/nav-bg.jpg) repeat-x; height:53px; }
#main-navi ul { display:inline; }
#main-navi ul li { float:left; margin:14px 5px 0px 0px; }
#main-navi ul li a { font-weight:bold; color:#8a4600; display:block; padding:5px 10px; letter-spacing:-1px; }
#main-navi ul li a:hover,
#main-navi ul li a.active { background:#8b2c00; color:#f4e7bd;-webkit-border-radius: 5px;-moz-border-radius:5px;CCborderRadius:5px;}

/* Homepage */
#homepage-container { position:relative; color:#f4e7bd; top:20px; padding-bottom:20px; }
#homepage-container img.slide-bg { position:absolute; top:0px; left:0px; padding:4px; border:solid 1px #c6bc99; }
#homepage-navi { position:absolute; z-index:8; top:40px; left:98px; background:url(images/transparent.png); width:200px; }
#homepage-navi ul { padding:20px; }
#homepage-navi ul li { margin-bottom:5px; }
#homepage-navi ul li a { color:#f4e7bd; }
#homepage-navi ul li a:hover,
#homepage-navi ul li a.active { color:#ff7700; }
#homepage-output {  z-index:9; background:url(images/transparent.png); width:550px; height:300px;  top:40px; left:300px; position:absolute; overflow:hidden; }
#homepage-output p { margin:10px 0px; }
#homepage-output h3 { color:#ffc75b; }
.cropping { height:auto; }
.slide-content { height:300px; padding:20px 20px 20px 30px; background:url(images/whistle.png) 5px 5px no-repeat; }
.slide-content p.more { text-align:right; }
.slide-content p.more a { font-size:11px; color:#000; background:#ff8517; padding:5px 10px; font-weight:bold; display:inline-block; margin-top:10px; border:solid 1px #8a4600; }
.slide-content p.more a:hover { background:#8b2c00; border-color:#000; color:#fff; }
.clearing { position:relative; width:950px; height:400px; }

#footnote { background:#b20000 url(images/foot-bg.jpg) center top repeat-x; padding-top:5px; color:#f4e7bd; }
#footnote h2 { color:#f4e7bd; margin:20px 0px; }
#footnote a { color:#ffc75b; } #footnote a:hover { color:#fff; }
#footnote a.button { background:#942f00; padding:5px 10px; font-weight:bold; display:inline-block; margin-top:10px; border:solid 1px #990000; }
#footnote a.button:hover { background:#990000; border-color:#000; }
#foot-1,#foot-2,#foot-3 { width:310px; margin-right:10px; float:left; }
#foot-3 { margin-right:0px; }

#foot-1 ul li { margin-bottom:5px; }
#foot-1 ul li strong { display:block; }
#foot-1 ul li span.meta { display:block; font-size:10px; color:#ff7805; }
#foot-1 ul li img.preview { float:left; margin:5px 5px 5px 0px; padding:5px; border:solid 1px #990000; }

#foot-2 ul,
ul#image-list { display:inline; }
#foot-2 li,
ul#image-list li { display:block; margin:0px 5px 5px 0px; float:left; }
#foot-2 li a,
ul#image-list li a { display:inline-block; }
#foot-2 li a img,
ul#image-list li a img { padding:5px; border:solid 1px #990000; }
#foot-2 li a:hover img,
ul#image-list li a:hover img  { padding:0px; border:solid 6px #FF3300; }

#foot-3 p { margin:10px 0px; }
#foot-3 p strong { display:block; color:#ffc75b; }

#footer { padding-top:50px; padding-bottom:10px; font-size:11px; }
#footer .left { float:left; }
#footer .right { float:right; }

.notice { text-align:center; padding:5px 0px; color:red; font-weight:bold; }

.posts { border-right:dashed 1px #d8cfb2; border-left:dashed 1px #d8cfb2; background:#fff0be;}
.post{ margin:10px 0px; width:800px; margin:0px auto; text-align:left; border-bottom:dashed 1px #d8cfb2; padding:20px 0px; }
.entry {}
.post h2 { margin:15px 0px; } .post h2.title { margin:0px; }
.post h2,.post h2 a { color:#8b2c00; }
.post h2 a:hover { color:#000; }
.post ul,
.post ol { margin:10px 0px 10px 20px; }
.post ul li { list-style:square; margin-bottom:10px; }
.post ol li { list-style:decimal; }
.post blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; line-height:18px; padding:10px; background:#f4e7bd; border:dashed 1px #d8cfb2; margin:10px 20px; color:#333; }
.post p { margin:10px 0px; }
.post p.meta { font-size:11px; font-weight:bold; letter-spacing:-1px; line-height:18px; padding:10px; background:#d8cfb2; border:solid 1px #918663; margin:0px; color:#333; }
.post p.meta a { color:red; } .post p.meta a:hover { color:black; }
.post th { padding:10px; background:#d8cfb2; font-size:16px; }
.post td { padding:10px; border-bottom:solid 1px #d8cfb2; }
.post tr.even { background:#f4e7bd; }
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { display:block; margin:0px auto; }