/*
Theme Name: "BOFF"
Theme URI: http://www.boff.si
Description: Custom theme designed for "BOFF" @ boff.si
Version: 1.0
Author: Mihael Zadravec
Author URI: http://www.toastedweb.si
*/
@import url('reset.css');
@import url('clear.css');

body,html {
	width:100%;
	height:100%;
}

body {
	/*font:normal 12px Georgia, "Times New Roman";*/
	font:normal 12px Arial, Tahoma, Verdana;
	color:black;
	background:#A9A9A9;
}


.alignleft { float:left; }
.alignright { float:right; }
img.alignleft { display:block; margin:5px 15px 0 0; }
img.alignright { display:block; margin:5px 0 0 15px; }

a img { border:none; }


div.cleft,
div.cright {
	width:250px;
	float:left;
}

div.cleft {
	margin-right:30px;
}

#mainWrap {
	width:972px;
	padding-left:10px;
	margin:0 auto;
	background:#A9A9A9 url("images/page_body_bg.jpg") right top repeat-y;
	height:auto!important;
	min-height:100%;
	height:100%;
}

/* HEADER
------------------------*/
#header {
	width:972px;
	/*height:240px;*/
	height:168px;
	background:url("images/header_2010/header_1.jpg") left bottom no-repeat;
}

#header.head0 {
	background:url("images/header_2010/header_0.jpg") left bottom no-repeat;
}

#header.head1 {
	background:url("images/header_2010/header_1.jpg") left bottom no-repeat;
}
#header.head2 {
	background:url("images/header_2010/header_2.jpg") left bottom no-repeat;
}
#header.head3 {
	background:url("images/header_2010/header_3.jpg") left bottom no-repeat;
}
#header.head4 {
	background:url("images/header_2010/header_4.jpg") left bottom no-repeat;
}
#header.head5 {
	background:url("images/header_2010/header_5.jpg") left bottom no-repeat;
}

#header.head6 {
	background:url("images/header_2010/header_6.jpg") left bottom no-repeat;
}


/* PAGE BODY
------------------------*/
div#body {
	position:relative;
	width:972px;
	height:auto!important;
	min-height:500px;
	height:500px;
}


/* MAIN NAVIGATION
------------------------*/
#mainNav {
	position:relative;
	background:#b61e2d;
	height:26px;
	width:931px;
	z-index:90;
}

#mainNav ul {
	height:26px;
	/*width:850px;*/ /*858*/
	margin-left:58px;
}
#mainNav ul li {
	position:relative;
	float:left;
}
#mainNav ul li a {
	float:left;
	display:inline-block;
	color:white;
	font:normal 12px Arial;
	text-transform:uppercase;
	padding:0 10px;
	height:26px;
	line-height:26px;
	text-decoration:none;
}
#mainNav ul li a:hover,
#mainNav ul li:hover,
#mainNav ul li.sfhover {
	background:#000;
}

#mainNav ul ul {
	display:none;
}
#mainNav ul li:hover ul,
#mainNav ul li.sfhover ul {
	z-index:1000;
	min-width:150px;
	height:auto;
	display:block;
	clear:both;
	position:absolute;
	top:26px;
	left:0;
	background:#000;
	margin-left:0;
	border-top:solid 1px #333;
}
#mainNav ul ul li {
	float:none;
	display:block;
	height:26px;
	line-height:26px;
	border-bottom:solid 1px #333;
}
#mainNav ul ul li:hover,
#mainNav ul ul li.sfhover {
	background:#000;
}
#mainNav ul ul li a {
	display:block;
	float:none;
	text-transform:none;
	height:26px;
	line-height:26px;
	font-size:11px;
	background:#000;
	white-space:nowrap;
	padding-right:10px;
}
#mainNav ul ul li a:hover {
	background:#333;
}


/* CONTENT WRAP
------------------------*/
#contWrap {
	margin-top:10px;
}

/* SIDEBAR LEFT
------------------------*/
#sidebarLeft {
	float:left;
	width:104px;
	height:auto!important;
	min-height:627px;
	height:627px;
	padding-top:0px;
}

#sidebarLeft .box {
	background:#999;
	height:auto!important;
	min-height:95px;
	height:95px;
	margin-bottom:5px;
	text-transform:lowercase;
	text-align:right;
	color:white;
	padding:5px 5px 5px 10px;
	font-size:12px;
	cursor:default;
}

#sidebarLeft .box a {
	color:white;
	text-decoration:none;
	line-height:130%;
	cursor:pointer;
}
#sidebarLeft .box h2 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
}

#sidebarLeft .box a:hover {
	text-decoration:underline;
}

#sidebarLeft .facebookLink {
	height:48px;
	background:#FFF;
	margin-bottom:5px;
}
#sidebarLeft .facebookLink a {
	height:48px;
	display:block;
	overflow:hidden;
	line-height:10000px;
	background:url(images/facebook.jpg) left top no-repeat;
}


#sidebarLeft .freeride_battle {
	height:50px;
	background:#FFF;
}
#sidebarLeft .freeride_battle a {
	width:104px;
	height:50px;
	display:block;
	overflow:hidden;
	line-height:10000px;
	background:url(images/freeride_battle_2010.jpg) left top no-repeat;
}


/* SIDEBAR RIGHT
------------------------*/
#sidebarRight {
	float:left;
	width:234px;
	height:auto!important;
	min-height:627px;
	height:627px;
	padding-top:0px;
}

#sidebarRight .box {
	width:177px; /*197*/
	margin-bottom:5px;
	padding:5px 10px 10px 10px;
}

#sidebarRight .box p.thumb {
	display:block;
	width:175px;
	overflow:hidden;
	text-align:center;
}

#sidebarRight .box h2,
#sidebarRight .box p {
	margin:0 10px 5px 0;
	color:white;
}
#sidebarRight .box h2 {
	font-size:12px;
	padding-top:7px;
	text-transform:uppercase;
	font-family:Georgia;
}
#sidebarRight .box p {
	line-height:130%;
	font-size:11px;
}
#sidebarRight .box a {
	color:white;
	text-decoration:none;
}

#sidebarRight .gray { background:#999; }
#sidebarRight .blue { background:#6a7f9a; }


/* CONTENT
------------------------*/
#content {
	position:relative;
	float:left;
	width:531px; /*591*/
	padding:10px 30px 38px 30px;
	height:auto!important;
	min-height:627px;
	height:627px;
	border-left:solid 1px #787878;
	border-right:solid 2px #787878;
}

#content h2 {
	font-size:18px;
	margin-bottom:15px;
}
#content p,
#content ul,
#content ol {
	margin-bottom:15px;
	line-height:150%;
	list-style:disc;
}
#content ul,
#content ol {
	margin-left:20px;
	margin-bottom:20px;
}

.autor {
	display:inline-block;
	font-weight:bold;
	color:#A90101;
}

.trailer {
	background:#000;
	text-align:center;
	margin-bottom:20px;
}
.trailer * {
	margin:0 auto;
	text-align:center;
}

.bigPhoto {
	border:solid 1px #787878;
	width:529px;
	overflow:hidden;
	margin-bottom:20px;
	text-align:center;
}

.spored {
	display:inline-block;
	font-weight:bold;
	margin-top:5px;
}

#content a {
	color:#6A7F9A;
}

#content #cont-22 a {
	color:#222;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}

#content h2.pagetitle {
	font-size:24px;
	padding-bottom:0px;
	font-family:Georgia;
}

#content h3 {
	margin-bottom:10px;
	font-size:18px;
}

.pagecontent {
	border-top:dotted 1px #999;
	text-align:justify;
	padding-top:10px;
}

.pagecontent .hr {
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	padding-top:10px;
}

#cont-63.pagecontent h3 {
	clear:both;
	border-bottom:dotted 1px #999;
	padding:0 0 5px 0;
	margin-top:30px;
	margin-bottom:30px;
}

/*#cont-63.pagecontent a {
	display:block;
	float:left;
	width:180px;
	border:solid 1px #DDD;
}*/

.pagecontent h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#B61E2D;
}

.piclenselink {
	display:none;
}

.ngg-galleryoverview {
	padding:0!important;
	margin-bottom:20px!important;
}


/* MOVIE CAT ICONS
------------------------*/
#content ul.movie_categories {
	list-style:none;
	margin-left:0;
}

#content ul.movie_categories li {
	padding-left:22px;
	margin-bottom:3px;
}

#content ul.movie_categories li.sport {
	background:url("images/icon_sport.jpg") left center no-repeat;
}
#content ul.movie_categories li.sport_short {
	background:url("images/icon_sport_short.jpg") left center no-repeat;
}
#content ul.movie_categories li.era {
	background:url("images/icon_era.jpg") left center no-repeat;
}
#content ul.movie_categories li.nature {
	background:url("images/icon_nature.jpg") left center no-repeat;
}
#content ul.movie_categories li.commercial {
	background:url("images/icon_commercial.jpg") left center no-repeat;
}


/* ARCHIVE
-----------------------------------------*/
#content ul#postsList {
	margin:0;
	padding:20px 0 0 0;
	list-style:none;
	border-top:solid 1px #DAD6CB;
}

#content ul#postsList li {
	border-bottom:dotted 1px #DAD6CB;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#content ul#postsList li .thumb {
	float:left;
	width:100px;
	height:100px;
	margin-right:20px;
	background:#DAD6CB;
	border:solid 1px #555555;
}
#content ul#postsList li .cont {
	float:left;
	width:408px;
}
#content ul#postsList li .cont h3 {
	font-size:16px;
	line-height:150%;
	margin-bottom:2px;
	font-weight:bold;
}
#content ul#postsList li .cont h3 a {
	color:#222;
	text-decoration:none;
}

h3.nature  { padding-left:22px; background:url("images/icon_nature.jpg") left 5px no-repeat; }
h3.sport { padding-left:22px; background:url("images/icon_sport.jpg") left 5px no-repeat; }
h3.commercial { padding-left:22px; background:url("images/icon_commercial.jpg") left 5px no-repeat; }

h2.nature  { padding-left:22px; background:url("images/icon_nature.jpg") left 7px no-repeat; }
h2.sport { padding-left:22px; background:url("images/icon_sport.jpg") left 7px no-repeat; }
h2.commercial { padding-left:22px; background:url("images/icon_commercial.jpg") left 7px no-repeat; }

ul#filterCats {
	list-style:none;
	position:absolute;
	top:50px;
	right:30px;
}
ul#filterCats li {
	float:left;
	margin-left:5px;
	height:15px;
	line-height:15px;
}

ul#filterCats li.def {
	margin-right:5px;
	font-size:9px;
	text-transform:uppercase;
	font-weight:bold;
}

ul#filterCats li a {
	display:block;
	float:left;
	width:16px;
	height:15px;
	line-height:200px;
	overflow:hidden;
}
ul#filterCats li.nature a {
	background:url("images/icon_nature.jpg") left top no-repeat;
}
ul#filterCats li.sport a {
	background:url("images/icon_sport.jpg") left top no-repeat;
}
ul#filterCats li.commercial a {
	background:url("images/icon_commercial.jpg") left top no-repeat;
}


#content ul#postsList li .cont p {
	font-size:12px;
	color:#444;
	margin-bottom:5px;
}

#content ul#postsList li .cont p.meta {
	margin-bottom:0px;
	color:#777;
	font-size:11px;
}

#content ul#postsList li .cont p.more {
	margin-top:5px;
	font-size:12px;
}
#content ul#postsList li .cont p.more a {
	color:#A90101;
	text-decoration:none;
	font-weight:bold;
}


/* FORM ELEMENTS
------------------------*/
form#kontakt {
	margin-top:30px;
}

form#kontakt h2 {
	border-bottom:dotted 1px #999;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:14px;
}



form p.error {
	color:#A90101;
	font-weight:bold;
}

label {
	display:inline-block;
	/*width:120px;*/
}

label.error {
color:red;
}

input.txt,
textarea {
	border:solid 1px #999;
	background:white;
	font:normal 12px Arial, Verdana, Tahoma;
	margin-top:5px;
	padding:3px 2px;
}

input.txt:focus,
textarea:focus {
	border:solid 1px #000;
	background:#F3F1ED;
}

input.txt {
	width:200px;
	margin-right:10px;
}
textarea {
	width:500px;
	height:250px;
}
input#submit {
	display:inline-block;
	margin-top:10px;
	border:solid 1px #596B83;
	background:#6A7F9A;
	color:white;
	padding:5px 10px;
	font:bold 12px Arial, Verdana, Tahoma;
	cursor:pointer;
}


#logos {
	width:180px;
	margin:30px 0;
	margin-left:38px;
	text-align:center;
	height:100px;
	overflow:hidden;
}


#featured {
	border-bottom:dotted 1px #999;
	padding-bottom:20px;
}

#featured_thumb,
#featured_cont {
	float:left;
}

#featured_thumb {
	width:150px;
	height:150px;
	overflow:hidden;
	border:solid 1px #DDD;
	background:#EFEFEF;
	margin-right:20px;
	margin-bottom:10px;
}

#featured_cont {
	width:358px;
}
#featured_cont h2 {
	margin-bottom:10px;
}
#featured_cont p {
	margin-bottom:10px;
	font-size:11px;
}
#featured_cont p.more * {
	font-size:12px;
	font-weight:bold;
}

#homepage .col {
	float:left;
	width:245px;
	border-right:dotted 1px #999;
	padding-right:20px;
	padding-top:20px;
}
#homepage .last {
	border-right:0;
	padding-left:20px;
	padding-right:0;
}

#homepage .col h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
#homepage .col p {
	font-size:11px;
	margin-bottom:5px;
}

#homepage .col .thumbnail {
	width:243px;
	height:100px;
	overflow:hidden;
	background:#FFF;
	margin-bottom:10px;
	border:solid 1px #DDD;
}
#homepage .col .meta {
	font-size:10px;
	margin-bottom:5px;
}

/* FOOTER
------------------------*/
#footer {
	clear:both;
	padding:10px 0 30px 101px;
	font-size:10px;
	margin:0;
}