/*
Theme Name: Turistička Zajednica VPŽ
Theme URI: http://www.1dva.hr/
Description: Dizajn za Turističku zajednicu VPŽ
Version: Ljeto 2009
Author: 1dva feat Mario Kostelac
Author URI: http://www.1dva.hr/

	Turistička Zajednica VPŽ
	This theme was designed by Matej Sudar (1dva) and coded by Mario Kostelac (mario dot kostelac at gmail dot com)

*/
* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: 0; }
hr { border:solid 1px #f1f1f1; margin: 20px 0;}

/* body is here just to make it stronger than element selector from nextgen gallery css */
body a:link,
body a:hover,
body a:visited,
body a:active	{ color: #0072bc; text-decoration: none; }

h1	{ position: absolute; top: -9999px; left: -9999px; }
h4	{ font-size: 20px; line-height: 26px; height: 26px; font-weight: normal; color: #0072bc; text-indent: -9999px; overflow: hidden; }

body	{ font-family: "Trebuchet MS"; font-size: 12px; line-height: 16px; color: #575757; background-color: #292825; padding-bottom: 60px; }

#wrapper	{ position: relative; width: 930px; padding: 0 20px; margin: 0 auto 0 auto; background: url('design/img/wrapper_bg.gif') repeat-y 0 0; }

#logo	{ z-index: 3; position: absolute; top: 0; right: 0; width: 780px; height: 611px; display: block; background: url('design/img/logo_bg.png') 0 0 no-repeat; }
#logo img	{ position: absolute; top: 20px; right: 20px; }

#header	{ z-index: 2; position: absolute; top: 0; right: 0; width: 780px; height: 510px; }

#main-nav	{ position: absolute; left: -68px; top: 0; padding: 195px 0 410px 88px; width: 170px; background: url('design/img/menu_bottom_bg.jpg') left bottom no-repeat; z-index: 2; }
#main-nav li	{ position: relative; float: left; width: 146px; height: 25px; padding-bottom: 2px; padding-left: 20px; background: #fff; border: 2px solid #eee; border-top: 0; border-bottom: 0;  }
#main-nav a		{ font-size: 16px; }
#main-nav a:hover	{ font-weight: bold; }

#content	{ position: relative; left: 170px; top: 365px; width: 445px; padding: 0 20px; margin-bottom: 365px; z-index: 5; }

#news-title	{ margin-bottom: 10px; background: url('design/img/titles.gif') 0 0 no-repeat; }
#category-title	{ text-indent: 0; margin-bottom: 10px; }
#news dt	{ font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 5px; } 
#news dt a	{ color: #000; }
#news dd	{ margin-bottom: 30px; }
#news dd p	{ font-size: 12px; line-height: 16px; color: #575757; }
#news dt, #news dd	{ display: block; clear: both;  }

#biddings-title	{ margin-bottom: 8px; background: url('design/img/titles.gif') 0px -26px no-repeat; }
#biddings		{ margin-bottom: 20px; padding-bottom: 13px; border-bottom: 2px solid #e51c24; }
#biddings h3	{ font-size: 12px; line-height: 15px; }
#biddings li	{ list-style: outside url("design/img/cross.gif"); margin: 0 0 7px 22px; }
#biddings li a	{  color: #444; }

#boxes	{ height: 165px; padding-bottom: 30px; }
#boxes li	{ position: relative; float: left; display: inline; height: 72px; width: 202px; padding: 4px 20px 0 0; margin-bottom: 10px; }
#boxes img	{ position: absolute; top: 0; left: 0; }
#boxes h4,
#boxes p	{ position: relative; left: 88px; padding-right: 88px; }
#boxes h4	{ font-size: 17px; font-weight: normal; margin-bottom: 3px; text-indent: 0px; }
#boxes h4 a	{ color: #ed1c24; }
#boxes h4 a:hover	{ font-weight: bold; }
#boxes p	{ color: #999; }

#supplementary-content	{ position: absolute; z-index: 5; top: 242px; right: 35px; width: 225px; } 

#events-title	{ margin-bottom: 10px; background: url('design/img/titles.gif') 0px -130px no-repeat; }
#events	{ padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 20px; }
#events li	{ position: relative; }
#events h3	{ position: relative; top: 17px; margin-bottom: 25px; font-size: 13px; font-weight: normal; }
#events h3 a	{ color: #444; }
#events span	{ position: absolute; top: 0; font-size: 14px; color: #888; }

#multimedia-title	{ margin-bottom: 10px; background: url('design/img/titles.gif') 0px -156px no-repeat; }
#multimedia	{ position: relative; background: url('design/img/multimedia_bg.jpg') top right no-repeat; z-index: 6; width: 225px; margin: -65px -35px 0 0; padding: 65px 35px 13px 0;  }
#multimedia li	{ list-style: outside url("design/img/cross.gif"); margin: 0 0 7px 22px; }
#multimedia a	{ font-size: 14px; color: #444; }

#searchform	{ width: 225px; margin-top: 30px; }
#searchform #s	{ float: left; width: 140px; padding: 6px 10px; border: 0; background: url('design/img/search_bg.gif') 0 0 no-repeat; font-family: "Trebuchet MS"; font-size: 16px; color: #bcbcbc; }
#searchform #submit	{ float: left; width: 65px; height: 34px; background: url('design/img/searchbtn_bg.gif') 0 0 no-repeat; border: 0; text-indent: -9999px; overflow: hidden; }

#video-content	{ position: relative; width: 635px; height: 314px; clear: both; padding: 20px 0; margin-bottom: 15px; border: 2px solid #e3e3e3; border-right: 0; border-left: 0; }
#video-content h4	{ font-size: 20px; line-height: 26px; font-weight: normal; color: #0072bc; margin-bottom: 10px; background: url('design/img/titles.gif') 0px -52px no-repeat; }
#video-content h3	{ font-size: 20px; line-height: 30px; font-weight: bold; color: #282724; width: 340px; margin: 0 0 2px 15px; }
#video-content p	{ color: #444; width: 340px; margin: 0 0 10px 15px; }
#video-player	{ position: absolute; top: 20px; right: -295px; width: 550px; height: 305px; }

#weather-report	{ position: absolute; top: 0; left: 20px; width: 166px; height: 180px; padding-top: 30px; border: 2px solid #eee; border-top: 0; border-bottom: 0; background: #fff; }
#weather-report h4	{ position: absolute; top: -9999px; left: -9999px; }
#weather-report h3	{ margin-left: 10px; width: 135px; text-align: right; font-size: 20px; font-weight: normal; color: #0072bc; }
#weather-report dl	{ float: left; display: inline; width: 150px; padding: 25px 0 7px 0; margin-left: 10px; border-bottom: 2px solid #eee; }
#weather-report dt	{ font-size: 15px; font-weight: normal; color: #404040; float: left; width: 80px; padding-right: 5px; height: 32px; text-align: right; }
#weather-report dd	{ font-size: 23px; line-height: 18px; color: #e71c24; height: 32px; float: left; width: 50px; }
#weather-report .img	{ position: absolute; top: -20px; left: -90px; z-index: 3; }

#footer	{ position:relative; width: 100%; clear: both; background: url('design/img/footer_bg.jpg') bottom left no-repeat; margin-left: -76px; padding: 0 0 60px 76px; }
#friends	{ position: absolute; top: 36px; left: 76px; width: 635px; }
#friends li	{ margin:0 0 6px 20px; }
#friends li a:link,
#friends li a:visited { color:#444; }
#friends li a:hover { color:#0072bc; }
#friends-right	{ position: absolute; top: 36px; left: 310px; }
#friends-right li { margin:0 0 6px 20px; }
#friends-right li a:link,
#friends-right li a:visited { color:#444; }
#friends-right li a:hover { color:#0072bc; }
#friends .sup	{ position: relative; top: -12px; }
#friends-title	{ background: url('design/img/titles.gif') 0px -78px no-repeat; }
#impressum	{ position: relative; top: -45px; left: 690px; width: 225px; margin-bottom: -30px; }
#impressum h4	{ margin-bottom: 8px; background: url('design/img/titles.gif') 0px -104px no-repeat; }
#impressum strong	{ font-size: 14px; }
#impressum p	{ color: #444; margin: 5px 0 8px 0; }
#impressum span	{ color: #ccc; }
#impressum img	{ position: relative; left: -8px; margin-top: 10px; }

#madeby	{ position: relative; left: 690px; width: 225px; font-size: 14px; color: #444; }
#madeby	span	{ color: #888; font-size: 12px; line-height: 22px; }
#madeby a	{ font-weight: bold; }

.skipper	{ display: none; }

/* article page */

#article #header	{ top: -267px; }
#article #logo		{ top: -267px; }
#article #logo img	{ top: 287px; } /* 267 + 20(padding) = 287px */
#article #content	{ top: 98px; margin-bottom: 98px; min-height:700px; height:auto !important; height:700px;   } /* 365 - 267 = 98px */
#article #content p	{ font-size: 13px; line-height: 18px; color: #575757; margin-top: 3px; margin-bottom: 5px; display: block; }
#article #content h3	{ margin: 12px 0 4px 0; color:#000; font-size:18px; line-height:20px;}
#article h1		{ position: relative; top: 0; left: 0; font-size: 28px; line-height: 30px; font-weight: bold; color: #000; margin-bottom: 8px; }
#article h2             { color:#000; padding: 0 0 4px 0; margin: 16px 0 0 0; }
#article #footer	{ min-height:181px; height:auto !important;height:181px; }
#article #impressum	{ top: 0; margin-bottom: 15px; } 

/* archive (category) page */
#archive #content	{ min-height:700px; height:auto !important; height:700px; padding-bottom: 50px; }
#archive #content dd	{ min-height:120px; height:auto !important; height:120px; }
#archive #content p	{  }
#archive #content img { padding: 0px; }
#archive .navigation { padding-top: 40px; }
.category-restorani #content { margin-bottom: 450px; }
.category-restorani #news	{ position: relative; top: -25px; }
.category-restorani #content dt { padding-top: 25px; }
.category-restorani #content dd img { margin: 0 0 3px 0; }

/* search page */
#search #content	{ min-height:650px; height:auto !important; height:650px; padding-bottom: 50px; }
#search #search-title	{ margin-bottom: 10px; background: url('design/img/titles.gif') 0 -182px no-repeat; }

/* article images */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 4px 0 12px 0;
}
img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}