/*
Theme Name: "Longboard Magazine" Theme
Theme URI: http://www.longboard.si
Description: Custom theme designed for "Longboard Magazine" @ longboard.si.
Version: 1.0
Author: Mihael Zadravec
Author URI: http://www.toastedweb.si
*/
@import url('reset.css');
@import url('clear.css');
@import url('single.css');
@import url('archive.css');
@import url('form.css');
@import url('users.css');
@import url('shop.css');
@import url('cart.css');
@import url('meteo.css');
@import url('lbmag_tv.css');

body {
	background:#353434;
	font:normal 11px/130% Helvetica, Arial;
}

.alignright { float:right; }
.alignleft { float:left; }

a#joinUs {
	display:block;
	width:207px;
	height:51px;
	background:url("images/pridruzi_se_nam.jpg") left top no-repeat;
	overflow:hidden;
	text-indent:-10000px;
}

a.small-link {
	color:#555;
	text-decoration:none;
}

#wrap {
	width:960px;
	padding:0 10px;
	margin:0 auto;
	background:url("images/bodyBg.jpg") center top repeat-y;
}

#upgrade_notice {
	display:none;
	width:100%;
	height:25px;
	line-height:25px;
	color:black;
	background:#FFFFCC;
	text-align:center;
	font-size:11px;
	border-bottom:solid 1px #E1CA9D;
}

/* BANNERS
------------------------*/
.banner468 {
	width:468px;
	height:60px;
	background:#353434;
	border:solid 1px #505050;
	overflow:hidden;
}
#homeBanner300,
.banner300 {
	width:300px;
	height:250px;
	min-height:250px;
	overflow:hidden;
	background:white;
	/*border:solid 1px #696969;*/
}
.home #homeBanner300 {
	float:left;
}

#banner160x600 {
	width:160px;
	height:600px;
}


/* HEADER
------------------------*/
#header {
	position:relative;
	background:#232323 url("images/headerBg.jpg") left top no-repeat;
	height:150px;
	padding-top:133px;
	/*border-bottom:solid 4px #AAB00D;*/
}

a#bombit {
	display:block;
	position:absolute;
	top:15px;
	left:15px;
	width:240px;
	height:14px;
	line-height:300px;
	overflow:hidden;
	background:url("images/bombit_link.png") left top no-repeat;
}

a#facebook {
	display:block;
	position:absolute;
	right:-49px;
	top:17px;
	width:27px;
	height:27px;
	overflow:hidden;
	text-indent:-1000px;
	background:url("images/facebook_icon.png") left top no-repeat;
}
a#twitter {
	display:block;
	position:absolute;
	right:-55px;
	top:55px;
	width:39px;
	height:27px;
	overflow:hidden;
	text-indent:-1000px;
	background:url("images/twitter_icon.png") left top no-repeat;
}

#header .banner468 {
	position:absolute;
	top:20px;
	right:20px;
}

h1,h1 a {
	display:block;
	width:340px;
	height:40px;
	overflow:hidden;
}
h1 {
	position:absolute;
	left:20px;
	top:33px;
}
h1 a {
	background:url("images/longboardmag_logo.png") left top no-repeat;
	line-height:300px;
}

ul#topImages {
	overflow:hidden;
	height:150px;
}

ul#topImages li img {
	display:block;
}

#quick_search {
	position:absolute;
	right:10px;
	top:50px;
	z-index:60;
	color:white;
	/*background:#232323;
	padding:15px;
	border:solid #BEC41F;
	border-width:0 3px 3px 3px;*/
}
#quick_search label {
	font-size:12px;
	/*display:inline-block;*/
	display:none;
	margin-right:5px;
	color:#CCC;
}
#quick_search input#q {
	background:#323031;
	border:solid 1px #555555;
	color:#DDD;
	padding:4px 7px 3px 7px;
}
#quick_search input#q:focus {
	/*background:#444;*/
	border:solid 1px #666;
}
#quick_search input#search {
	background:none;
	border:none;
	color:#BEC41F;
	cursor:pointer;
	border:none;
	padding:4px 7px;
	text-transform:uppercase;
	font-size:10px;
}
#quick_search input#search:hover {
	color:#CCC;
}


/* USER PANEL
------------------------*/
#userPanel_wrap {
	position:absolute;
	/*bottom:118px;
	left:0px;*/
	right:10px;
	bottom:8px;
	z-index:50;
}

#userPanel_wrap {
}

#user_panel {
	/*float:left;
	height:43px;
	width:160px;
	background:url("images/user_panel_left.png") left top no-repeat;
	padding:0 0 0 13px;
	text-align:center;
	color:#747808;
	font-size:11px;
	*/
	
	/*background:#232323;
	border:solid #444;
	border-width:0px 0 1px 0;
	border-top:solid 1px #D7DD36;*/
	color:#000;
	/*padding:5px 0 5px 23px;
	width:937px;*/
}


#user_panel_close {
	float:left;
	width:13px;
	height:43px;
	background:url("images/user_panel_right.png") right top no-repeat;
}

#user_panel p {
	display:block;
	margin:0;
}

#user_panel ul {
	list-style:none;
}
#user_panel li {
	float:left;
	border-right:dotted 1px #DDE33B;
	padding:0 10px;
}

#user_panel li,
#user_panel li a {
	height:22px;
	line-height:22px;
	color:#000;
}


#user_panel li.last {
	border:none;
}

#user_panel li a {
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
}
#user_panel li a:hover {
	/*color:white;*/
	text-decoration:underline;
}
#user_panel li#odjava a {
	font-weight:normal;
}

#user_panel li#user_icon {
	overflow:hidden;
	text-indent:-1000px;
	background:url("images/icon_user.gif") left top no-repeat;
	width:20px;
	height:22px;
	padding:0;
	margin-right:3px;
	border:none;
}

/* MAIN NAVIGATION
------------------------*/
#navBar {
	width:960px;
	position:absolute;
	left:0;
	bottom:147px;
	background:url("images/navBarBg.png") left top no-repeat;
	border-top:solid 1px #d7dd36;
	height:33px;
}

#mainNav {
	height:30px;
	line-height:30px;
	list-style:none;
	padding-left:20px;
}
#mainNav li {
	float:left;
}
#mainNav li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#FFF;
	padding:0 7px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#mainNav li a:hover {
	color:black;
}

#mainNav li.current-cat a {
	background:#D7DD36;
	color:black;
}


/* TOP NAVIGATION
------------------------*/

#topNav {
	position:absolute;
	list-style:none;
	z-index:70;
	top:0px;
	right:20px;
	background:#333 url("images/top_nav_bg.jpg") left top repeat-x;
	border:solid #444;
	border-width:0 0px 1px 1px;
}
#topNav li {
	position:relative;
	float:left;
	border:solid #5B5B5D;
	border-width:0 1px 0 0;
}
#topNav li a,
#topNav li.current-cat li a {
	display:inline-block;
	font-size:10px;
	color:#CCC;
	padding:7px 10px;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
}
#topNav li a:hover {
	color:#FFF;
	text-decoration:none;
}

#topNav ul {
	display:none;
}

#topNav li:hover,
#topNav li.current_page_item {
	background:#454547;
	color:white;
}

#topNav li.current_page_item a {
	color:white;
}

#topNav li:hover ul {
	display:block;
	position:absolute;
	top:100%;
	left:-1px;
	background:#454547;
	z-index:70;
	border:solid #555;
	border-width:0 1px 1px 1px;
}
#topNav li li {
	float:none;
	border:solid #555;
	border-width:1px 0 0 0;
}
#topNav li:hover li a {
	color:#CCC;
	display:inline-block;
	width:100%;
	white-space:nowrap;
	text-transform:none;
	font-size:11px;
}
#topNav li:hover li a:hover {
	color:white;
	/*background:#333;*/
	/*text-decoration:underline;*/
}


/* CONTENT WRAP
------------------------*/
#contWrap {
	/*background:#f5f3ef;*/
	background:white;
	padding:15px;
}

.nomrg {
	margin-right:0!important;
}

/* HOME 3 columns
------------------------*/
#col3Wrap {
	margin-bottom:15px;
	margin-left:5px;
	/*border-bottom:dotted 1px ;*/
}
#col3Wrap .col,
#sidebar .col {
	float:left;
	width:296px;
	/*width:298px;
	border:solid 1px #696969;*/
	background:#FFF;
	margin-right:15px;
}

#sidebar .col {
	margin-left:15px;
	margin-right:0;
	margin-top:15px;
}

.col h2 {
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	border:solid 1px #B9B4AB;
	border-width:0 0 1px 1px;
	font-size:14px;
}
.col h2 span {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:7px;
	/*padding-left:37px;
	background: url("images/icon-list.gif") 15px center no-repeat;*/
	background:#E3E1DD;
}

.col h2 a {
	text-decoration:none;
	color:#333;
}



/* SMALL LIST
------------------------------*/
.scrollIt {
	height:300px;
	overflow:auto;
}

.smallList {
}
.smallList li {
	padding:15px 15px 15px 0;
	border-bottom:dotted 1px #c5c2bb;
	
	height:auto!important;
	min-height:113px;
	height:113px;
	
	position:relative;
}

.smallList span.commNum,
span.commNum {
	display:inline-block;
	position:absolute;
	top:8px;
	right:7px;
	height:12px;
	line-height:12px;
	font-size:12px;
	padding-left:17px;
	font-weight:bold;
	background:url("images/icon_comments.jpg") left center no-repeat;
	color:#a8a8a8;
}
.bigBox .smallList span.commNum {
	top:12px;
	right:7px;
}

.smallList li.last {
	border-bottom:none;
}

.bigBox .smallList li {
	float:left;
	width:291px;
	border-bottom:none;
	position:relative;
	margin-right:9px;
}

.bigBox .smallList li.last {
	margin-right:0;
	padding-right:0;
}

.smallList li .img {
	display:block;
	float:left;
	width:60px;
	height:60px;
	border:solid 1px #a49f94;
	overflow:hidden;
	background:#FFF url("images/default_60.jpg") left top no-repeat;
	margin:0 10px 5px 0;
}
.smallList li .img img {
	width:60px;
	display:block;
}

.smallList li h3,
.smallList li p {
	line-height:130%;
}

.smallList li h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.smallList li h3,
.smallList li h3 a {
	color:#333;
	text-decoration:none;
}
.smallList li h3 a:hover {
	text-decoration:underline;
}

/*.smallList li.bigItem1 h3,
.smallList li.bigItem1 h3 a {
	color:#8e9304;
	text-decoration:none;
	font-size:13px;
}
.smallList li.bigItem2 h3,
.smallList li.bigItem2 h3 a {
	color:#2a9cb0;
	text-decoration:none;
	font-size:13px;
}
.smallList li.bigItem3 h3,
.smallList li.bigItem3 h3 a {
	color:#8709a2;
	text-decoration:none;
	font-size:13px;
}*/

.smallList li .desc {
	font-size:10px;
	color:#666;
}
.smallList li .desc p {
	margin-bottom:0;
	padding-bottom:0;
	font-size:11px;
}
.bigBox li .desc p {
	font-size:11px;
}

.smallList li p.meta {
	font-size:10px;
	margin-bottom:3px;
}
.smallList li p.meta a {
	color:#353434;
	text-decoration:none;
}
.smallList li p.meta a:hover {
	text-decoration:underline;
}

#content .cont p.meta a {
	color:#444;
	text-decoration:none;
}


/* SCROLL PANE
------------------------------------*/
.col .jScrollPaneContainer {
	margin-top:1px;
}

.col .jScrollPaneTrack,
#sidebar .jScrollPaneTrack {
	background:#353434;
}
.dark .jScrollPaneTrack,
#sidebar .dark .jScrollPaneTrack {
	background:#6c6c6c;
}

.blue .jScrollPaneDrag {
	background:#6bc9da;
}
.red .jScrollPaneDrag {
	background:#c86ddc;
}

.green .jScrollPaneDrag {
	background:#dae038;
}

.dark .jScrollPaneDrag {
	/*background:#F2D718;*/
	background:#dae038;
}


/* HOME GALLERY
------------------------------*/
#homeGall {
	float:left;
	position:relative;
	width:608px;
	/*border:solid 1px #696969;*/
	margin-right:15px;
	margin-bottom:30px;
	margin-left:5px;
	height:248px;
	/*background:#EEEBE4;*/
}

#homeGall h2 {
	/*background:#353434 url("images/heading_dark_medium.jpg") right top no-repeat;*/
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
}

#homeGall h2 span {
	display:block;
	height:25px;
	line-height:25px;
	/*padding-left:37px;
	background:url("images/icon-gallery.gif") 15px center no-repeat;
	color:white;*/
}


/* LIST GALLERIES
------------------------------*/
#gallList {
	position:absolute;
	width:190px;
	top:45px;
	right:20px;
}
#gallList h3 {
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#gallList ul {
	list-style:disc;
	margin-left:25px;
}
#gallList ul li {
	margin-bottom:5px;
}
#gallList ul li a {
	color:#1c1c1c;
	text-decoration:none;
}
#gallList ul li a:hover {
	color:#34afc5;
	text-decoration:underline;
}

/* SMALL GALLERY
------------------------------*/
.smallGall {
	display:block;
	clear:both;
	margin:15px 0 0 0px;
	width:400px;
}
.smallGall li {
	float:left;
	border:solid 1px #857C5B;
	margin-right:11px;
	margin-bottom:11px;
}

.smallGall li.last {
	margin-right:0;
}

.smallGall li a {
	display:block;
	float:left;
	width:65px;
	height:56px;
	overflow:hidden;
}
.smallGall li a img {
	display:block;
	border:none;
	width:65px;
}


/* HOME BIGBOX
------------------------------*/
.bigBox {
	clear:both;
	position:relative;
	/*border:solid 1px #696969;
	background:white;*/
	margin-left:5px;
}

.bigBox h2 {
	/*background:#353434 url("images/heading_dark_medium.jpg") right top no-repeat;*/
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	border:solid 1px #B9B4AB;
	border-width:0 0 1px 1px;
	font-size:14px;
	margin-right:3px;
	margin-bottom:5px;
}

.bigBox h2 span {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:7px;
	/*background:url("images/icon-gear.png") 15px center no-repeat;
	color:white;*/
	background:#E3E1DD;
}

.bigBox h2 a {
	/*color:white;*/
	text-decoration:none;
	color:#333;
}


/* WIDE BIGBOX
------------------------------*/
.wideBox {
	clear:both;
	position:relative;
	/*border:solid 1px #696969;
	background:white;*/
	margin-left:5px;
}

.wideBox h2 {
	/*background:#353434 url("images/heading_dark_medium.jpg") right top no-repeat;*/
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	border:solid 1px #B9B4AB;
	border-width:0 0 1px 1px;
	font-size:14px;
	margin-right:3px;
	margin-bottom:5px;
}

.wideBox h2 span {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:7px;
	/*background:url("images/icon-gear.png") 15px center no-repeat;
	color:white;*/
	background:#E3E1DD;
}





/* SIDEBAR
-----------------------------------------*/
#sidebar {
	float:left;
	width:300px;
	height:auto!important;
	min-height:300px;
	height:300px;
	padding:15px 0 15px 15px;
	/*background:#DAD6CB;*/
}

#sidebar a {
	color:#A90101;
}

#sidebar .box {
	margin: 0 0 30px 0;
}

#sidebar .box h2 {
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #999;
}

#sidebar p {
	font-size:11px;
}

/* SIDEBAR RECENT
-----------------------------------------*/
#sidebar .recent {
	border:solid 1px #666;
	margin-bottom:15px;
	height:427px;
}

#sidebar .recent h2 {
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:11px;
}
#sidebar .recent h2 span {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:37px;
	background:url("images/icon-list.gif") 15px center no-repeat;
}


#sidebar .recent .smallThumb {
	float:left;
	width:60px;
	height:60px;
	overflow:hidden;
	margin-right:15px;
	background:#DAD6CB url(images/default_60.jpg) center no-repeat;
	border:solid 1px #555555;
}


#sidebar .recent .scrollIt {
	height:400px;
}

#sidebar .recent ul {
	background:white;
	padding:15px;
}

#sidebar .recent li {
	border-bottom:dotted 1px #DAD6CB;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
#sidebar .recent .cont {
	float:left;
	width:173px;
}
/*#sidebar .recent h2 {
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
}*/
#sidebar .recent h3 {
	font-weight:normal;
	margin-bottom:5px;
	font-size:12px;
	line-height:140%;
	font-family:Arial, Tahoma, Verdana;
}
#sidebar .recent h3 a {
	color:#34afc5;
	text-decoration:none;
}
#sidebar .recent h3 a:hover {
	text-decoration:underline;
}
#sidebar .recent p.meta {
	margin-top:2px;
	margin-bottom:5px;
	font-size:10px;
}
#sidebar .recent p.meta,
#sidebar .recent p.meta a {
	color:#333;
}

#sidebar .recent .desc p {
	margin:0;
	font-size:10px;
	color:#444;
}








#copy {
	width:900px;
	margin:20px auto;
	text-align:center;
	color:#CCC;
}
#copy p {
	margin:0 0 5px 0;
}
#copy a {
	color:#FFF;
	text-decoration:none;
}
#copy a:hover {
	text-decoration:underline;
}



/* PAGINATION
------------------------*/
.pagination ol {
	
}
.pagination ol li {
	width:auto;
	float:left;
	border:solid 1px #DDD;
	padding:5px 10px;
	margin-right:2px;
}