/*
Theme Name: Vinski puti
Description: Tema za Internet stranicu Vinski puti.
Version: 1.0
Author: Matej Sudar - 1dva
Author URI: http://www.1dva.hr/

*/


* { margin:0; padding:0; }
li { list-style:none; }

html { background-image:url(img/html-bg.jpg); }

a:link, a:visited, a:hover { color:#54504d; text-decoration:none; }
a img { border:none; }
p { padding:0 0 12px 0; }
.red-border { border-bottom:solid 1px #ca1c22; }

body { background-image:url(img/body-bg.jpg); height:500px; font-size:14px; background-repeat:repeat-x; font-family:Georgia, "Times New Roman", Times, serif; color:#54504d; }

#wrapper { width:960px; margin: 0 auto; }
#header { height:270px;  background:url(img/list-left.png) no-repeat; margin:0 0 0 -200px; position:relative; padding-left:200px; background-position:bottom left; }

#logo { float:left; }

#menu { position:absolute; right:0; top:110px; width:590px; height:40px; font-size: 18px; font-weight:bold; z-index:2; }
	#menu li { float:left; display:inline; margin:0 10px 0 0; height:40px; background-color:#fff; }
	#menu li.active a {  background-image:url(img/sidebar-bg.jpg); }
	#menu li a { padding: 10px 20px; display:block; }

#description { float:left; width:930px; background-color:#e2e1da; margin:30px 0 15px 0; padding:15px; font-size:18px; }

#content {}
	#content .left { float:left; width:580px; margin:0 20px 0 0; line-height:20px; }
	#content h1 { font-size:32px; line-height:34px; font-weight:bold; margin:0 0 20px 0; color:#312f2e; font-style:italic; }
	#content h2 { font-size:22px; line-height:24px; font-weight:bold; margin:16px 0 6px 0; color:#312f2e; }
	#content h3 { font-size:18px; line-height:18px; font-weight:bold; margin:10px 0 4px 0; color:#312f2e; }
	#content h4 { font-size:16px; line-height:16px; font-weight:bold; margin:6px 0 2px 0; color:#312f2e; }
	#content a { border-bottom:solid 1px #ca1c22; }
	#content .left #map { float:left; margin-bottom:40px; background-image:url(img/karta.jpg); width:580px; height:210px; text-indent:-9999px; display:inline; }
	#content .left #map a { display:block; height:210px; width:580px; border:none; }
	
	#content .left .first-image {float:left; margin-bottom:40px; width:580px; height:210px; }

#vinske-tocke { float:left; width:180px; padding:0 38px 0 0; text-align:right; background:url(img/vinske-tocke-border.jpg) right top repeat-y; }
	#vinske-tocke h2 { font-size:22px; font-weight:normal; color:#ca1c22; margin:0 0 10px 0; }
	#vinske-tocke ul { float:right; width:180px; }
	#vinske-tocke ul li a { padding:5px 0; display:block; margin:0; border:none; }
	#vinske-tocke ul li a:hover { color:#ca1c22; }
	#vinske-tocke #up-down { float:right; margin:20px 0 0 0; }
	
		#vinske-tocke #down  { float:left; margin:0 0 0 110px; text-indent:-9999px; background:url(img/arrow-down.jpg); }
		#vinske-tocke #down-active  { float:left; margin:0 0 0 110px; text-indent:-9999px; background:url(img/arrow-down.jpg) right; }
		#vinske-tocke #down a, #vinske-tocke #down-active a { display:block; width:30px; height:31px; border:none;}
		
		#vinske-tocke #up { float:left; margin:0 0 0 10px; text-indent:-9999px; background:url(img/arrow-up.jpg); }
		#vinske-tocke #up-active { float:left; margin:0 0 0 10px; text-indent:-9999px; background:url(img/arrow-up.jpg) right; }
		#vinske-tocke #up a, #vinske-tocke #up-active a { display:block; width:30px; height:31px; border:none;}
	
#prica { float:right; width: 320px; margin:0 0 0 40px; }
	#prica h2 { font-size:22px; font-weight:normal; color:#ca1c22; margin:0 0 10px 0; }
	#prica p { line-height:22px; }
	
#sidebar { float:right; width:300px; padding:30px; background-image:url(img/sidebar-bg.jpg); }
	#sidebar h2 { font-size:24px; color:#ca1c22; line-height:0; padding:0 0 20px 0; font-weight:normal; }
	#sidebar ul { float:left; }
	#sidebar ul li { font-size:16px; }
	#sidebar ul li a { color:#54504d; display:block; padding:10px 0px; border-bottom:solid 1px #d8d7d2; }
	#sidebar ul li a:hover { color:#ca1c22; }
	
	#sidebar #contact {float:left; margin:0 -30px 0 0; width:330px; padding:30px 0 0 30px; background-image:url(img/html-bg.jpg); position:relative; left:-30px; bottom:-30px; }
	#sidebar #contact h3 {font-size:18px; line-height:22px; font-weight:normal; background: url(img/contact-mail.jpg) no-repeat; padding-left:70px; color:#ca1c22; margin:0 0 10px 0; }
	#sidebar #contact p { font-size:14px; line-height:22px; margin:0 0 0 40px; }
	
	#sidebar #contact-udruga {float:left; margin:0 -30px 0 0; width:330px; padding:15px 0 0 30px; background-image:url(img/html-bg.jpg); position:relative; left:-30px; bottom:-30px; }
	#sidebar #contact-udruga h3 {font-size:18px; line-height:22px; font-weight:normal; padding-left:20px; color:#ca1c22; margin:0 0 10px 0; }
	#sidebar #contact-udruga p { font-size:14px; line-height:22px; margin:0 0 0 40px; }

#clanovi-vinskih-puta {}
	#clanovi-vinskih-puta tr.title { background-color:#e2e1da; font-size:16px; font-weight:bold; }
	#clanovi-vinskih-puta table { width:960px; vertical-align:top; padding:2px;}
	#clanovi-vinskih-puta table tr { padding:8px 10px; border-bottom:solid #ccc 1px; }
	#clanovi-vinskih-puta table td {}



#footer { width:960px; float:left; background-image:url(img/footer-bg.jpg); height:136px; margin:30px 0 50px 0; color:#232922; }
	#footer a { border-bottom: solid 1px #485d11; color:#232922; }
	#footer a:hover { border-bottom: solid 1px #fff; } 
	#footer .rights { float:left; padding:30px 0 0 30px; }
	#footer .jedan-dva {float:right; padding:30px 30px 0 0; }