/*
Theme Name: FriendlyCroatia
Theme URI: http://www.friendlycroatia.com/
Description: The original WordPress theme for FriendlyCroatia.
Version: 1.0
Author: Mip Design Studio
*/

/* Base
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #fff url("images/body/home.gif") repeat-x 0% 0%;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #0b1214;
	text-align: center;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #0b1214;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}

.padd-05
{
	padding: 5px;
}

.padd-10
{
	padding: 10px;
}

.padd-15
{
	padding: 15px;
}


/* Clearing method
------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Layout
------------------------------------------------------*/

#page-container
{
	width: 830px;
	margin: 0px auto;
	text-align: left;
}

#page-inner-container
{
	padding: 0px 0px 0px 15px;
}



/* Header
------------------------------------------------------*/

#page-header
{
	height: 151px;
}

#page-header h1
{
	width: 840px;
	padding: 0px 0px 0px 10px;
	height: 106px;
}

#page-header h1 a
{
	display: block;
	width: 280px;
        float:left;
	height: 88px;
        margin-top:20px;
	/*text-indent: -9999px;*/
	/*background:url("images/logo.gif") no-repeat 0% 100%;*/
}

#nav-container
{
	float: left;
}

#nav-container ul {
	padding: 0px;
	list-style: none;
}

#nav-container li {
  float: left;
}

#nav-container li a {
  display: block;
	font: bold 1.1em Arial, Tahoma, sans-serif;
	color: #191f21;
	text-decoration: none;
	padding: 18px 16px 11px 16px;
}

#nav-container li.current_page_item a, #nav-container li.current_page_parent a, #nav-container li a:hover {
	color: #fff;
	background-color: #ba331f;
}


/* Page Title
------------------------------------------------------*/

#page-title
{
	height: 46px;
}

#page-title h1
{
	font: normal 1.7em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 9px 0px 0px 16px;
}


/* Page highlight
------------------------------------------------------*/

#page-highlight
{
	height: 208px;
}

#page-highlight.home
{
	height: 260px;
}

#page-highlight.home img
{
	display: block;
	width: 815px;
	height: 250px;
	top: 0;
	left: 0;
}

#page-highlight img.thumb
{
	display: block;
	float: right;
	padding: 4px;
	margin-top: 25px;
	border: 1px solid #9da0a1;
}

#page-highlight .text
{
	float: left;
	width: 280px;
	color: #e7e8e8;
	padding-top: 25px;
}

#page-highlight .text p
{
	xfont: italic 1.0em/150% Georgia, Times, serif;
	color: #e7e8e8;
}

#page-highlight .text strong
{
	font-weight: normal;
	color: #ba331f;
}

#page-highlight .text a
{
	color: #ba331f;
	padding-left: 22px;
	background: url("images/icon_arrow_home.gif") no-repeat 0% 55%;
}


/* Page CONTENT
------------------------------------------------------*/

#page-content-container
{
	background: url("images/bg_sidebar.gif") repeat-y 100% 0%;
}

#content-main
{
	float: left;
	width: 505px;
	padding: 20px 0px 30px 0px;
}

#content-sidebar
{
	float: right;
	width: 247px;
	padding: 20px 0px 30px 0px;
	margin-right: 16px;
}


/* CONTENT MAIN
------------------------------------------------------*/

#content-main h2
{
	font: normal 1.6em Arial, Tahoma, sans-serif;
	color: #0b1214;
	text-decoration: none;
	margin: 0px 0px 15px 0px;
}

#content-main h2.intro
{
	font: normal 1.4em Georgia, Arial, Tahoma, sans-serif;
	font-style: italic;
	color: #ba331f;
	margin: 0px 0px 15px 0px;
}

#content-main h2 span
{
	display: block;
	font: normal 0.7em Arial, Tahoma, sans-serif;
	color: #0b1214;
	text-decoration: none;
	margin-top: 3px;
}

#content-main h2.top
{
	margin-top: 20px;
}

#content-main h3
{
	font: bold 1.2em/140% Arial, Tahoma, sans-serif;
	color: #0b1214;
	margin: 20px 0px 10px 0px;
	text-transform: uppercase;
}

#content-main h3 span
{
	display: block;
	font: bold 0.8em Arial, Tahoma, sans-serif;
	color: #ba331f;
	margin-top: 3px;
}

#content-main h4
{
	font: normal 1.3em/140% Arial, Tahoma, sans-serif;
	color: #ba331f;
	margin: 20px 0px 10px 0px;
}

#content-main a
{
	color: #ba331f;
}

#content-main ul, #content-main ol
{
	padding-left: 16px;
	margin-bottom: 15px;
}

#content-main ul li, #content-main ol li
{
	margin-bottom: 5px;
}

#content-main ul ul
{
	margin: 5px 0px 15px 0px;
	padding-bottom: 0px;
}

#content-main ul.nav
{
	border: 1px solid #e0e0e0;
	background-color: #f6f6f6;
	padding: 15px 15px 15px 15px;
	list-style: none;
}

#content-main ul.highlight
{
	border: 1px solid #e0e0e0;
	background: url("images/content/ul_pool.jpg") no-repeat 0% 50%;
	padding: 20px 15px 15px 15px;
	list-style: none;
}

#content-main ul.nav li
{
	padding-left: 22px;
	background: url("images/icon_arrow_home.gif") no-repeat 0px 6px;
}

#content-main ul.highlight li 
{
	background: url("images/icon_arrow_destinations.gif") no-repeat 0px 6px;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 3px;
}

#content-main ul.highlight li a
{
	color: #fff;
}

#content-main ul.nav li.head
{
	padding-left: 0px;
	background: none;
	font: bold 1.0em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #ba331f;
}

#content-main ul.nav li.top
{
	padding-top: 10px;
}

#content-main ul.nav a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #0b1214;
}

#content-main .banner
{
	padding: 1px 20px 1px 20px;
	margin: 20px 0px 0px 0px;
	background-color: #d7dbd5;
}

#content-main .banner img
{
	display: block;
}


/* CONTENT MAIN - TOP DESTINATIONS
------------------------------------------------------*/

#top-destinations
{
	margin: 0px 0px 20px 0px;
}

#top-destinations .destination
{
	width: 163px;
	/*height: 280px;*/
	float: left;
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
}

#top-destinations .last
{
	margin-right: 0px;
}

#top-destinations h3
{
	font: bold 1.2em/140% Arial, Tahoma, sans-serif;
	padding: 3px 0px 3px 6px;
	margin: 0px -6px 5px -6px;
	background-color: #e5e8e4;
}

#top-destinations .desc
{
	padding: 0px 10px 10px 10px;	
}

#top-destinations img
{
	display: block;
	padding: 4px;
	margin: 0px;
}



/* CONTENT SIDEBAR
------------------------------------------------------*/

#content-sidebar h3
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 0px 10px 48px;
	margin: 0px 0px 15px 0px;
	background: #ba331f url("images/bg_sidebar_h1.gif") no-repeat 0% 0%;
}

#content-sidebar ul
{
	list-style: none;
	padding-left: 10px;
	margin-bottom: 25px;
}

#content-sidebar ul li
{
	width: 108px;
	margin-right: 10px;
	float: left;
}

#content-sidebar ul li a
{
	display: block;
	font: normal 1.0em Arial, Tahoma, sans-serif;
	color: #0b1214;
	text-decoration: none;
	padding: 3px 0px 3px 20px;
	background: url("images/bullet_2.gif") no-repeat 5% 50%;
}

#content-sidebar ul li a:hover
{
	background: #ebedea url("images/bullet_2.gif") no-repeat 5% 50%;
}

#content-sidebar ul li.current a
{
	font-weight: bold;
	background: #ebedea url("images/bullet_2.gif") no-repeat 5% 50%;
}

#banners
{
	margin-top: 20px;
}

#banners a
{
	display: block;
	margin-bottom: 10px;
}

#page-content-container #content-main .banner p
{
	margin: 0;
}

#alert
{
	margin: -5px 0px 10px 0px;
	padding: 10px;
	background-color: #f1f4f0;
}



/* Search form
------------------------------------------------------*/

#search
{
	margin: -6px 0px 10px 0px;
	padding: 10px;
	background-color: #f1f4f0;
}

#search form
{
	margin: 0px;
	padding: 0px;
}

#search form strong
{
	font: bold 11px Tahoma, Arial, sans-serif;
	color: #000;
	display: block;
	text-transform: uppercase;
	margin: 6px 0px 4px 2px;
}

#search form .person strong
{
	width: 63px;
	float: left;
	margin-top: 10px;
}

#search form .person select
{
	margin-top: 6px;
}

#search form select.wide
{
	width: 200px;
}

#search form input, #search form select
{
	margin: 0px 5px 5px 0px;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #5a5a5a;
	padding: 2px;
}

#search form input
{
	width: 62px;
}

#search form input.checkbox
{
width: 20px;
}

#search form select
{
	width: 60px;
}

#search form .submit
{
	display: block;
	font: bold 11px Tahoma, Arial, sans-serif;
	color: #fff;
	background-color: #343434;	
	width: 90px;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border: none;
	cursor: pointer;
}

#search form .submit:hover
{
	background-color: #ba331f;	
}

#search form table, #search form tr
{
	margin: 0px;
	padding: 0px;
}

#search form td
{
	padding: 0px;
	margin: 0px;
	height: 20px;
}


/* Page FOOTER
------------------------------------------------------*/

#page-footer
{
	border-top: 10px solid #d7dbd5;
	background-color: #ba331f;
}

#page-footer-inner
{
	width: 800px;
	margin: 0px auto;
	text-align: left;
	padding: 12px 0px 8px 0px;
}

#page-footer ul
{
	list-style: none;
	margin-bottom: 10px;
}

#page-footer li
{
	float: left;
	margin-right: 15px;
}

#page-footer li a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #e3ada5;
	text-decoration: none;
}

#page-footer li.current_page_item a, #page-footer li a:hover
{
	color: #fff;
}

#page-footer p
{
	color: #e3ada5;
}

#page-footer p a
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#page-footer p a:hover
{
	text-decoration: none;
}