/**
 * HRMT
 * custom.css
 *
 * 1Serpent
 * Design, Development and Managed Hosting
 * http://1serpent.com/
 *
 * Last Updated: 2010-03-08 11:25:16 +0100 (Mon, 08 Mar 2010)
 */

/* main style & typography */
body.custom { background: url(images/background.png) 0 0 repeat-x; }
	.custom #wrapper { background: url(images/bg_default.jpg) 50% 100% no-repeat; }
	.custom .page { background: none; position: relative; width: 920px; }

	/* header area */
	.custom #header_area {  }
	.custom #header { height: 200px; padding: 0; }
	.custom #header_top .left { background: #FFFFFF url(images/logo_alt.png) no-repeat 15px 15px; float: left; height: 51px; width: 678px; }
	.custom #header_top .left a { display: block; height: 51px; text-indent: -9999px; width: 140px; }
	.custom #header_top .right { background: #FFFFFF; float: right; height: 51px; width: 220px; }
	.custom #header_top .alt { height: 10px; }
	.custom #header_top .right p { color: #FF3333; padding: 20px 0 0 10px; }
	.custom #header_top .right p.lang { background: #333333; color: #FFFFFF; height: 10px; line-height: 10px; padding: 0 10px 0 0; text-align: right; }
	.custom #header_top .right a { color: #FFFFFF; }
	.custom #header #logo { position: absolute; right: 0; top: 77px; }
	.custom #header #logo a { background: url(images/logo.png) no-repeat 0 0; display: block; height: 97px; text-indent: -9999px; width: 220px; }
	.custom #header #tagline { display: none; }

		/* navigation */
		.custom .menu { position: absolute; left: 0; top: -123px; width: auto !important; }
		.custom .menu a { height: 77px; letter-spacing: normal; padding: 10px; width: 77px; }
		.custom .menu > li > a { background: url(images/nav.png) no-repeat 0 0; color: #FFFFFF; }
		.custom .menu > li > a:hover { background: url(images/nav_hover.png) no-repeat 0 0; }
		.custom .menu > li.current,
		.custom .menu > li.current-parent,
		.custom .menu > li.current-cat,
		.custom .menu > li.current-cat-parent {  }
		.custom .menu > li.current > a,
		.custom .menu > li.current-parent > a,
		.custom .menu > li.current-cat > a,
		.custom .menu > li.current-cat-parent > a { background: url(images/nav_hover.png) no-repeat 0 0; }

		.custom .menu > li > ul {  }
		.custom .menu > li > ul li.current > a,
		.custom .menu > li > ul li.current-parent > a,
		.custom .menu > li > ul li.current-cat > a,
		.custom .menu > li > ul li.current-cat-parent > a,
		.custom .menu > li > ul a:hover { text-decoration: underline; }

	/* content area */
	.custom #content_area { min-height: 680px; padding-bottom: 40px; }
	.custom #content_box {  }
	.custom #content { background: #FFFFFF; padding-bottom: 15px; }

		/* sidebar */
		.custom #sidebar_1 { display: none; }
		.custom .sidebar ul.sidebar_list { padding: 0; }
		.custom .sidebar li.widget:first-child { background: #FFFFFF url(images/sidebar_top.png) 0 0 no-repeat; }
		.custom .sidebar li.widget { background: #FFFFFF url(images/sidebar_sep.png) 0 0 no-repeat; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; }
		.custom .sidebar h3 { font-variant: normal; letter-spacing: normal; text-transform: uppercase; margin: 0; padding: 10px; }
		.custom .sidebar a { text-decoration: none; }
		.custom .sidebar a:hover { text-decoration: underline; }

		.custom .sidebar .widget_custom_news h3 { color: #666666; }
		.custom .sidebar .widget_custom_news li:first-child { background: none; margin-top: 0; padding-top: 0; }
		.custom .sidebar .widget_custom_news li { background: url(images/sidebar_sep.png) no-repeat 0 0; margin: 0; padding: 16px 10px 12px; }
		.custom .sidebar .widget_custom_news .more { background: url(images/sidebar_more.png) no-repeat 0 0; display: block; float: right; height: 10px; margin-top: 14px; text-indent: -9999px; width: 8px; }
		.custom .sidebar .widget_custom_news .more:hover { background: url(images/sidebar_more_hover.png) no-repeat 0 0; }
		.custom .sidebar .widget_custom_news .thumb { display: block; float: left; height: 40px; margin-right: 8px; width: 40px; }
		.custom .sidebar .widget_custom_news h4 { line-height: normal; }
		.custom .sidebar .widget_custom_news p { line-height: normal; margin: 0; }

		.custom .sidebar .ngg_images .ngg-widget { padding: 0 10px 10px; }
		.custom .sidebar .ngg_images .ngg-widget img { border: none; padding: 0; }

	.custom .prev_next { letter-spacing: normal; }

	/* footer area */
	.custom #footer_area {  }
	.custom #footer { background: #999999; padding: 0 20px; text-align: center; }
	.custom #footer p { height: 20px; line-height: 20px; }
	.custom #footer a { border: none; }


/* additional style & typography */
.custom .hide { display: none; }
.custom .format_text input { width: auto; }

.custom #comments { display: none; }

	/* front page */
	.sp_front #wrapper { background: url(images/bg_home.jpg) no-repeat 50% 100%; }
	.sp_front #content_area { min-height: 380px; }
	.sp_front #content { display: none; }

	/* pages */
	.sp_page .top { padding-top: 0; }
	.sp_page .headline_area { background: #666666; height: 20px; padding: 0; }
	.sp_page .headline_area h1 { background: url(images/archive_info.png) no-repeat 0 0; color: #FFFFFF; font-size: 1.2em; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }
	.sp_page .post_box { margin: 0; }
	.sp_page .format_text { margin: 0 1.9em 0 0.9em; }
	.sp_page .no_sidebars .format_text { margin: 0 2em; }

	/* subpages */
	.sp_subpage .format_text { margin-top: 1.8em !important; }
	.sp_subpage .sp_subheading { background: #666666; height: 20px; }
	.sp_subpage .sp_subheading p { background: url(images/izlozbe_arhiva_sep.png) no-repeat 100% 0; color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; line-height: 20px; margin: 0; padding: 0 28px 0 20px; }
	.sp_subpage .sp_subheading p.first { background: url(images/archive_info.png) no-repeat 0 0; font-weight: bold; padding: 0 0 0 15px; text-transform: uppercase; width: 191px;}
	.sp_subpage .sp_subheading a { color: #FFFFFF; }
	.sp_subpage .sp_subheading a:hover, .sp_subpage .sp_subheading a.active { text-decoration: underline; }
	.sp_subpage .headline_area { display: none; }

	/* template o-muzeju */
	.sp_o-muzeju #sp_callout { clear: left; float: left; margin-bottom: 15px; width: 678px; }
	.sp_o-muzeju > div { clear: none !important; }
	.sp_o-muzeju .myGallery { border: none; }
	.sp_o-muzeju #sidebar_o-muzeju { height: 388px; }
	.sp_o-muzeju #content { clear: both; width: 100%; }
	.sp_o-muzeju .sp_heading { background: #666666; height: 20px; }
	.sp_o-muzeju .sp_heading h3 { background: url(images/izlozbe_arhiva_sep.png) no-repeat 100% 0; color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; line-height: 20px; margin: 0; padding: 0 28px 0 20px; }
	.sp_o-muzeju .sp_heading h3.first { background: url(images/archive_info.png) no-repeat 0 0; font-weight: bold; padding: 0 0 0 15px; text-transform: uppercase; width: 191px;}
	.sp_o-muzeju .sp_heading a { color: #FFFFFF; }
	.sp_o-muzeju .sp_heading a:hover { text-decoration: underline; }
	.sp_o-muzeju .format_text { margin: 0 15px 0 200px; padding-top: 15px; }

	/* template izlozbe-i-dogadanja */
	.sp_izlozbe-i-dogadanja #wrapper { background: url(images/bg_izlozbe.jpg) no-repeat 50% 100%; }
	.sp_izlozbe-i-dogadanja #content { background: none; width: 100%; }
	.sp_izlozbe-i-dogadanja .format_text { margin: 0; }
	.sp_izlozbe-i-dogadanja .sp_heading { background: #666666; height: 20px; margin-bottom: 20px; }
	.sp_izlozbe-i-dogadanja .sp_heading h1 { background: url(images/archive_info.png) no-repeat 0 0; color: #FFFFFF; font-size: 1.2em; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }
	.sp_izlozbe-i-dogadanja .sp_boxes { float: left; height: 186px; margin-bottom: 20px; width: 100%; }
	.sp_izlozbe-i-dogadanja .sp_box { background: #FFFFFF; float: left; height: 156px; margin-left: 14px; padding: 15px; position: relative; width: 189px; }
	.sp_izlozbe-i-dogadanja .sp_box.first { margin: 0 2px 0 0; }
	.sp_izlozbe-i-dogadanja .sp_box p { left: 15px; position: absolute; top: 100px; width: 159px; }
	.sp_izlozbe-i-dogadanja .format_text h2 { margin: 10px 0 0; }
	.sp_izlozbe-i-dogadanja .format_text a { text-decoration: none; }
	.sp_izlozbe-i-dogadanja .format_text a:hover { text-decoration: underline; }
	.sp_izlozbe-i-dogadanja .sp_heading_arhiva { background: #666666; height: 20px; }
	.sp_izlozbe-i-dogadanja .sp_heading_arhiva h3 { background: url(images/izlozbe_arhiva_sep.png) no-repeat 0 0; color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; line-height: 20px; margin: 0; padding-left: 18px; width: 222px; }
	.sp_izlozbe-i-dogadanja .sp_heading_arhiva h3.first { background: url(images/archive_info.png) no-repeat 0 0; font-weight: bold; padding-left: 15px; text-transform: uppercase; width: 191px;}
	.sp_izlozbe-i-dogadanja .sp_heading_arhiva h3.second { background: none; padding-left: 10px; width: 224px; }
	.sp_izlozbe-i-dogadanja .sp_boxes_arhiva { background: #FFFFFF; float: left; width: 100%; }
	.sp_izlozbe-i-dogadanja .sp_box_arhiva { float: left; padding: 15px 15px 8px 18px; width: 207px; }
	.sp_izlozbe-i-dogadanja .sp_box_arhiva.first { margin-left: 206px; padding: 15px 15px 8px 10px; width: 209px; }
	.sp_izlozbe-i-dogadanja .sp_box_arhiva ul { list-style: none; margin: 0; }
	.sp_izlozbe-i-dogadanja .sp_box_arhiva li { margin-bottom: 2px; }

	.custom #sp_search { background: #FFFFFF; color: #ff3333; height: 30px; padding: 5px; position: absolute; right: 0; text-transform: uppercase; top: -190px; width: 210px; }
	.custom #sp_search input[type="text"] { background: none; border: 1px solid #999999; color: #111111; padding: 2px; text-transform: none; width: 176px; }
	.custom #sp_search input[type="submit"] { background: #999999; border: none; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 2px; }

	/* template prostori-muzeja */
	.sp_prostori-muzeja #wrapper { background: url(images/bg_prostori_muzeja.jpg) no-repeat 50% 100%; }
	.sp_prostori-muzeja #content { background: none; width: 100%; }
	.sp_prostori-muzeja .format_text { margin: 0; }
	.sp_prostori-muzeja .sp_heading { background: #666666; float: left; height: 20px; margin-bottom: 20px; width: 100%; }
	.sp_prostori-muzeja .sp_heading p { color: #FFFFFF; font-size: 1.2em; float: left; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding-left: 20px; text-transform: uppercase; width: 420px; }
	.sp_prostori-muzeja .sp_heading .sp_left { background: url(images/prostori_muzeja_heading.png) no-repeat 0 0; padding-left: 15px; width: 449px; }
	.sp_prostori-muzeja .sp_left { float: left; margin-bottom: 20px; }
	.sp_prostori-muzeja .sp_right { float: right; margin-bottom: 20px; }
	.sp_prostori-muzeja .sp_gallery { height: 370px; width: 450px; }
	.sp_prostori-muzeja .myGallery { border: none; }
	.sp_prostori-muzeja .sp_content { background: #FFFFFF; padding: 20px 20px 0; width: 410px; }
	.sp_prostori-muzeja .format_text h1 { font-size: 1.2em; line-height: normal; margin-bottom: 20px; }

	/* template info */
	.sp_info #sp_callout { clear: left; float: left; margin-bottom: 15px; overflow: hidden; width: 678px; }
	.sp_info > div { clear: none !important; }
	.sp_info .myGallery { border: none; }
	.sp_info #sidebar_o-muzeju { height: 388px; }
	.sp_info #content { clear: both; width: 100%; }
	.sp_info .sp_heading { background: #666666; height: 20px; }
	.sp_info .sp_heading h3 { background: url(images/izlozbe_arhiva_sep.png) no-repeat 100% 0; color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; line-height: 20px; margin: 0; padding: 0 28px 0 20px; }
	.sp_info .sp_heading h3.first { background: url(images/archive_info.png) no-repeat 0 0; font-weight: bold; padding: 0 0 0 15px; text-transform: uppercase; width: 191px;}
	.sp_info .sp_heading a { color: #FFFFFF; }
	.sp_info .sp_heading a:hover { text-decoration: underline; }
	.sp_info .format_text { margin: 0 15px 0 200px; padding-top: 15px; }

	.sp_info li.widget .info_text p { margin-bottom: 10px; padding: 0 10px; }
	.sp_info li.widget .info_text span { color: #ff3333; }

	/* archives */
	.custom #archive_info { background: #666666; height: 20px; padding: 0; }
	.custom #archive_info p { color: #FFFFFF; font-size: 1.2em; height: 20px; letter-spacing: normal; line-height: 20px; margin: 0; }
	.custom #archive_info h1 { background: url(images/archive_info.png) no-repeat 0 0; color: #FFFFFF; font-size: 1.2em; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }

	.custom .teasers_box { margin: 0; padding: 0; width: 100%; }
	.custom .teaser { background: url(images/teaser_sep.png) no-repeat 190px 100%; float: none; height: 104px; padding-top: 20px; width: 100%; }
	.custom .teaser .more { background: url(images/teaser_more.png) no-repeat 0 0; float: right; display: block; height: 19px; margin: 44px 20px 0 20px; text-indent: -9999px; width: 12px;  }
	.custom .teaser .thumb { float: left; display: block; height: 100px; margin: 0 20px; text-align: right; width: 150px; }
	.custom .teaser h2 { margin: 10px 20px 0; }
	.custom .teaser h2 a { color: #ff3333; }
	.custom .teaser .format_teaser { margin: 10px 20px 0; padding-bottom: 7px; }

	.pagebar { font-size: 1.2em; height: 18px; line-height: 18px; padding: 20px 20px 5px; text-align: center; }
	.pagebar a, .pageList .this-page { background: url(images/pagebar.png) repeat-x 0 0; color: #666666; padding: 2px 6px; text-decoration: none; }
	.pagebar a:hover { background: url(images/pagebar_hover.png) repeat-x 0 0; color: #FFFFFF; text-decoration: none; }
	.pagebar .break { padding: 2px 6px 2px 6px; }
	.pagebar .this-page { background: url(images/pagebar_hover.png) repeat-x 0 0; color: #FFFFFF; padding: 2px 6px; font-weight: bold; }
	.pagebar .inactive { color: #CCCCCC; padding: 2px 6px; }

	/* posts */
	.sp_single .headline_area { display: none; }
	.sp_single .sp_headline { background: #666666; height: 20px; padding: 0; }
	.sp_single .sp_headline p { color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; letter-spacing: normal; line-height: 20px; margin: 0; padding-left: 5px; }
	.sp_single .sp_headline p.date { float: right; padding-right: 15px; }
	.sp_single .sp_headline p.cat { background: url(images/archive_info.png) no-repeat 0 0; color: #FFFFFF; font-weight: bold; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }
	.sp_single .sp_headline a { color: #FFFFFF; }
	.sp_single .sp_headline a:hover { text-decoration: underline; }

	/* search */
	.sp_search #archive_info p { background: url(images/archive_info.png) no-repeat 0 0; color: #FFFFFF; font-size: 1.2em; float: left; height: 20px; line-height: 20px; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }
	.sp_search #archive_info h1 { background: none; color: #FFFFFF; font-size: 1.2em; float: left; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; padding-left: 15px; text-transform: uppercase; width: 191px; }


/* clearing */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }