/*
Theme Name: Judo.hr
Theme URI: http://judo.hr
Description: Tema za Hrvatski judo savez
Version: 0.1
Author: Emanuel Blagonic
Author URI: http://extendis.hr/
Tags: judo, savez
*/

/* CSS RESET - MEYERWEB.COM */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
.table_full { width:100% }
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* COMMON ELEMENTS */
.clear { clear:both }
.left { text-align:left } .center { text-align:center } .right { text-align:right }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
img.alignleft { margin:0 10px 5px 0 } img.alignright { margin: 0 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0 }
.nomargin { margin:0; padding:0 }
.hidden { display:none }
strong { font-weight:bold }
hr { clear: both; border: none; border-bottom:2px solid #ddd; color: #fff; background: #fff; height: 10px; margin: 0 !important; margin: -7px 0; margin-bottom:5px } 
.spacer { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee }

/* BODY */
#bgimg1 {
	background:url(img/art/bg-img.jpg) no-repeat top center;
	height:550px;
}
body {
	background:#e2e2e2 url(img/art/body-bg-x.gif) repeat-x top center;
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#252525;
	margin-left:-1px;
}

/* H1 */
#headerimg h1 {
	width:255px;
	height:48px;
	position:absolute;
	top:7px;
	left:10px;
	text-indent:-8000px;
	padding:0;
	margin:0;
}
#headerimg h1 a {
	display:block;
	height:50px;
	text-decoration:none;
	border:0;
}
#headerimg h1 a:hover { text-decoration:none; background:none; border:0 }

/* MAIN ELEMENTS */
h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre {	margin-bottom:15px }
ul, ol, table { margin-bottom:25px }
ul ul, ol ol { margin-bottom:0 }
h1, h2, h3, h4, h5, h6 { clear:both }
h1, h2, h3 { padding:10px 0 } h4, h5, h6 { padding:5px 0 }
h2 {
	color:#000;
	font-size:2em;
	font-weight:normal;
}
h3 {
	font-size:1.5em;
	font-weight:normal;
	color:#333;
}
h4 {
	color:#333;
	text-transform:uppercase;
	font-size:1.3em;
}
h5 {
	font-size:1.2em;
	font-weight:bold;
	color:#555;
}
p, .post li, .entry li, div.page li, dl {
	font-size:1.2em;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

pre {
	background:#f5f5f5;
	padding:10px 20px;
	overflow:auto;
	font-family:Consolas,Monaco,"Courier New",Courier,monospace;
	font-size:12px;
	white-space:pre-wrap !important;
}
blockquote {
	margin:10px 20px;
	padding:10px 35px;
	background:url(img/art/blockquotes.png) no-repeat 0 0;
}

/* LISTS */
.post li li, .entry li li, div.page li li { font-size:1em }
.post ol, .entry ol, div.page ol {
	list-style-type:decimal;
	margin-left:30px;
}
.post ul, .entry ul, div.page ul {
	list-style-type:circle;
	margin-left:30px;
}
ol li, ul li { margin-bottom:2px }
dl {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:0 0 10px;
	margin:10px 0;
}
dt {
	color:#000;
	margin-top:10px;
}
dd { padding-left:20px }

/* TABLES */
table * {
	font-size:12px;
	line-height:14px;
	padding:0;
	margin:0;
}
thead th, thead td { 
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:bottom;
	padding-bottom:5px;
}
table th, table td {
	border-bottom:1px solid #eee;
	padding:3px 2px;
}

/* IMAGES */
img {
	border:1px solid #eee;
	padding:1px;
}
img.attached-image { float:left; margin:0 10px 5px 0 }
a:hover img { background:0 }
/* LINKS */
a {
	color:#0076a3;
	text-decoration:none;
}
a:hover {
	color:#333;
}
a.more-link { font-weight:bold; white-space:pre }

/* BUILDING BLOCKS */
.container {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#head .container { 
	height:100px; 
	margin-top:-550px;
	position:relative;
	margin-bottom:30px;
}
#latest {
	background:url(img/art/main-bg.png) repeat-y 1px 0;
	width:980px;
	margin:0 auto;
}
#latest .container {
	background:#336e99 url(img/art/latest-bg-top.png) no-repeat 0 0;
	padding:30px;
	width:900px;
	margin-left:11px;
}
#main .container {
	background:url(img/art/main-bg.png) repeat-y 1px 0;
	padding:20px 0;
}
#main .container .top {
	width:960px;
	height:50px;
	position:absolute;
	top:-10px;
	left:11px;
	background:url(img/art/main-bg.png) no-repeat -991px 0;
}
#content {
	float:left;
	display:inline;
	width:450px;
	margin-left:30px;
	position:relative;
}
body.page #content, body.single #content {
	width:680px;
}
body.page-id-5 #content {
	width:920px;
}

#sidebar {
	float:right;
	display:inline;
	width:450px;
	margin-right:30px;
	position:relative;
}
body.page #sidebar, body.single #sidebar {
	width:220px;
}
.sidebar {
	width:220px;
}
#footer .container {
	background:url(img/art/main-bg.png) no-repeat -980px -60px;
	padding:15px 10px;
	width:960px;
}
#footer p { font-size:1.1em; color:#898989 }



/* CONTENT */
h2.title {
	font-size:2em;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	padding:0;
}
.page h2.title { margin-bottom:20px }
small {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color:#898989;
}
.post .spacer { padding-bottom:0 }
.postmetadata {
	margin:15px 0 40px;
	padding:10px 0px;
	clear:both;
	border-top:1px solid #eee;
}
.single .postmetadata, .page .postmetadata {
	border-top:2px solid #ddd;
}
p.postmetadata {
	border-top:1px solid #eee;
	padding-top:5px;
}

/* LATEST */
#latest h2.title {
	clear:none;
	font-size:2.2em;
}
#latest small { color:#c8d1d4 }
#latest p {
	font-size:1.35em;
	margin-bottom:5px;
	color:#d0dce4;
}
#latest a { color:#fff }
#latest .image {
	max-width:350px;
	width:auto !important;
	width:350px;
	padding:0;
	border:4px solid #042c49;
	overflow:hidden;
	margin-right:20px;
	float:left;
}
#latest .attached-image {
	margin:0;
	border:0;
}

/* CALENDAR */
.upcoming-events {
	background:#363636;
	color:#b7b7b7;
	padding-bottom:15px;
}
.widget .upcoming-events h2 { 
	color:#fff;
	font-weight:normal;
	padding:20px 10px;
}
.upcoming-events p {
	padding:10px 10px 0;
	margin-bottom:0;
}
.upcoming-events p a { color:#89aec8 }
.upcoming-events ul li {
	padding:5px 10px;
	border-bottom:1px solid #444;
}
.upcoming-events ul ul li { padding:0; border:0; margin-top:5px }
.upcoming-events .event-title { display:none }
.upcoming-events a:hover { color:#fff }
.upcoming-events .event-date { 
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
}
.upcoming-events .event-title {
	display:block;
	font-size:1.2em;
	color:#ccc;
	padding:3px 0;
}
.upcoming-events .event-description {
	font-size:1.1em;
	display:block;
	color:#888;
}
.calnk a span { display:block }

/* wplc_event_list */
/*
.wplc_event_list {
	background:#363636;
	font-size:1.1em;
	line-height:1.4em;
	color:#b7b7b7;
}
.wplc_event_list li {
	padding:10px;
	border-bottom:1px solid #555;
}
.wplc_event_list span {
	display:block;
}
.wplc_event_list .date {
}
.wplc_event_list .location {
	color:#fff;
	padding:4px 0 7px;
}
.wplc_event_list .eventname {
	font-size:1.4em;
	padding:5px 0 0;
	color:#fff;
}
*/


/* COMMENTS */
.commentlist li { width:550px } .commentlist li li { width:520px } .commentlist li li li { width:490px } .commentlist li li li li { width:460px }
.comment-body {
	border-top:1px solid #ddd;
	margin-top:10px;
	padding-top:10px;
	position:relative;
}
.commentlist .children li { padding-left:30px }
.commentinfo img { float:left; margin:0 5px 2px 0 }
.commentinfo {
	font-size:1.1em;
	line-height:1.35em;
	padding-bottom:5px;
	color:#aaa;
}
.commentinfo em { font-style:normal; color:#555; margin-left:10px; padding-left:10px; border-left:1px solid #eee }
.commentinfo cite { font-weight:bold; color:#666; font-style:normal }
.commentinfo .commentdate { font-size:0.916em }
.commenttext {
	font-size:0.916em;
	line-height:1.5em;
}
.commenttext p {
	margin-bottom:5px;
}
.commenttext blockquote {
	margin:5px 15px;
	border-left:1px solid #eee;
	padding:5px 10px;
	background:none;
	color:#aaa;
}
.commenttext img { border:none; padding:0 }
.commenttext code {
	overflow:auto;
	padding:0 10px;
	font-family:Consolas,Monaco,"Courier New",Courier,monospace;
	font-size:11px;
	white-space:pre-wrap !important;
	display:block;
}
.commenttext code br { display:none }
.reply a { padding:4px 6px; background:#fff; color:#aaa; border:1px solid #eee; margin:5px 0; overflow:visible; position:absolute; top:5px; right:5px } 
.reply a:hover { background:#f5f5f5; border:1px solid #eee; color:#444 }



/* COMMENT FORM */
#respond {
	background:#f5f5f5;
	padding:10px;
	width:530px;
}
.children #respond { width:500px; overflow:hidden }
#respond h3 {
	padding:5px 0 0;
	margin-bottom:10px;
}
#commentform p {
	width:530px;
	clear:both;
	margin-bottom:5px;
}
#commentform label {
	width:250px;
	font-family:"Microsoft Sans Serif", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:0.833em;
	font-weight:bold;
	padding-left:10px;
}
#commentform small { color:#444; display:inline }
#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#commentform input:focus, #commentform textarea:focus { border:1px solid #bbb }
#commentform input { width:250px }
#commentform textarea { width:518px }
.comment #commentform textarea { width:488px }
#commentform #submit {
	padding:4px 10px;
	overflow:visible;
	border:1px solid #ddd;
	background:#eee;
	color:#444;
	width:auto;
	cursor:pointer;
}
#commentform #submit:hover {
	background:#ddd;
	border:1px solid #aaa;
}


/* WIDGETS */
.widget h2 {
	font-size:1.6em;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#363636;
	text-transform:uppercase;
	padding:10px 0;
	margin-bottom:0;
}
/* ARTICLELIST */
.articlelist span { display:block }
.articlelist .date {
	display:block;
	font-size:1.1em;
	color:#898989;
}
.articlelist li {
	border-bottom:1px solid #eee;
	padding:8px 0;
}
.articlelist .title {
	font-size:1.4em;
	line-height:1.4em;
	padding:3px 0 6px;
}
.articlelist p {
	margin-bottom:5px;
}
/* NAVIGATION */
.navigation ul {
	border-top:1px solid #eee;
}
.navigation li {
	float:left;
	clear:both;
	width:100%;
	font-size:1.2em;
}
.navigation a {
	display:block;
	height:1%;
	padding:5px 0;
	border-bottom:1px solid #eee;
}
.navigation a:hover {
	background:#f5f5f5;
}

/* CALENDAR */
.calendar-table {

}
.calendar-table th, .calendar-table td { border:0 }
.calendar-table td { border-right:2px solid #fff; border-bottom:2px solid #fff }
.calendar-table .normal-day-heading, .calendar-table .weekend-heading { background:#eee }
.calendar-table .calendar-heading { background:#e5e5e5 } .calendar-table .calendar-heading td { border:0; vertical-align:middle }
.day-with-date, .day-without-date, .current-day {
	width:120px;
	height:80px;
	padding:10px;
}
.day-with-date { background:#e8e8e8 }
.no-events { background:#f5f5f5 }
.calendar-table .day-with-date span { color:#000 } 
.calendar-table td span, .calendar-table .day-with-date.no-events span, .calendar-table .current-day.no-events span {
	font-size:11px;
	font-weight:bold;
	color:#aaa;
	margin-bottom:5px;
	display:block;
}
.normal-day-heading, .weekend-heading {
	padding:10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
.weekend-heading, .calendar-table .day-with-date span.weekend, .calendar-table .day-with-date.no-events span.weekend { color:#ff0000 }

.calendar-table .calendar-heading td {
	width:260px;
	padding:10px;
}
.calendar-table .calendar-heading td a {
	font-size:10px;
	text-transform:uppercase;
}
.calendar-table .calendar-heading .calendar-month {
	width:390px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	text-transform:none;
}
.calendar-heading .calendar-next { text-align:right }

.calendar-date-switcher { 

}
.calendar-table .event .calnk { display:block; margin-bottom:10px }
.calendar-table .event .event-title, .calendar-table .event .event-title a {
	font-size:14px;
	font-weight:normal;
	margin-bottom:3px;
}
.calendar-table .event .event-title { color:#000 }
.calendar-table .event span {
	font-weight:bold;
	color:#777;
}

/* CFORMS */
.cform {
	
}
.cform .cf_hidden { display:none }
.cform legend {
	font-size:1.5em;
	line-height:1.33em;
	color:#000;
	margin-bottom:20px;
}
div.page .cform ol, .cform ol {
	list-style-type:none;
	margin-left:0;
}
div.page .cform li, .cform li {
	width:660px;
	clear:both;
	margin-bottom:10px;
	font-size:1em;
}
.cform label, .cform .cf-box-title {
	display:block;
	font-size:1.1em;
	line-height:1.36em;
	text-transform:uppercase;
	color:#aaa;
	width:150px;
	float:left;
}
.cf-box-group label {
	width:420px;
	float:left;
}
.cf-box-group input {
	float:left;
	margin:0 10px 10px 0;
	clear:both;
}
.reqtxt, .emailreqtxt { display:none }
.cform .single, .area, .cformselect, .cf-box-group label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#444;
	text-transform:none;
}
.cform .single, .area, .cformselect {
	border:1px solid #ddd;
	padding:5px;
	width:450px;
	float:left;
	margin-bottom:10px;
}
.cformselect { width:460px }
.cform #sendbutton { margin-left:150px }
#ll.linklove { font-size:.9em; margin-left:150px }

/* EC VETERANS 2010 LOGO */
/*
#ecvet_logo {
	width:200px;
	height:153px;
	position:absolute;
	top:130px;
	left:-200px;
	text-indent:-8000px;
	display:block;
	background:url(img/art/ec2010-logo.jpg) no-repeat 0 0;
}
*/
#ecvet_logo { display:none }

/* HEADNAV */
#header .container { z-index:1000 }
#menu {
	position:absolute;
	top:60px;
	left:10px;
}
#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	position:relative;
	margin-bottom:0;
}

#menu li ul {
	position:absolute;
	top:40px;
	left:0; /* for IE */
	display:none;
	border-bottom:1px solid #ccc;
}
/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul { display:block }
#menu li:hover ul ul, #menu li.over ul ul { display:none }
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul { display:block }
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	padding:12px 10px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	margin-right:1px;
}
#menu a:hover, #menu .current_page_item a, #menu .current_page_ancestor a {
	color:#1f1f1f;
	background:#fff;
}

#menu ul a {
	color:#1f1f1f;
	background:#fff;
	margin-right:0;
	width:150px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#menu ul a:hover { background:#eee }

/* ******************************************************************* */
#menu li { z-index:100 }
#menu ul li { z-index:200 }
#menu ul ul li { z-index:300 }
/* ******************************************************************* */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */