/*
Theme Name: Croatian Hall
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Bill Tripple
Author URI: http://www.tripplewebdesigns.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
html{

}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#adc2e0;
	margin:0;
	padding:0;
	font-size:86%;
}

form{
	margin:0;
	padding:0;
	}
	
textarea{
	width:500px;
	height:100px;
}
img{border:none;}

/* Headers */

h1#siteTitle,p#siteTitle{
	text-align: right;
	font-size: 22px;
	padding: 10px 0 0 0;
	margin: 0 120px 0 5px;
	color:#ffffff;



}

p.h1Subtitle{
	margin:0;
	padding:0 120px 0 0;
	font-size:18px;
	text-align: right;
}


#header,#header div.inner{
	background-color:#3c649a;
	height:78px;
	color:#ffffff;
	}

	
#header div.inner,#navigation div.inner,#introduction div.inner,#footer div.inner,#subcontent div.inner,#content div.inner{
	width:860px;
	margin:auto;
	
}
	
#header div.inner{
	
	background-image:url(images/bg-header.gif);
	background-repeat:top left;
	background-repeat:no-repeat;
	position:relative;

	}
	#navigation{
height:42px;

	}
#header div.inner img{
	position:absolute;
	right:0;
	top:6px;
	z-index:1;
}

#navigation{
	background-image:url(images/bg-nav.gif);
	background-repeat:repeat-x;

	background-position:0 0;

}

#navigation div.inner ul,#navigation div.inner ul li,#navigation div.inner ul li a{
	height:41px;
	line-height:41px;
}

#navigation div.inner ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
	
}

#navigation div.inner ul li{

float:left;


}

#navigation div.inner ul li a{
	font-size:20px;
	color:#bbac3e;
	display:block;
	float:left;
	background-image:url(images/menu.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;

	
}

/* Home */

	#navigation div.inner ul li#nav-home a{
		background-position:0 0;
		width:78px;
	}
	
	#navigation div.inner ul li#nav-home a:hover{
		background-position:0 -41px;
	}
	
	img#homepage{
		margin-bottom:10px;
	}
	
/* Church */

	#navigation div.inner ul li#nav-church a{
		background-position:-78px 0;
		width:98px;
	}
	
	#navigation div.inner ul li#nav-church a:hover{
		background-position:-78px -41px;
	}
	
/* Hall Rental */

	#navigation div.inner ul li#nav-hallRental a{
		background-position:-176px 0;
		width:69px;
	}
	
	#navigation div.inner ul li#nav-hallRental a:hover{
		background-position:-176px -41px;
	}
	
/* Calendar */

	#navigation div.inner ul li#nav-calendar a{
		background-position:-245px 0;
		width:120px;
	}
	
	#navigation div.inner ul li#nav-calendar a:hover{
		background-position:-245px -41px;
	}


	
	
	
/* Clubs */

	#navigation div.inner ul li#nav-clubs a{
		background-position:-364px 0;
		width:77px;
	}
	
	#navigation div.inner ul li#nav-clubs a:hover{
		background-position:-364px -41px;
	}
	
/* Contact */

	#navigation div.inner ul li#nav-contact a{
		background-position:-441px 0;
		width:105px;
	}
	
	#navigation div.inner ul li#nav-contact a:hover{
		background-position:-441px -41px;
	}
	
#introduction{
	background-color:#ab263b;
	
}

#introduction div.inner{
padding-top:1px;
	background-image:url(images/bg-intro.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:relative;
	z-index:0;
}

#introduction div.inner{
padding:10px 0 30px 0;
}

#introduction h2{
	margin:5px 0 10px 450px;
	padding:20px 0 0 0;
	color:#f7f5e7;
	font-size:180%;



}


#introduction p{
	margin:5px 0 5px 450px;
	padding:5px 0;
	color:#1f4477;
	font-weight:900;
	font-size:130%;
}

#introduction div.inner img{
	position:absolute;
	top:40px;
	left:20px;
}


#content{
	background-image:url(images/bg-content.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:20px;
	background-color:#ffffff;


}

#content div.inner{
	

	
}

#content-header{
	background-image:url(images/bg-contentHeader.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	border:1px #d6d1ca solid;
	padding:20px;
	

}




#content h1{
	color:#3c649a;
	margin:5px 0;
	padding:0;
	font-size:200%;

}

#content h2{
	margin:10px 15px 0 0;
	padding:5px 0 0 0;
	font-size:140%;
	color:#ab263b;

}

#content h3{
	margin:15px 0 5px 0;
	padding:5px 0;
}

div #content-header p{
	color:#666666;
	margin:5px 0;
	padding:2px 0;
}

#content p{
	
	padding:5px 0;
	margin:5px 0;
}

ul{
	margin:5px 5px 5px 20px;
	padding:5px 0;
}

#sidebar,main-content{
	float:left;
}

#sidebar{
	width:210px;
	margin-top:30px;
}

#sidebar h2{
	margin:10px 0 5px 10px;
	font-size:120%;
	border-bottom:2px #3C649A solid;
	text-decoration:none;
	color:#3C649A;
	padding:2px 0 0 0;
}

#sidebar ul{
	margin:5px 5px 5px 20px;
	padding:5px 0;
}

#sidebar p{
	margin:2px 0 2px 10px;
	padding:2px 0;
}

#sidebar ul li{
	padding:0;
}

.sidebar .inner .wrapper{

}

ul#submenu,ul#submenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#submenu{
	width:210px;
}

ul#submenu li ul{
	width:200px;
	float:right;
}

ul#submenu li a{
	background-color:#9b8672;
	color:#f6f5f0;
	display:block;
	width:190px;
	padding:10px 10px;
	margin:0;
	border-top:1px #ffffff solid;
	border-bottom:1px #dcddde solid;
	text-decoration:none;
	font-weight:900;
}

ul#submenu li a:hover{
	color:#9b8672;
}

ul#submenu li ul li a,ul#submenu li.selected ul li a{
	background-color:#f6f5f0;
	width:180px;
}

ul#submenu li ul li.selected a,ul#submenu li.selected a,ul#submenu li ul li a{
	color:#9b8672;
}

ul#submenu li a:hover,ul#submenu li.selected a:hover,ul#submenu li ul li a:hover{
	background-color:#ffffff;
}

ul#submenu li.selected a{
	background-color:#dfdad2;
}

.sidebar #main-content{
	width:590px;
}

#main-content{
	width:790px;
	background-color:#ffffff;
	float:right;
	background-image:url(images/bg-submenu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding:20px;
	margin-bottom:20px;
	position:relative;

}



#subcontent{
	background-image:url(images/bg-subcontent.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding:15px 0;


}

#subcontent iframe{
	float:right;
	clear:left;
}

#subcontent h2{
margin:5px 400px 5px 0;
	padding:2px 0;
	color:#ab263b;

	font-weight:900;
	font-size:140%;
}

#subcontent h3{
margin:0 400px 0 0;
	padding:2px 0 0 0;
	font-size:120%;
}



#subcontent p{
	margin:5px 400px 5px 0;
	padding:2px 0;
	color:#1e4274;

}

#subcontent a{
	color:#9b8672;
	font-weight:900;
	text-decoration:none;
}

#subcontent a:hover{
	text-decoration:underline;
}

.entry{

	padding:10px 0;
	margin-left:20px;
}

.home{
	background-image:url(images/news-divider.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.first{
	background-image:none;
}

.edit-link{
	right:0;
	top:0;
	position:absolute;
}





#footer{
	padding:20px 0;
	background-image:url(images/bg-footer.gif);
	background-repeat:repeat-x;
	background-position:top left;
}



#footer,#footer p,#footer h2{
	color:#f7f5e8;
	
}

#footer h2{
	padding:5px 0;
	margin:10px 0 5px 0;


}

#footer p{
	padding:2px 0;
	margin:5px 15px;
}

#footer ul{
	margin:5px 5px 5px 0;
	padding:0;
	list-style-type:none;
}


#footer ul li{
	margin:1px 0;
	padding:1px 0 1px 0;
}

#footer ul li img{
vertical-align:middle;

}

#footer a{
	color:#adc2e0;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:0 3px;
}

#footer a:hover{
	background-image:url(images/bullet-grb.gif);
}

#footer div.inner .col-1,#footer div.inner .col-2,#footer div.inner .col-3{
	float:left;
	width:250px;
	margin-left:20px;
}

#credits,#credits a{
color:#3c649a;

}

#credits{
	text-align:center;
}

#credits p{
	margin:2px;
	padding:2px;
}

#credits p a{
	font-weight:900;
	

}

/* Calendar page */
#calendar{
	text-align:center;
	margin-bottom:20px;
	}
	
/* Contact form */

.web-form{
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;

}

.web-form li{

}

.web-form li label{
	display:block;
	padding-top:5px;
	color:#3c649a;
	font-weight:900;
	font-size:90%;
}

.web-form li input,.web-form li textarea{
	border-top:1px #999999 solid;
	border-left:1px #999999 solid;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
	color:#666666;
}

.web-form li input{
	height:18px;
	padding:2px;
	
	width:190px;
	
}

.web-form li textarea{
	width:190px;
	height:100px;
	overflow:hidden;
	padding:2px;
	}
	
	.web-form li#submit{
		
	}
.web-form li#submit input{
	margin:10px 0 0 0;
	padding:2px;
	width:198px;
	height:auto;
	border:none;
		background-color:#ab263b;
	color:#ffffff;
	font-weight:900;
	border:2px #ffffff solid;
}



.validation-advice{
	color:#ab263b;
}

.web-form li input.validation-failed,.web-form li textarea.validation-failed{
	border:1px #ab263b solid;
	background-image:url(images/input-error.gif);
	color:#000000;
}

.web-form li input.validation-passed,.web-form li textarea.validation-passed{
	border:1px #009900 solid;
}

a.thumbs img{
	background-color:#ffffff;
	margin:5px;
	padding:5px;
	border:1px #666666 solid;
}


/* Pages */

ul.inline{
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0;
	clear:left;

	
}

ul.inline li{
background-image:url(images/bullet-list.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:5px;
	display:block;
	float:left;
}


ul.inline li.firstItem{
	background-image:none;
	padding-left:0;
	margin-left:0;
}

a._blank{
	padding-right:13px;
	margin-right:5px;
	background-image:url(images/external-link.png);
	background-position:right 2px;
	background-repeat:no-repeat;
}

/* images.php */
.clear{
	clear:both;
}
.navigation{
	clear:both;
}
.navigation div{
	width:48%;
	font-weight:900;
}
.navigation div span{
	display:block;
}

.navigation div img{
	margin:5px 0 10px 0;
}

.alignleft{
	float:left;
}

.alignright{
	float:right;
	text-align:right;
}

/* Soccer */

img.soccer-logo{
	float:right;
	margin:0 0 50px 30px;
}

/* Priest */

img.priest{
	float:right;
	margin:0 0 20px 30px;
	}

/* Plugin - translation */
#translation_bar{

	left:10px;
	top:10px;
position:absolute;
z-index:99;
}

#translation_bar a{
	filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;

}
#trans{
	position:relative;
	width:860px;
	margin:0 auto;
}
#translation_bar a:hover{
	filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}
#transl_sign{
	display:none;
}