/*
	Theme Name: Camping Stobrec - Split - Blog
	Theme URI: http://www.campingsplit.com
	Version: 1.00
	XHTML: Luka Vidos
	Design: Ivan Milas
	XHTML URI: http://www.vidosh.com
*/

/* BASIC */
* 					{ margin: 0; padding: 0; }
body					{ background: #003f69 url(i/bg.gif) repeat-x top center; color: #014669; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 62.5%; }
input, select 			{ font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 1.1em; color: #535353; }
.clear				{ clear: both; }
.wrap:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* HOLDER */
#sizer 				{ background: transparent url(i/header.gif) no-repeat top center; margin: 0 auto; padding: 0; width: 992px; }


/* HEADER */
#header 				{ position: relative; margin: 0 auto; padding: 0; height: 260px; }
#header h1 			{ position: absolute; top: 30px; left: 38px; width: 146px; height: 57px; overflow: hidden; }
#header h1 a 			{ display: block; width: 146px; height: 57px; text-indent: -999em; }


/* MENU */
#menu-horz { position: absolute; bottom: 10px;  }
#menu-horz a { font-size: 1.2em; font-weight: bold; color: #fff; text-decoration: none;  }
#menu-horz a:hover { color: #fff; text-decoration: underline;  }
#menu-horz ul { list-style-type: none; }
#menu-horz ul li { display: inline; padding-right: 10px; }


/* MIDDLE HOLDER */
#middle				{ clear: both; margin: 0 auto; padding: 0; width: 992px; background-color: #ffffff; }


/* CENTER BAR */
#center-bar 			{ float: left; display: inline; margin: 0; padding: 6px 0px 6px 6px; width: 580px; }
#center-bar a		{ text-decoration: underline; color: #535353; }
#center-bar a:hover	{ text-decoration: none; color: #ffffff; background-color: #003f69; }
#center-bar h2 		{ margin-bottom: 10px; font-size: 2.4em; font-weight: normal; }
#center-bar h2 a:link		{ text-decoration: none; color: #014669; }
#center-bar h2 a:visited	{ text-decoration: none; color: #014669; }
#center-bar h2 a:hover	{ text-decoration: none; background-color: #003f69; color: #ffffff; }
#center-bar h2 a:active	{ text-decoration: none; background-color: #003f69; color: #ffffff; }
#center-bar h3 		{ margin-bottom: 6px; font-size: 1.4em; font-weight: bold; }
#center-bar p 		{ font-size: 1.2em; line-height: 1.6em; margin-bottom: 14px; }
#center-bar ul 		{ margin: 0 25px 14px 25px; font-size: 1.2em; line-height: 1.6em; }
#center-bar ol 		{ margin: 0 25px 14px 25px; font-size: 1.2em; line-height: 1.6em; }
#center-bar table	 	{ margin-bottom: 18px; }

#center-bar .dateblock { float: right; border-top: 3px solid #014669; padding: 8px 10px 0 10px; margin: 7px 10px 0 10px; text-align: center; font-family: Arial; background-color: #e7e7e7; color: #014669; }
#center-bar .month { font-size: 1.0em; padding-bottom: 3px; }
#center-bar .day { font-size: 2.6em; font-weight: bold; position: relative; top: -5px; padding-bottom: 3px; }
#center-bar sup { font-size: 0.5em; }
#center-bar .year { font-size: 1.0em; position: relative; top: -10px; }

/* center content */
#center-bar .large-picture 		{ margin: 0; padding: 0; }
#center-bar .material-container	{ margin: 20px 20px 20px 20px; }
#center-bar .material-container.post	{ margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dotted #aaaaaa; }

/* navigation */

#center-bar .navigation	{ padding: 0 20px 20px 20px; font-size: 1.1em; }

/* center table */
#center-bar table.pricelist 			{ border: 0px none transparent; }
#center-bar table.pricelist td			{ padding: 4px; }
#center-bar table.pricelist tr.title	{ background-color: #dddddd; text-align: center; }
#center-bar table.pricelist tr.alt		{ background-color: #efefef; }
#center-bar table.pricelist tr.title td	{ padding: 4px; }
#center-bar table.pricelist td.price	{ width: 100px; }
#center-bar table.pricelist td.center	{ text-align: center; }

/* LEFT BAR */
#left-bar 			{ float: left; margin: 0; padding: 6px 0px 6px 6px; width: 194px; color: #535353; }
#left-bar a			{ color: #535353; text-decoration: none; }
#left-bar a:hover	{ text-decoration: underline; }
#left-bar h4			{ background: #c5e5e6 url(i/bg-widget.gif) repeat-x top left; margin: 0; border-left: 6px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 6px solid #ffffff; padding: 5px 0 4px 0; font-size: 1.2em; font-weight: bold; text-align: center; }
#left-bar p			{ font-size: 1.0em; line-height: 14px; }

/* main menu */
#main-menu			{ margin: 0; border-top: 3px solid #e4f1d9; border-bottom: 8px solid #e4f1d9; padding: 0; font-size: 1.2em; list-style-type: none; }
#main-menu li			{ border-bottom: 1px solid #ffffff; background-color: #e4f1d9; }
#main-menu li.active	{ background: #e4ed9e url(i/bg-menu-over.gif) repeat-x top left; font-weight: bold; background-color: #e4ed9e; }
#main-menu li a		{ display: block; padding: 5px 10px 5px 10px; }
#main-menu li a:hover	{ background: #e4ed9e url(i/bg-menu-over.gif) repeat-x top left; font-weight: bold; }

/* widget useful links */
.widget_text 		{ background: #e3f0d8 url(i/bg-box.gif) no-repeat bottom left; margin: 6px 0 0 0; padding-bottom: 6px; }
.widget_text ul 		{ margin: 15px 15px 15px 25px; list-style-type: square; }
.widget_text ul li 		{ padding: 3px 0px 3px 0px; }


/* RIGHT BAR */
#right-bar 			{ float: left; margin: 0; padding: 6px; width: 194px; background-color: #ffffff; color: #535353; }
#right-bar a			{ color: #535353; text-decoration: none; }
#right-bar a:hover	{ text-decoration: underline; }
#right-bar h4 		{ background: #c5e5e6 url(i/bg-widget.gif) repeat-x top left; margin: 0; border-left: 6px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 6px solid #ffffff; padding: 5px 0 4px 0; font-size: 1.2em; font-weight: bold; text-align: center; }
#right-bar p 		{ font-size: 1.0em; line-height: 14px; }

/* widget about */
#widget-about 		{ border: 4px solid #e4f1d9; }
#widget-about h4		{ background-color: #ffffff; background-image: none; }
#widget-about h4 a	{ background: transparent url(i/logo.gif) no-repeat top left; display: block; margin: 5px 0px 15px 0px; width: 165px; height: 59px; text-indent: -999em; overflow: hidden; }
#widget-about p.about-htz a			{ background: transparent url(i/widget-htz.gif) no-repeat top left; display: block; margin: 0 30px; width: 122px; height: 42px; text-indent: -999em; overflow: hidden; }
#widget-about ul 		{ margin: 15px 0 10px 15px; list-style-type: none; }
#widget-about ul li 	{ padding: 7px 15px 7px 30px; }
#widget-about ul li.about-address		{ background: transparent url(i/ico-address.gif) no-repeat 0 12px; }
#widget-about ul li.about-telephone	{ background: transparent url(i/ico-telephone.gif) no-repeat 0 8px; }
#widget-about ul li.about-mail			{ background: transparent url(i/ico-mail.gif) no-repeat 0 8px; }

/* widget google maps */
#widget-google-maps 		{ background: #e3f0d8 url(i/bg-box.gif) no-repeat bottom left; margin: 6px 0 0 0; padding-bottom: 6px; }
#widget-google-maps a 	{ background: transparent url(i/widget-google-maps.gif) no-repeat top left; display: block; width: 194px; height: 151px; text-indent: -999em; overflow: hidden; }

/* widget converter */
#widget-converter 		{ background: #e3f0d8 url(i/bg-box.gif) no-repeat bottom left; margin: 6px 0 0 0; padding-bottom: 6px; }
#widget-converter form 	{ margin: 0; padding: 15px; }
#widget-converter input 	{ float: left; margin: 0 5px 5px 0; border: 1px solid #cccccc; padding: 3px; width: 90px; }
#widget-converter select 	{ float: left; margin: 0 0 5px 0; border: 1px solid #cccccc; padding: 2px; width: 60px; }

/* widget route planner */
#widget-route-planner 	{ background: #e3f0d8 url(i/bg-box.gif) no-repeat bottom left; margin: 6px 0 0 0; padding-bottom: 6px; }
#widget-route-planner a 	{ background: transparent url(i/widget-route-planner.gif) no-repeat top left; display: block; width: 194px; height: 67px; text-indent: -999em; overflow: hidden; }

/* widget weather */
#widget-weather 			{ background: #e3f0d8 url(i/bg-box.gif) no-repeat bottom left; margin: 6px 0 0 0; padding-bottom: 6px; }
#widget-weather img 		{ margin: 15px 15px 10px 15px; }
#widget-weather ul 		{ margin: 0 0 10px 15px; list-style-type: none; }
#widget-weather ul li 		{ padding: 1px 0; }
#widget-weather ul li span 	{ font-weight: bold; }

/* FOOTER */

#footer 				{ background: #003f69 url(i/bg-footer.gif) repeat-x top center; margin: 6px 0 0 0; padding: 0; width: 100%; height: 160px; }
#footer-bg			{ background: transparent url(i/footer.gif) no-repeat top center; margin: 6px 0 0 0; padding: 0; width: 100%; height: 160px; }
#information 		{ margin: 0 auto; padding: 6px 0 3px 0; width: 992px; height: 16px; background-color: #ffffff; }
#information a		{ text-decoration: none; color: #535353; }
#information a:hover	{ text-decoration: underline; }
#counter 			{ float: left; padding-left: 25px; width: 505px; font-weight: bold; }
#designby 			{ float: right; padding-right: 25px; width: 265px; text-align: right; }


/* Align */
.aligncenter 		{ margin: 10px auto 20px auto; display: block; }
.alignleft			{ margin: 10px 10px 8px 0; float: left; }
.alignright 			{ margin: 10px 0px 8px 10px; float: right; }
img.centered 		{ display: block; margin-left: auto; margin-right: auto; }
img.alignright	 	{ padding: 4px; margin: 3px 0 2px 10px; display: inline; }
img.alignleft 		{ padding: 4px; margin: 3px 10px 2px 0; display: inline; }
.col-left 			{ float: left; }
.col-right 			{ float: right; }