/* @override 

*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
html {
	background: #1A0605 url("images/bg-html_cr.jpg") top repeat-x;	
	  margin: 0px;
  padding: 0px;
}

body { 
	background: transparent url("http://www.hajdukveljko.com/images/bg-body_cr2.jpg") top center no-repeat;
	text-align:center; 
	font:12px/19px Arial, Helvetica, sans-serif; 
	color:#000;
	  margin: 0px;
  padding: 0px;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#b55900; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#b55900; text-decoration:none; outline:none; }

hr {
	border: none;
	border-top: 1px solid #C96B14;
	height: 0;
	margin-bottom: 13px;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:2px 0px 10px 10px; 
	}



/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */
/* ------------------------ main framework ------------------------ */
#header {
	height: 266px;
	width: 1100px;
	margin: 0 auto;
	background: url('../images/layout/.jpg') no-repeat 635px 15px;
}


#headerimage 	{
	padding: 0px 0px 0px 77px;
	max-width: 955px;
	height: 263px;
	float: left;
	margin: 0px 0px 0px 0px;
}



#logo {
	background: url("images/logo2.jpg") no-repeat;
	text-indent: -9999px;
	width:  550px;
	float: left;
	height: 266px;
}

#contact-numbers {
	width: 550px;
	background: url("images/contact-numbers2.jpg") no-repeat;
	text-indent: -9999px;
	float: right;
	height: 266px;
}

#wrap {
	width:970px;
	margin:0 auto;
	text-align:left;
	background: url("images/bg-wrap3.jpg") repeat-y;
}

#content-wrap {
	background: url("images/bg-colBtm3.jpg") bottom left no-repeat;
	width: 970px;
	float: left;
	padding: 0 0 122px 0;
}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:239px;
	float:left;
	background: url("images/bg-column-left_cr3.jpg") no-repeat;
}

#column-left p, #column-left h1, #column-left h2, #column-left h3 {
	margin:0px 0px 10px 0px;
}

#colLeft-btm {
	padding: 0 0 10px 23px;
}

#nav {
	padding: 4px 0 0 3px;
	display: block;
	font-size: 13px;
	margin: 0;
}

#nav li, #nav li a {
	background: url("images/nav2.jpg") no-repeat;
	width: 209px;
	height: 31px;
	display: block;
	color: #5b2609;
	text-decoration: none;
	text-indent: 22px;
	line-height: 31px;
}

#nav li a:hover {
	background: url("images/nav2.jpg") bottom left no-repeat;
	color: #ce6204;
}

#column-left #categoriesTitle, #column-left #archivesTitle {
	color: #798224;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 7px;
	display: block;
}

#column-left #categories, #column-left #archives {
	margin: 0 0 0 20px;
	text-decoration: none;
}



h2#title-contactUs {
	background: url("images/title-contactUs.jpg") no-repeat;
	width: 207px;
	height: 34px;
	text-indent: -9999px;
	margin: 8px 0 0 4px;
}

#colLeft-btm h3 {
	font-size: 14px;
	margin: 17px 0 9px 25px;
}

#colLeft-btm p {
	margin: 0 15px 0 25px;
}



#btn-video {
	background: url("images/btn-video.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;
	}
	
#btn-video:hover {
	background: url("images/btn-video-h.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;

}


#btn-kakodoci {
	background: url("images/btn-kakodoci.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;

}


#btn-kakodoci:hover {
	background: url("images/btn-kakodoci-h.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;

}

#btn-prijavise {
	background: url("images/btn-prijavise.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;

}

#btn-prijavise:hover {
	background: url("images/btn-prijavise-h.jpg") no-repeat;
	width:  171px;
	height: 97px;
	display: block;
	text-indent: -9999px;

}



.logos {
	margin: 0 0 0 4px;
}

h2#title-sponzori {
	width: 207px;
	height: 46px;
	background: url("images/sponzori.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 9px 4px;
}

a.text-link {
	margin: 0 0 0 25px;
	color: #682121;
	line-height: 19px;
}

h2#title-glasanje {
	width: 207px;
	height: 43px;
	background: url("images/glasanje.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 5px 4px;
}

h2#title-prijavise {
	width: 207px;
	height: 47px;
	background: url("images/prijavise.jpg") no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 0 9px 4px;
}


#label-height {
	margin: 0 10px 0 0;
}

#label-ft {
	margin: 0 10px 0 0;
}

#label-weight {
	margin: 0 8px 0 0;
}

#label-results {
	margin-right: 7px;
	display:none;
}

#input-ft, #input-in, #input-lbs {
	width: 25px;
	height: 19px;
	border: 1px solid #3b3124;
	outline: none !important;
}


/* ------------------------ column-right framework ------------------------ */
#column-right {
	width: 731px;
	float: left;
	background: url("images/bg-column-right_cr.jpg") no-repeat;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 10px 0px;
	}
		
	#colRight-btm {
		width: 708px;
		float: left;
	}
	
	.post {
		margin: 0 auto;
		background: url("images/bg-post.jpga") top left no-repeat;
		padding: 0 26px 0 27px;
	}
	
	.post h2 {
		color: #798224;
		font-size: 19px;
		font-weight: normal;
		text-transform: uppercase;

		padding: 0 0 10px 0;
		margin: 0 0 21px 0;
	}
	
	.post h3 {
		color: #4D3022;
		font-size: 17px;
		font-weight: normal;
	}

	.post h4 {
		color: #974b05;
		font-size: 15px;
		font-weight: normal;
	}
	
	.post ul li {
		list-style-image: url("images/bullet.png");
	}
	
#column-right ul {
	list-style: disc;
	margin: 10px 0 10px 30px;
}
	
#column-right ol {
	list-style: decimal;
	margin: 10px 0 10px 30px;
}

	
#column-right ol li {
	margin: 5px 0;
}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	background:url("images/masthead.jpg") no-repeat;
	height:292px;
	text-indent: -9999px;
}

body#AboutUs #masthead {
	background: url("images/masthead-aboutUs5.jpg") no-repeat;
	height:30px;
}

#sub-colLeft {
	background: url("images/bg-sub-colLeft.jpg") no-repeat;
	float:left;
	padding:0 23px 0 29px;
	width:320px;
}

#title-ohajdukveljku {
	background: url("images/title-ohajdukveljku.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-povratakuzavicaj {
	background: url("images/title-povratakuzavicaj.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}


#title-poslednjidani {
	background: url("images/title-poslednjidani.jpg") no-repeat;
	width: 480px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}


#title-hajdukveljkovidani {
	background: url("images/title-hajdukveljkovidani.jpg") no-repeat;
	width: 480px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}


#title-programfestivala {
	background: url("images/title-programfestivala.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-istorijat {
	background: url("images/title-istorijat.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-potomci {
	background: url("images/title-potomci.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-griljezero {
	background: url("images/title-griliskojezero.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-linkovi {
	background: url("images/title-linkovi.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-kontakt {
	background: url("images/title-kontakt.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#title-kakodoci {
	background: url("images/title-kakodoci.jpg") no-repeat;
	width: 400px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#sub-colRight {
	width: 336px;
	float: right;
	background: url("images/title-rightForYou.jpg") no-repeat;
	padding-top: 68px;
}

h2#title-rightForYou {
	text-indent: -9999px;
}

#sub-colRight p {
	font-style: italic;
	border-bottom: 1px solid #ba9a60;
	padding: 0 0 6px 0;
	width: 315px;
}

#sub-colRight p#first {
	width: 210px;
}


#middleSection {
	clear: both;
	background: url("images/bg-middleSection.jpg") no-repeat;
	height: 281px;
	width: 731px;
	float: left;
}

h2#title-patientTestimonials {
	background: url("images/title-patientTestimonials.jpg") no-repeat;
	width: 84px;
	height: 29px;
	text-indent: -9999px;
	margin: 57px 0 18px 27px;
}

#middleSection p {
	width: 407px;
	margin: 0 0 0 33px;
	font-style: italic;
	font-size: 14px;
}

#btm-colLeft {
	width: 239px;
	float: left;
}

#btm-colLeft p {
	margin: 0 0 0 32px;
}

#btm-colMiddle {
	width: 228px;
	float: left;
}

#btm-colMiddle p {
	margin: 0 0 0 32px;
}

#btm-colRight {
	width: 228px;
	float: left;
}

#btm-colRight p {
	margin: 0 0 0 32px;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:920px;
	margin: 0 auto 0;
	text-align:center;
	font-size: 11px;
	clear: both;
	padding: 20px 0 0 0;
	}

#footer p {
	color:#c0a175;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited {
	color:#c0a175;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #b55900;
}

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #c0a175;
		}
	#footer li:first-child { border: none; }
	
	
	/* ---------------------------- Shadowbox style --------------------- */
	
	a.option {

}
a.option:hover {

}