/*
 juicy - the custom skin for sokseka.org
*/

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* body stuff */
body
{
	background: url( 'images/jagode-pattern.gif' ) top left repeat;
	font-family: "Times New Roman";
}

#mainBody
{
	background: #ffffff url( 'images/SENCA_page_03.png' ) repeat-y right;
	width: 600px;
	margin: 0 auto;
	padding-left: 125px;
	float: left;
}

#mainBodySideShadow
{
	width: 552px;
	background: url( 'images/SENCA_page_08.png' ) repeat-y right;
	padding-right: 85px;
	min-height: 1190px;
	float: left;
}

#mainBodySideShadow img.topRight
{
	float: right;
	margin-right: -85px;
	background: url( 'images/ZGORNJIkot_05.gif' ) top left no-repeat;
}

#mainBodyArseShadow
{
	width: 746px;
	height: 17px;
	background: #becc76 url( 'images/SENCA_page_11.png' ) repeat-x;
	float: left;
	margin-left: -125px;
/* 	padding-left: 115px; */
}

#mainBodyArseShadow img:first-child
{
	float: left;
}

#mainBodyArseShadow img
{
	float: right;
	background: #becc76;
}

#backgroundShadow
{
	width: 100%;
	min-width: 1100px;
	float: left;
	background: url( 'images/senca.png' ) top repeat-x;
}

/* menu */
#mainMenu, #mainMenu a *
{
	color: #fa2112;
	font-family: Arial;
	font-weight: bold;
	font-size: 26px;
}

#mainMenu a h1
{
	display: inline;
}

#mainMenu
{
	width: 395px;
	padding-top: 22px;
	margin-bottom: 22px;
}

#mainMenu a
{
	display: block;
	margin-bottom: 3px;
	padding: 2px 0 2px 0;
}

#mainMenu a:last-child
{
	margin-bottom: 0px;
}

#mainMenu a.last
{
	margin-bottom: 0px;
}

#mainMenu a, #mainMenu a:visited, #mainMenu a:link, #mainMenu a:active
{
	color: #fa2112;
	text-decoration: none;
}

#mainMenu a span
{
	margin-left: 75px;
}

#mainMenu a:hover span, #mainMenu h1
{
	color: white;
	margin-left: 0px;
	background: url( 'images/menu_hover.gif' ) repeat;
}

#panicButton
{
	float: right;
	background: url( 'images/GUMB_ko-je-kriza_off.png' );
	display: block;
	width: 133px;
	height: 28px;
	margin-right: -90px;
	margin-top: 26px;
	padding-left: 12px;
}

#attachButton
{
	float: right;
	display: block;
	margin: 60px -70px 0 0;
}

#panicButton, #panicButton:active, #panicButton:visited, #panicButton:link
{
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

#panicButton:hover
{
	background: url( 'images/GUMB_ko-je-kriza_mouseover.png' );
}

/* left bar */
#newsBar
{
	width: 193px;
	float: left;
	margin-left: 116px;
	padding-right: 15px;
}

#newsBar img.logo
{
	background: white;
	margin-top: 96px;
	height: 262px;
	position: relative;
	margin-left: -20px;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#newsBar img.graphic
{
	z-index: 100;
	position: absolute;
	left: 310px;
}

#newsBar div.background
{
	background: #becc76 url( 'images/SENCA_page_11.png' ) top repeat-x;
	margin: 0px -15px 0 -5px;
	padding: 27px 15px 0 5px;
}

#newsBar div.background img.shadowCorner
{
	float: left;
	margin-top: -27px;
	margin-left: -25px;
}

#newsBar div.rightShadow
{
	background:  url( 'images/senca_novice.png' ) top right repeat-y;
	margin: -50px -15px 0 0;
	padding: 27px 15px 10px 5px;
}

#newsBar ul
{
	min-height: 500px;
	background: url( 'images/PUSCICA_navpicna.png' ) repeat-y;
	background-position: left 5px;
	padding-left: 18px;
	padding-right: 10px;
	margin-top: 27px;
}

#newsBar ul li
{
	list-style: none;
	margin-bottom: 22px;
}

#newsBar ul li div.info
{
	color: white;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 16px;
	margin-top: -14px;
}

#newsBar ul li div.info strong
{
	color: #ec008c;
	font-family: Georgia;
	display: block;
	font-size: 14px;
}

#newsBar ul li div.info a
{
	text-decoration: none;
}

#newsBar ul li p
{
	font-family: Georgia;
	font-size: 12px;
	color: black;
	margin-bottom: 20px;
} 

#newsBar ul li h2
{
	color: #ec008c;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
}

#newsBar ul li a
{
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
}

#newsBar ul li a.more
{
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
	color: #ec008c;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
}

#newsBar ul li a.more span
{
	font-size: 10px;
}

#newsBar ul li a.moremore
{
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: white;
	margin-top: -15px;
	display: block;
	width: ;50px;
	background: url( 'images/PUSCICA_bela.png' ) no-repeat;
	background-position: 80px 4px;
}

#newsBar ul li a.moremore:hover
{
	background-position: 110px 4px;
}

/* splitters */
.greyColonSplitter
{
	background: url( 'images/DVOPICJE_siva_1.png' ) top left repeat-x;
	width: 100%;
	height: 9px;
}

.whiteColonSplitter
{
	background: url( 'images/DVOPICJE_belo_1.png' ) top left repeat-x;
	width: 100%;
	height: 9px;
}

.blueColonSplitter
{
	background: url( 'images/DVOPICJE_modra_1.png' ) top left repeat-x;
	width: 100%;
	height: 9px;
}

.redXsplitter
{
	background: url( 'images/X_crta_magenta.png' ) top left repeat-x;
	width: 100%;
	height: 6px;
}

.greyXsplitter
{
	background: url( 'images/X_crta_siva.png' ) top left repeat-x;
	width: 100%;
	height: 5px;
}

/* main content */
p
{
	color: #58595b;
	font-family: Georgia, "Times New Roman";
	font-size: 16px;
	margin-bottom: 20px;
}

a, a:active, a:link, a:visited
{
	color: #ed0079;
}

a:hover
{
	font-family: Arial;
	font-size: 95%;
}

#locations
{
	width: 585px;
}

#locations #map
{
	background: url( 'images/socne_lokacije.jpg' ) no-repeat top left;
	width: 714px;
	height: 838px;
	float: left;
	margin-left: -115px;
	clear: both;
	position: relative;
}

#locations .bar
{
	color: white;
	font-family: Georgia;
	font-weight: bold;
	font-size: 16px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	display: block;
	text-decoration: none;
	margin-top: 15px;
}

#locations .bar, #locations .bar *
{
	cursor: pointer;
}

#locations .barNews
{
	color: white;
	font-family: Georgia;
	font-weight: bold;
	font-size: 14px;
	float: left;
	position: absolute;
	top: -400px;
	left: 0px;
	z-index: 100;
	background: url( 'images/newsBack.png' ) repeat;
	width: 220px;
	min-height: 250px;
	display: none;
}

#locations #barlist
{
	display: block;
	width: 556px;
	height: 200px;
	padding: 30px 0 0 35px;
	position: relative;
	top: 600px;
	left: 110px;
	background: white url( 'images/DVOPICJE_modra_1.png' ) repeat-x;
	background-position: 0 5px;
}

#locations #barlist li
{
	list-style-image: url( 'images/puscica_MODRA.png' );
	margin-bottom: 10px;
	padding-left: 5px;
	color: #00adef;
	font-family: Arial;
	font-size: 12px;
	float: left;
	width: 200px;
}

#locations #barlist li strong
{
	text-decoration: underline;
}

.aNews
{
	margin-bottom: 7px;
	padding: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dashed white;
	list-style: none;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	margin: 5px auto;
	width: 200px;
}

.aNews .time, .aNews .title
{
	display: block;
	font-family: Arial;
}

.aNews strong.time
{
	margin-bottom: 10px;
	margin-top: 12px;
	font-family: Georgia;
	font-size: 14px;
	color: #abc076;
}

.aNews em.title
{
	font-style: normal;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.barTip_strong
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 14px;
	color: white;
	border-top: 1px dashed white;
	display: block;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-left: 7px;
}

.barTip_strongf, .barTip_p
{
	border-top: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	font-family: Arial;
	color: white;
	margin-bottom: 2px;
	padding-top: 5px;
}

.barTip_strongf
{
	word-spacing: 150px;
	margin-bottom: 5px;
}

.barTip_p
{
	border-top: 1px dashed white;
	padding-left: 7px;
	text-transform: none;
	padding-top: 6px;
}

.barTip_pf
{
	font-family: Georgia;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-bottom: 20px;
	text-align: left;
}

.barTip_a
{
	color: #abc076;
	display: block;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	padding-left: 7px;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 7px;
}

.barTip_a strong
{
	font-weight: bold;
	font-size: 16px;
	position: relative;
	top: 2px;
}

.barTip_img
{
	margin-left: 5px;
	vertical-align: top;
}

#panic
{
	width: 585px;
}

#panic h1
{
	width: 192px;
	text-transform: uppercase;
	font-family: Arial;
	color: white;
	font-size: 15px;
	padding-left: 15px;
	background: url( 'images/panicBack.gif' ) repeat top left;
}

#panic div.right
{
	width: 365px;
	margin-left: 220px;
	margin-top: -15px;
}

#panic p
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #ec008c;
	margin-bottom: 14px
}

#panic ul
{
	margin-top: 25px;
	margin-bottom: 32px;
}

#panic ul li
{
	list-style-image: url( 'images/puscica_SIVA.png' );
	font-family: Georgia;
	margin-bottom: 23px;
	margin-left: 25px;
}

#panic ul li p
{
	color: #00adef;
	font-size: 16px;
	margin: 0;
}

#panic ul li a, #panic ul li a:active, #panic ul li a:visited, #panic ul li a:link
{
	color: #58595b;
	font-size: 13px;
	text-decoration: underline;
}

#panic ul li a:hover
{
	text-decoration: none;
}

#intro, #attach
{
	width: 585px;
}

#intro h2, #attach h1
{
	font-family: Arial;
	font-size: 18px;
	color: #fa2112;
	margin-bottom: 22px;
}

#intro p, #attach p
{
	font-family: Georgia;
	color: #58595b;
	margin-bottom: 24px;
}

#intro #sub div
{
	float: left;
	width: 390px;
	padding: 70px 0 0 0px;
}

#intro #sub div p
{
	margin-bottom: 100px;
}

#intro #sub div p:first-child
{
	margin-bottom: 40px;
}

#intro #sub div:first-child
{
	width: 169px;
	padding: 0;
}

#intro #sub div:first-child img
{
	margin-bottom: 20px;
}

#intro #sub h2
{
	margin-top: 20px;
	color: #58595b;
}

#attach table
{
	margin-top: 30px;
}

#attach td
{
	height: 139px;
	display: block;
	float: left;
	clear: none;
	width: 410px;
}

#attach table td span
{
	background: #e8e8e8;
	font-family: Arial;
	color: black;
	font-size: 12px;
	display: block;
	padding: 10px 10px 20px 5px;
	margin-left: 10px;
	vertical-align: top;
	
}

#attach table td:first-child
{
	background: none;
	width: 170px;
}

#faq
{
	width: 585px;
}

#faq h2
{
	font-family: Arial;
	font-size: 18px;
	color: #fa2112;
	margin-bottom: 25px;
}

#faq p
{
	font-family: Arial;
	font-size: 14px;
	color: #ec008c;
}

#faq p.intro
{
	font-weight: bold;
}

#faq ul li
{
	background: url( 'images/X_crta_siva.png' ) bottom left repeat-x;
	padding-bottom: 20px;
	list-style: none;
	margin-top: 15px;
}

#faq ul li:last-child
{
	background: url( 'images/X_crta_magenta.png' ) bottom left repeat-x;
	margin-bottom: 50px;
}

#faq ul li li:last-child
{
	background: none;
	margin: 0;
}

#faq ul li p, #faq ul li ul li
{
	font-family: Georgia;
	font-size: 14px;
	color: #58595b;
	margin-bottom: 10px;
}

#faq ul li p.first:first-line
{
	background: url( 'images/oblakec_MODRI.png' ) top left no-repeat;
}

#faq ul li p.first:first-letter, #faq ul li p.question:first-letter
{
	margin-left: 23px;
}

#faq ul li p.question
{
	color: #00adef;
	font-size: 15px;
}

#faq ul li p.question:first-line
{
	color: #00adef;
	background: url( 'images/oblakec_RDECI.png' ) top left no-repeat;
}

#faq ul li ul
{
	margin-left: 50px;
}

#faq ul li ul li
{
	background: none;
	padding: 0;
	margin: 0;
}

#life
{
	width: 590px;
}

#life p
{
	font-family: Georgia;
	font-size: 14px;
	color: #58595b;
}

#life p.intro
{
	color: #58595b;
	font-size: 16px;
}

#life p.info
{
	font-family: Arial;
	font-weight: bold;
	color: #ec008c;
}

#life form
{
	display: block;
	width: 570px;
	height: 135px;
	padding: 10px;
	background: #fef400;
	margin-bottom: 10px;
}

#life form strong:first-child
{
	color: red;
	display: block;
	float: left;
	clear: both;
	width: 50%;
	font-size: 11px;
	padding: 1px;
}

#life form div
{
	width: 50%;
	float: left;
}

#life form div *
{
	float: left;
	clear: both;
	display: block;
	width: 267px;
	font-family: Arial;
	font-size: 14px;
	color: #58595b;
	margin: 0 0 10px 0;
}

#life form div input:first-child
{
	display: none;
}

#life form div input, #life form div textarea, #life .quickComment input, #life .quickComment textarea,
#life form input
{
	color: #808284;
	background: white;
	font-weight: bold;
	font-family: Georgia;
	font-size: 12px;
}

#life form div input, #life .quickComment input, #life form input
{
	height: 16px;
	padding-left: 3px;
}

#life form div textarea, #life .quickComment textarea
{
	height: 100px;
	width: 260px;
	overflow: auto;
	margin-left: 20px;
	padding: 3px;
}

#life form div em
{
	color: #00adef;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	background: url( 'images/puscica_MODRA.png' ) top right no-repeat;
	width: 300px;
}

#life form div.tagSel
{
	background: white;
	font-weight: 500;
	height: 79px;
	padding-left: 3px;
}

#life form div.tagSel em
{
	color: #808284;
	font-family: Georgia;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	background: none;
	width: 100%;
	margin-bottom: 5px;
}


#life form div.tagSel label
{
	float: left;
	clear: none;
	display: block;
	width: 30%;
	font-family: Arial;
	font-size: 12px;
	color: #58595b;
	margin: 0;
	text-decoration: underline;
	cursor: pointer;
}

#life form div.tagSel label.selected
{
	color: #ec008c;
}

#life form div.tagSel input
{
	display: none;
}

#life form div.tagSel .break
{
	display: none;
}

#life #postButt
{
	cursor: pointer;
	text-align: center;
	background: url( 'images/DVOPICJE_modra_1.png' ) top left repeat-x;
	margin-bottom: 20px;
}

#life #postButt strong
{
	text-transform: uppercase;
	color: #00adef;
	font-family: Arial;
	font-size: 12px;
	background: white;
	position: relative;
	top: -2px;
	padding: 0 8px 0 8px;
}

#life div.comment
{
	padding: 13px 0 13px 0;
	background: url( 'images/X_crta_siva.png' ) left bottom repeat-x;
}

#life div.comment .info, #life div.comment .info *, #life div.comment .info, #life div.comment .info a span
{
	color: #00adef;
	font-family: Arial;
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#life div.comment .commentations div.comment .info
{
	margin-bottom: 3px;
}

#life div.comment .info em
{
	text-transform: none;
}

#life div.comment .info span
{
	font-size: 11px;
	color: #808284;
	padding-left: 15px;
	font-size: 12px;
}

#life div.comment .info em, #life div.comment .info a span
{
	color: #fa2112;
}

#life div.comment .text
{
	color: #58595b;
	font-family: Georgia;
	font-size: 13px;
	margin-bottom: 20px;
}

#life div.comment .commentations div.comment .text
{
	font-family: Arial;
	font-size: 12px;
}

#life div.comment .commentations div.command a, #life div.comment .commentations div.command a:visited, #life div.comment .commentations div.command a:link, #life div.comment .commentations div.command a:active
{
	font-family: Arial;
	font-size: 12px;
	color: #808284;
	padding-left: 25px;
	padding-bottom: 2px;
	margin: 5px;
	background: url( 'images/puscica_SIVA.png' ) center left no-repeat;
	text-decoration: none;
}

#life div.comment .commentations div.command a:first-child
{
	background: url( 'images/oblakec_SIVI.png' ) center left no-repeat;
}

#life div.comment .commentations div.comment div.command a:first-child
{
	background: url( 'images/puscica_SIVA.png' ) center left no-repeat;
}

#life div.comment .commentations div.comment
{
	width: 100%;
	background: none;
	padding: 0;
	margin-bottom: 5px;
}

#life div.comment .commentations div.comment .big
{
	margin-bottom: 10px;
	padding-top: 10px;
}

#life div.comment .commentations div.comment .info em
{
	font-style: normal;
	color: #808284;
	font-size: 11px;
}

#life div.comment .commentations div.comment .info p
{
	color: #58595b;
	font-family: Georgia;
	display: inline;
}

#life div.comment .commentations div.comment .info strong
{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
}

#life div.comment .commentations div.comment .info a.openComm
{
	color: black;
	font-family: Arial;
	font-weight: normal;
	display: block;
	float: left;
	background: url( 'images/oblakec_SIVI.png' ) top left no-repeat;
	width: 19px;
	height: 17px;
	margin-right: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}

#life div.comment .commentations div.comment .text
{
	margin-bottom: 5px;
}

#life div.comment .commentations div.commentsHolder
{
	margin-top: 5px;
}

#life .quickComment
{
	width: 400px;
	background: #fef400;
	color: #808284;
	font-family: Arial;
	padding: 10px;
	float: left;
	padding-right: 0;
	margin-top: 10px;
	z-index: 10;
	position: absolute;
}

#life .quickComment input
{
	float: left;
	width: 180px;
	margin: 3px;
}

#life .quickComment textarea
{
	float: left;
	width: 300px;
	margin: 3px auto;
	clear: both;
}

#life .quickComment .lol
{
	display: none;
}

#life .quickComment input.submit
{
	clear: both;
}

#life #tagcloud
{
	margin-top: 10px;
	padding-top: 20px;
	font-family: Georgia;
	font-size: 14px;
	padding-bottom: 20px;
	float: left;
}

#life #tagcloud *
{
	padding-right: 10px;
}

#life h2
{
	font-family: Arial !important;
	margin-top: -20px !important;
	font-size: 15px !important;
}

#news
{
	padding-top: 160px;
	width: 585px;
}

#news h2, #life h2
{
	font-size: 18px;
	font-family: Georgia;
	font-weight: bold;
	color: #fa2112;
	margin-top: 10px;
}

#news div.info
{
	color: #00adef;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: -15px;
/* 	margin-top: 9px; */
}

#news div.body, #news div.body * 
{
	font-family: Georgia;
	font-size: 14px;
	color: #808284;
	margin-bottom: 20px;
}

#news strong.pagination
{
	display: block;
	margin-top: 20px;
	width: 100%;
}

#news #sokseka
{
	float: right;
	margin-top: -15px;
	margin-right: 0px;
}

#blog ul, #blog ol
{
    list-style: none;
}

#blog h2 a
{
    text-decoration: none;
}

#blog h2, #blog h2 a:hover
{
    color: #00adef;
    font-family: Arial;
    font-size: 15px;
    margin-bottom: 10px;
}

#blog h2 label, #blog h2 a:hover label
{
    color: #808284;
    font-weight: 400;
    font-size: 0.8em;
    padding-left: 0.6em;
}

#blog h2 span, #blog h2 a:hover span
{
    color: #00adef !important;
    font-size: 1.4em;
    font-weight: 400;
}

#blog ul.images
{
    margin-bottom: 15px;
}

#blog ul.images li
{
    display: inline;
}

#blog ol.blog li
{
    margin-bottom: 30px;
}

#blog a.more
{
    display: block;
    margin-top: -10px;
}

#blog label.archive
{
    color: #00adef;
    text-transform: uppercase;
    font-size: 15px;
}

#blog div.archive
{
    margin-top: 50px;
}

#blog div.archive ol
{
    display: inline;
}

#blog div.archive li
{
    display: inline;
    margin-left: 5px;
}

#blog div.pager a
{
    color: #00adef;
}