/*  
Theme Name: sunflowerlily
Theme URI: http://www.vesnakozelj.com
Description: This is my own theme, based on default wordpress theme.
Author: Vesna Kozelj
Author URI: http://www.vesnakozelj.com/
*/

.popup {
    display: none;
    position: absolute;
    border-top: 0px;
    border: 1px dashed #C00;
    background-color: white;
    z-index: 5;
}

.popupContainer {
    position: relative;
}

.popup p {
    margin: 0.5em;
}

.popup img {
    padding-top: 0.5em;
    padding-left: 0.5em;
}



body {
	font-size: 12px; 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, serif;
	background:transparent url(images/bg.gif) no-repeat scroll top left;
	line-height: 1.5em; 
	color: 	#3D3D3C; 
	margin: 0;
	padding: 0;
}

#page {
	text-align: left;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 1024px;
}

#content {
	padding:0;
	margin:0 0 10px 0;
	float: left;
	width: 735px;
}

/*------------------------- H E A D E R -------------------------------------*/

#header {
	height:314px; 
	width:1024px;
	background:transparent url(images/heading.gif) no-repeat scroll top left;
	margin:0;
	padding:0;
	}

/*header - navigation*/
#menu {float: right;}
#menu li.mega {display: inline; float: left; width: 121px; height: 100px; line-height:1.2em; margin-top:130px;}/*BEFORE width = 105px*/
#menu .section-link-last {border-right: none;}
#menu a {display:block;	width: 121px; background-left: top; text-decoration:none; color:#999;}/*BEFORE width = 105px*/
#menu a:hover {background-position: -126px 0; color:#F90;}/*BEFORE position = -110px*/
#menutravel {background: url(images/menu_travel2.gif) 0 0 no-repeat;}
#menucontact {background: url(images/menu_contact3.gif) 0 0 no-repeat;}
#menuabout {background: url(images/menu_about2.gif) 0 0 no-repeat;}
#menugallery {background: url(images/menu_photo2.gif) 0 0 no-repeat;}
#menuhome {background: url(images/menu_home4.gif) 0 0 no-repeat;}
#menu .link-text {font-size: 7pt; margin:0 0 0 0; padding:30px 0px 5px 10px; width: 90px;}

#menupopup {
	width:260px;
	margin:-60px 0 0 -70px;
	padding: 10px; 25px;
	font-size: 13px;
	font-family:Helvetica,Arial,sans-serif;
	border: 2px solid #ff8c00;
	background-color: #fff;
}

#menupopup .menutitle {
	border-bottom: 1px dashed #C00;
	color:#C00;
	font-weight:bold;
	margin:0 0 15px 0;
	padding: 8px 0 3px 10px;
}

#menupopup p {margin: 5px 0;}
#menupopup .menurss {background: url(images/rss25.gif) no-repeat 10px 0; min-height:24px;	padding: 5px 0 0 43px;}
#menupopup  .menuemail {background: url(images/rssmail25.gif) no-repeat 10px 0; min-height:24px; padding: 5px 0 10px 43px;}
#menupopup  .menutwitter {background: url(images/twitter25.gif) no-repeat 10px 0; min-height:24px; padding: 5px 0 0 43px;}
#menupopup .menufacebookf {background: url(images/facebookfan25.gif) no-repeat 10px 0; min-height:24px;	padding: 5px 0 0 43px;}
#menupopup .menufacebook {background: url(images/facebook25.gif) no-repeat 10px 0; min-height:24px;	padding: 5px 0 0 43px;}
#menupopup p a {width:195px; color:#333;}
#menupopup  ul {margin:-10px 0 10px 50px; padding:0; list-style: none; width: auto;}
#menupopup  ul li {margin: 0 0 3px 0; padding:0;}
#menupopup  ul li a {text-decoration:none; width:170px;}
#menupopup  ul li a:hover {color:#c00; background-color:#F96;}
ul#menu li.mega { display: inline; position: relative; top: 0; left: 0; list-style: none}
ul#menu li.mega div#menupopup {display: none; position: absolute; top: 100px;	left: 0px; z-index: 10;}
ul#menu li.hovering div#menupopup {display: block; }
#menupopup .menutext {margin: -10px 0 0 44px; font-style:italic; font-size:85%;}
#menupopup .menutext a {color:#999;}
#menupopup .menutext a:hover {color:#09F;}
#menupopup form {margin: 0 0 10px 44px;}


/*------------------------- NASLOVI  -------------------------------------*/

/*title of page/category*/
h1 {margin-bottom:40px;}

/*title of post... set for post page*/
h2 {margin: 0 0 3px 0; padding:0 0 2px 0; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; font-size: 2.5em; line-height:36px; color:#C00;}

h2 a:visited, a:hover {text-decoration:none; color:#C00;}

/*post naslov 1*/
h3 { margin: 40px 0 20px 0; padding:10px 0 3px 0; font-family:Helvetica, Arial, Tahoma, Geneva, sans-serif; font-style:normal; font-variant:normal;	line-height:35px; color:#2f2f2f; font-size: 2.5em; border-bottom:3px solid #2f2f2f; font-weight: normal;}

/*post naslov 2*/
h4 {margin: 35px 0 20px 0; padding:0; font-family:Georgia, "Times New Roman",Times, serif, Tahoma, Geneva, sans-serif; font-style:italic; font-variant:normal;	color:#8b4513; font-size: 1.9em; width:550px; font-weight: normal; line-height:105%;}

/*post naslov 2*/
h5 {margin: 30px 0 20px 10px; padding:5px 0 5px 10px; font-family:Tahoma, Geneva, sans-serif; font-style:normal; font-variant:normal; color:#000; font-size: 1.2em; width:540px; background-color:#9FC; font-weight: normal;}

.textout1 { color:#C00; font-size:120%; font-weight:bold;}
.pnote {color:#3D3D3C; font-size: smaller;}
.pnote2 {color:#3D3D3C; font-size: smaller; margin-top:0;}
.pnote3 {color:#3D3D3C; font-size: smaller; margin-top:0; padding-left:20px;}
.pnote4 {color:#3D3D3C; font-size: smaller; margin:0 auto;}


/*------------------------- C O M M O N -------------------------------------*/

/*.breadcrumb {width:555px; margin:0 0 20px 0; padding:0; font-size:80%;}*/

.class {text-align:center;}
.showhide {display:none;}

/* links */
a:link {color: #1057AE; text-decoration: none;}
a:visited {color: #F90; text-decoration: none;}
a:hover { color:#C00;}

/* in post */

blockquote {background: transparent url(images/blockquote.png) no-repeat scroll 10px 10px; margin: 12px 10px 12px 25px; padding: 6px 12px 6px 38px; background-color: #f1f2eb;}

.alertred {background: #fff5ee url(images/warning.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 75px; border-top: 2px solid #C00; border-bottom: 2px solid #C00;}

.alertgreen {background: #f0fff0 url(images/accepted.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 75px; border-top: 2px solid #090; border-bottom: 2px solid #090; margin: 10px auto;}

.alertblue {background: #f0f8ff url(images/info.gif) center no-repeat; background-position: 15px 50%; 	text-align: left; padding: 5px 20px 5px 75px; border-top: 2px solid #36c; border-bottom: 2px solid #36c; min-height: 50px;}

.alertdotted {background-color: #fffff0; padding: 5px 20px 5px 5px; border-top: 2px dotted #F90; border-bottom: 2px dotted #f90; min-height: 50px;}

/* contact form*/
#contactform {margin:30px 0 0 30px;}
#contactform span {margin-right:10px;}
#contactform textarea {padding:5px;}

/*is this in???*/
input, textarea {border: 1px solid #F90; padding:2px;}
input:hover, textarea:hover {border: 1px solid #C00; background-color:#F99;	cursor:pointer;}
input:focus, textarea:focus {cursor:text; border: 1px solid #C00; background-color:#FFF;}

/* T A B L E */
table{margin:.5em 0 1em;}
table td,table th{text-align:left;border-right:1px solid #fff;padding:.4em .8em;}
table th{background-color:#5e5e5e;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e8e1c8;}
table td{background-color:#eee;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}
table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}




/*------------------------- S I D E B A R - LEFT (default) -------------------------------------*/

#sidebar-left {
	width: 424px;
	margin-right: 35px;
	min-height: 300px;
	float: left;
	}

#sidebar-cat {
	width: 419px;
	min-height: 300px;
	float: left;
	}

#sidebar-photo {
	width: 184px; /*424*/
	margin-right: 35px;
	padding-left: 230px;
	min-height: 300px;
	float: left;
	}

#searchform { /*all search*/
	margin: 10px auto;
	padding: 5px 0 0 30px; 
  	background: transparent url(images/search_bg.gif) no-repeat left top;
	height:28px;
	}

/*input#s {
  width:120px;
  border:none;
}
*/

/*------------------------- CATEGORY PAGES  -------------------------------------*/

#content_category {
	/*padding:0 5px;*/
	margin:0;
	float: left;
	width: 605px;
	min-height: 1050px;
	}

/*------------------------- ARTICLE  -------------------------------------*/

#content_article {
	padding:0 5px;
	margin:0;
	float: left;
	width: 555px;
	min-height: 1050px;
	}

#content_article img {
	margin-top: 20px;
	margin-bottom: 30px;
	}

#content_article img.alignnone {margin:0;}

p.postnumber {color:#000; margin-top:40px;}
span.contentjumpnumber, span.contentjumpall { 
vertical-align: middle ; color:#c00; font-weight: bold; border:1px #f90 solid ; background-color: #f90; padding: 3px 4px; margin-left:5px;}
a.contentjumpnumber, a.contentjumpall { 
vertical-align: middle; border:1px #F90 solid ; padding: 3px 4px; text-decoration:none;	margin-left:5px;}
a.contentjumpnumber:hover { border:1px #c00 solid; }
a.contentjumpall {margin-left:20px;}
contentjumpall { padding: 3px; }

/*post article next and previous*/
.articlenav {color:#000; margin-top:20px;}
.articlenav a{text-decoration:none;	border:1px #F90 solid ;	padding: 3px 4px;}
.articlenav a:hover {border:1px #c00 solid;}


/*-------------------------- I N D E X ----------------------------*/

/*welcome*/

#content_index {min-height: 460px;}

#content_index img {
	margin-left: 690px;
	margin-top: 190px;
}



/*------------------------- COMPETITION category (main page)  -------------------------------------*/

/*#content_category {
	width:715px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}
*/
/*#content_categoryhead {
	width:715px;
	margin:0;
	padding:0;
	min-height: 420px;
	 how to take this out???????
}

#content_category_left {
	width: 485px;
	float:left;
	margin:0 5px;
	padding:0;
}

#content_category_right{
	width:175px;
	float:left;
	margin:5px 10px;
	padding:5px 10px;
	border: 1px dashed #999;
}

#content_category_right p{margin-top:5px;}
#content_category_right .rss-box {margin:10px 0 0 10px;}
#content_category_right ul{padding:0; margin:0; font-size: 80%;}

#content_side {
	float:left;
	width: 143px;
	margin:0;
	padding:0 3px;
	border-right:#ccc 1px dotted;
	font-size:12px;
}*/



/*------------------------- article - TABS  -------------------------------------*/

#tabs {margin:30px 0; height:350px;}/*CHANGE HEIGHT!!!!!*/

#tab_likearticle, #tab_comment, #tab_email, #tab_trackback {margin:0; padding:0 5px; font-size:12px; border: 1px solid #8e846b; }

#tab_likearticle, #tab_comment, #tab_email, #tab_trackback {margin:0;  padding:0 5px; font-size:12px; border: 1px solid #696969; min-height: 320px; background-color:#FEEEBD;}

.tabs_column {width:265px; float:left; margin-right:10px;}
.tabs_column2 {width:260px; float:left;}
.tabs_column3 {width:260px; float:left;}
.tabs_column4 {width:265px; float:left; margin-right:10px;}

#commentform label {display: block; width:100px; float:left;}
#commentform div {display:block; margin:10px 0 0 0;}
#commentform input, #commentform textarea {border: 1px solid #F90; padding:2px;}

#tab_likearticle .menurss {background: url(../sunflowerlily/images/feed.png) no-repeat 10px 0; min-height:24px;	padding: 5px 0 0 43px; margin:0;}

#tab_likearticle .menuemail {background: url(../sunflowerlily/images/email.gif) no-repeat 10px 0; min-height:24px; padding: 5px 0 0 43px; margin:2px 0 0 0;}

#tab_likearticle .menutwitter {background: url(../sunflowerlily/images/twitter.png) no-repeat 10px 0; min-height:24px; padding: 5px 0 0 43px; margin:2px 0 0 0;}

#tab_likearticle .menufacebookf {background: url(../sunflowerlily/images/facebook.png) no-repeat 10px 0; min-height:24px;	padding: 5px 0 0 43px; margin:2px 0 0 0;}

#tab_likearticle img {border:none; margin-right:5px;}


/*------------------------- ARTICLE - comments from readers ---------------------------*/

ol.commentlist {list-style:none; margin:0; padding:0; text-indent:0;}

ol.commentlist li {margin: 0 0 40px 0; padding:0; list-style:none; min-height:114px;}

/*prvi div */
.commentlist li .avatar {border: 1px solid #EAE9E9; -moz-border-radius:6px;	float:left; padding: 5px; 	margin: 0;}
.commentlist cite {padding: 7px 7px 0 28px; font-style:normal; color:#000; font-size:160%; margin:0;}

/*drugi div */
.comment-meta {margin: 0 0 20px 120px; border-bottom: 1px solid #ccc;}
.commentmetadata a {float:left; font-size:10px;	text-decoration:none; color:#999;}

/*zunaj div */ 
.commentlist p {margin: 0 0 10px 0px; padding-left:120px; color:#333;}


/*------------------------- CATEGORY PAGE  -------------------------------------*/

h6 {margin: 0 0 5px 0; padding:0 0 3px 0; font-weight: normal; font-size: 1.5em; color:#C00; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

h6 a:link, h6 a:visited, h6 a:hover {text-decoration:none; color:#C00;}

#category_metapost {margin:0; padding:0; min-height:120px;}

#category_meta {
	width: 125px;
	line-height:normal;
	font-size:10px;
	padding:0;
	margin:0;
	float:left;
	text-align:right;
}

#category_meta p {line-height:normal; margin:0;	padding: 2px 0;}

#category_meta img { margin: 3px 0 0 0;}

#category_post {
	display:block;
	float:left;
	margin: 0 0 0 10px;
	padding-right: 5px;
	width:415px;
}

.category_excerpt p {margin:0; padding:0;}
.read-more {text-align:right; font-size:10px; margin: 0 10px 40px 0;}

.metacomments a {
	background-image:url(images/comments.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:2px 0 3px 18px;
	}

/* PAGE NUMBERS */
.category_pagenumber {text-align:center; max-width:560px;}
.wp-paginate {padding:0; margin: 0 0 20px 0;}
.wp-paginate li {display:inline; list-style:none; max-height:70px;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#000; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


/*-------------------- L I S T   A   C O M P E T I T I O N ---------------- */

.events_list ul {margin:0;}
.events_list li { list-style-type: none; font-weight: bold; margin: 10px 0 0 0; }
.events_list li li { list-style-type: circle; font-weight: normal; margin-top: 0px; }

#form_competition {
	width:555px;
	margin:30px 0 0 0;
	padding:0;
	float:left;
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
}

#competition_form {
	width:566px;
	margin:0;
	padding:0 5px;
}

#competition_form fieldset {
	width:556px;/*520*/
	border:none;
	margin:0 0 20px 0;;
	padding:0;
}

#competition_form h2 {
	border-bottom:1px solid #999;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;
	font-variant:normal;
	color:#000000;
	font-size:21px;
	line-height:18px;
	margin:20px 0 30px 0;
	padding:0 0 10px 0;
	width:550px;
}

#competition_form div {
	display:block;
	width:547px;/*560*/ /*odstej border in padding!*/
	float:left;
	margin:0 0 40px 0;
	padding: 0 0 5px 5px;
	border-left:2px solid #F90;
}

#competition_form div div {
	display:block;
	width: auto;/*560*/ /*odstej border in padding!*/
	margin:0 0 0 0;
	padding: 0 0 0 0;
	border-left: none;
}

#competition_form .competition_smallmargin {padding-bottom:10px; margin:0;}

#competition_form label {
	display: block;  
	float:left;
	width: 230px; 
	padding: 0 10px 0 0; 
	margin: 2px 0;
	text-align: left;
}


#competition_form .competition_yes label {text-align:right;}

#competition_form fieldset input, #competition_form fieldset textarea {
	margin:2px 0;
	border: 1px solid #F90;
	background-color:#FFC;
	padding:2px;
}

#competition_form .requiredfiled {border:1px solid #c00;}

#competition_form .checkbox {width:300px; margin:0;}
#competition_form .checkbox input {margin: 0 10px 10px 0;}

#competition_form fieldset input:hover, #competition_form fieldset textarea:hover {
	border: 1px solid #C00;
	background-color:#F99;
	cursor:pointer;
}

#competition_form fieldset input:focus, #competition_form fieldset textarea:focus {
	cursor:text;
	border: 1px solid #C00;
	background-color:#FFF;
}

.formcomment {font-style:italic; color:#999;}
.competition_addcategory {margin:0; padding: 0 0 0 240px;}

#button_clear {
	background-color:#FFF;
	color:#333;
	border: 1px solid #999;
	margin:0 30px 0 0;
	padding: 3px 5px;
	cursor:pointer;
}

#button_send {
	background-color: #FC0;
	border: 2px solid #F90;
	margin:0 0 0 10px;
	padding:3px 5px;
	cursor:pointer;
}

#button_send:hover {border:2px solid #C00; background-color:#F90;}


/*-------------------- F O O T E R ---------------- */

#footer {clear:left; height: 60px; text-align:center; background-color:#d8dd45; margin: 20px 0 0 0 ; padding: 0 10px; border-top:2px solid #f90;}

#footer p {font-family:Geneva, Arial, Helvetica, sans-serif; color:#000; letter-spacing:.15em; line-height:2em; font-size:11px;}