/*



Theme Name: Celestial Aura

Theme URI: http://www.dkszone.net/2009/08/celestial-aura-free-3-column-wordpress.html

Description: Elegant 3-column Theme with Admin Options for easy customization of Header image, Background Color, Search Box, Post Meta Data, RSS Icon, etc. 

Easily turn on/off Search Box, RSS Icon, Blog title/Slogan text. Theme designed by  www.dkszone.net.

Version: 2.2

Author: dkszone.net

Author URI: http://www.dkszone.net/

Tags: custom-header,theme-options,custom-colors,blue,white,three-columns,fixed-width,left-sidebar,right-sidebar



	This theme is released under the GPL: http://www.gnu.org/licenses/gpl.html

    

*/





/***** RESET *******/



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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }



/***** GLOBAL FORMATTING *****/



body {



	font-size: 12px;

	color: #000;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	background: #fff;

}

img {

	border: 0;

}

a {

	color: #127db8;

	text-decoration: none;

}

a:hover {

	color: #4F67F0;

	text-decoration: underline;

}



a:visited {

	color: #49647d;

}



img {

	border: 0;

}

#container{

	margin-top:0px;
	border-left: 1px #0072bc solid;
	border-right: 1px #0072bc solid;
        background-image: url("http://srednja-europa.hr/wp-content/themes/celestial-aura/images/backCA.gif") repeat-x;
        background-color: #fff; 
        background: #fff url("http://srednja-europa.hr/wp-content/themes/celestial-aura/images/backCA.gif") repeat-x;
	
}



#wrapper {

	display: block;

	margin: 0px auto 0 auto;

	width: 904px;

	position: relative;
        background-image: url("http://srednja-europa.hr/wp-content/themes/celestial-aura/images/backCA.gif") repeat-x;
        background-color: #fff; 
        background: #fff url("http://srednja-europa.hr/wp-content/themes/celestial-aura/images/backCA.gif") repeat-x;
	border-left: 1px #0072bc solid;
	border-right: 1px #0072bc solid;

}







#header {

	width: 880px;

	margin: 0px auto;

	margin-left: 12px;

	overflow: hidden;

	color: #fff;

	padding: 0px;

}


#notices {
	font-size: 12px;
	font-weight: none;
	text-align: left;
}



.hdr_title {

float:left;

width: 820px;

padding: 20px 10px 0px 17px;

}

.rss{

float:right;

width:25px;

}



h1.blogtitle a{

	font-size: 38px;

	font-family: "Futura Md",Arial, Helvetica, Sans-Serif;

	font-weight: normal;

	color: #FFFFFF;	

	text-decoration: none;

	margin-left: 5px;

}



	

h3.slogantext{

	font-size: 21px;

	font-family: "Futura Md",Arial, Helvetica, Sans-Serif;

	font-weight: normal;

	color: #FFFFFF;

	text-decoration: none;

	margin-left: 5px;

}

 

/****** RSS ICON ON HEADER ******/

.rssicon

{

  position: relative;

  display:block;

  float:right;

  background-image: url('images/rss.png');

  background-position: center right;

  background-repeat: no-repeat;

  margin: 5px 5px auto auto;

  height: 17px;

  width: 17px;

}





#content {

	width: 480px;

	float: left;

	color: #000;

	padding: 30px 10px 10px 10px;

	font-weight: normal;

}





/***** NAVIGATION BAR FORMATTING *****/



#NaviBar{

	margin: 0;

	padding: 0;

	list-style: none;

	width: 880px;

	float: left;

	margin-left:12px;

	margin-top: 3px;

	margin-bottom: 0px;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;

	font-size: 13px;

	background: url(images/nav_bg.png) repeat-x;

	background-color: #0b4e6d;

	

	}



#NaviBar ul a {

color:#FFFFFF;

display:block;

float:left;

margin:0;

padding:7px 15px 6px 15px;

text-decoration:none;

font-weight: bold;

border-right: solid 1px #CCC;

}



#NaviBar ul li{

	float: left;

	background: url(images/nav_bg.png) repeat-x;

}



#NaviBar ul li.first {

	border-left: none;

}







#NaviBar ul li a:hover {

	text-decoration: none;

	color: #369;

	background: url(images/nav_hover_active.png) repeat-x;

}



#NaviBar ul li.current_page_item a { 

	color: #369;

	background:url(images/nav_hover_active.png) repeat-x;

	text-decoration: none;

}



/***** SEARCH FORM FORMATTING *****/



#search {

	display: inline;

	float: right;

	margin: 0px 5px 0;

	padding: 0px 0 0;

	text-align: left;

	top: 0px;

}



#searchbox {

	width: 180px;

	float:left;

	padding: 2px 0px 2px 0px;

	background: #fff;

	border: 1px solid #333;

	margin: 2px 2px 2px 0;

	color: #000;

	font-size: 11px;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;

}



.go {

	margin-top: 6px;

	margin-left: -20px;

	padding: 0px;

	color: #000;

	display:inline;

}





/***** PAGE FORMATTING *****/



.title {

	padding: 5px 5px 5px 20px;

	color: #fff;

}





h1.post{

	font-size: 24px;

	text-align: left;

	font-weight: bold;

	margin-bottom: 8px;

	color:  #333;

	padding-bottom: 5px;

	border-bottom: 1px solid #949494;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



h1.post a{

	color: #127db8;

	text-decoration: none;

}



h1.post a:hover{

	color: #4F67F0;

}



h1 {

	font-size: 22px;

	text-align: left;

	font-weight: bold;

	margin-bottom: 8px;

	color:  #333;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



h2 {

	font-size: 20px;

	font-weight: bold;

	text-align: left;

	padding:  3px;

	color:  #333;

	margin-bottom: 5px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



h3 {

	font-size: 18px;

	font-weight: bold;

	text-align: left;

	padding:  3px;

	color:  #333;

	margin-bottom: 5px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



h4 {

	font-size: 16px;

	font-weight: bold;

	text-align: left;

	padding:  3px;

	color:  #fffff;

	margin-bottom: 5px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



h5, h6 {

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	padding:  3px;

	color:  #333;

	margin-bottom: 5px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}





#nextprev {

	clear: both;

	display: block;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 60px;

}



/***** LISTS FORMATTING *****/



.post ul {

	margin-left: 0px;

	padding: 0 0 10px 30px;

	list-style-image: url(images/bullet.png);

	padding-left: 30px;

} 



.post li {

	margin: 7px 0 8px 10px;

}



.post ol {

	padding: 0 0 0 35px;

	margin: 0;

}



.post ol li {

	margin: 0;

	padding: 0;

}

	

/**** TABLE FORMATTING ****/	

	

.post  table {

	background:#FFF;

	border:0px solid #CCC;

	border-collapse:collapse;

	margin:5px;

}

.post  th, 

.post  td {

	border:0px solid #CCC;

	text-align:justify;

}

.post  tr.even td {

	background:#F7F7F7;

}

.post  th {

	background:#EDEFF0;

}







/***** GENERAL TEXT FORMATTING *****/

.post {

	margin-bottom: 20px;

}



.article {

	float:left;

	width: 480px;
	text-align: justify;

}



.postbannerad{

	margin: 10px auto 10px auto;

	padding: 5px;

}

blockquote {

	color: #000; 

	margin: 0 1px 20px 20px; 

	background: url(images/BlockQuote.png) top left no-repeat #F0F0F0;

	border: 1px dashed #DFDFDF;

	padding: 20px 10px 0px 40px;

	font-size: 11px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}

p {

	margin-bottom: 15px;

	line-height: 1.6em;

}

p a {

	border-bottom: none;

	text-decoration: none;

}

p a:hover {

	border-bottom: none;

	text-decoration: underline;

}

p.center {

	text-align: center;

}

.postmetabottom {

	background: #F5F5F5;

	border: 1px #E5E5E5 solid;

	color: #333;

	padding: 3px;

	font-size: 11px;

	float:left;

	width: 472px;
	margin-bottom: 30px;

}



.postmetatop {

	background: #FFFFFF;

	color: #333;

	padding: 3px;

	font-size: 11px;

	margin-bottom: 10px;

	float:left;

	width: 474px;

}



.postmeta a {

	border-bottom: none;

}

.postmeta a:hover {

	border-bottom: none;

}

.small {

	font-size: 10px;

}

code {

	font: 12px 'Courier New', Courier, Fixed;

}



h1.title {

	font-size: 22px;

	font-weight: normal;

	padding: 10px 10px 10px 17px;

}



/***** LISTS FORMATTING *****/

html>body .post ul {

	margin-left: 0px;

	padding: 0 0px 10px 30px;

	list-style-image: url(images/bullet.png);

} 

html>body .post li {

	margin: 0px 0 8px 0px;

}

.post ol {

	padding: 0 0 0 35px;

	margin: 0;

}

.post ol li {

	margin: 0;

	padding: 0;

}



/***** SIDEBAR FORMATTING *****/



#sidebarLeft {

	float: left;

	width: 175px;

	color: #000;

	margin-left: 5px;

	padding: 5px 10px 10px 10px;

}



#sidebarRight {

	width: 175px;

	float:right;

	margin-right: 5px;

	margin-bottom: 7px;

	color: #000;

	padding: 5px 10px 10px 10px;

}







#sidebarRight h2{

	font-size: 16px;
        font-weight: bold;

	text-align: left;

	padding:  10px;

	color:  #fff;

/*	background:url(images/sidebar_bg.png) repeat-x; */

/*	background-color: #7b8ff8; */
        background-color: #666;

	line-height: 14px;

	margin-top: 0px;

	margin-bottom: 10px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



#sidebarRight h2 a{

	color:  #FFFFFF;

	text-decoration: none;

}



#sidebarRight h2 a:hover{

	color:  #FFFFFF;

	text-decoration: underline;

}



#sidebarLeft h2{

	font-size: 16px;
        font-weight: bold;

	text-align: left;

	padding:  10px;

	color:  #fff;

/*	background-color: #7b8ff8; */

     background-color: #666;

	line-height: 14px;

	margin-top: 0px;

	margin-bottom: 10px;

	font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

}



#sidebarLeft h2 a{

	color:  #FFFFFF;

	text-decoration: none;

}



#sidebarLeft h2 a:hover{

	color:  #FFFFFF;

	text-decoration: underline;

}



#sidebarRight a {

	color: #333;

	text-decoration: none;

}



#sidebarRight a:hover {

	background: none;

	color:  #49647d;

	text-decoration: underline;

}



#sidebarLeft a {

	color: #333;

	text-decoration: none;

}



#sidebarLeft a:hover {

	background: none;

	color:  #49647d;

	text-decoration: underline;

}



#sidebarLeft a:visited {

	color: #49647d;

}



.sidebar

{

	line-height: 12px;

	font-size: 14px;

}



.sidebar ul, .sidebar ol { 

	padding: 0px 0px 0px 5px;

	margin: 0 0 1em 0; 

	font-size: 12px;

}



.sidebar ul { 

	list-style-type: none;

}



.sidebar li { 

	margin: 0 0 0.9em 10px; 

	list-style-image: url(images/bullet.png);

	list-style-position: outside;

	line-height: 14px;

	padding: 0;

	

}



.sidebar ul li ul, .sidebar ul li ol, .sidebar ol li ul, .sidebar ol li ol { 

	margin: 0.5em 0 0.5em 5px; 

}



.sidebar_widget

{

	min-width:3px;

  	min-height:3px;

  	margin: 0 auto;

	padding: 5px 5px 5px 5px;

	background-color: #f8f9f9;


	border: 1px solid #999;

}



.sidebar_widget_gap

{

	margin: 7px 0px 7px 0px;

}



/***** FOOTER FORMATTING *****/



#footer {

	clear: both;

	position: relative;

	background-color: #0c5c87;

	color: #CCC;

	text-align: center;

	font-weight: normal;

	width: 880px;

	margin: 0;

	margin-left: 12px;

	padding: 30px 0 5px 0;

}





#footershadow {

	width: 904px;

	height: 12px;

	display: block;

	margin: 0px auto;

	margin-bottom: 30px;

	position: relative;

	background: #fff;

}



#footer p.author {

	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;

	font-size: 10px;

	text-align: center;

	margin-bottom: 0px;

	margin-left: 20px;

	padding: 5px 0 5px 0;

}



#footer a {

	color: #4F49AA;

}

#footer a:hover {

	color: #4F67F0;

}



#footer p {

	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;

	font-size: 11px;

	text-align: center;

	font-weight: light;

	margin-bottom: 0px;

}





#footer a {

	color: #CCC;

	text-decoration: none;

}

#footer a:hover {

	color: #CCC;

	text-decoration: underline;

}

#icons {

	display: inline;

	margin-top: -30px;

	float: right;

	text-align: right;

}

#footerIcons {

	padding: 2px;

	color: #000;

	display: inline;

	float: right;

}

/***** IMAGE FORMATTING *****/



img.post {

	padding: 5px;

	border: 1px solid #CCC;

	margin: 10px 5px 10px 5px;

	float: right;

}



img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	padding: 5px;

	border: 1px solid #CCC;

}



img.alignright {

	padding: 5px;

	border: 1px solid #CCC;

	background: #fff;

	margin: 10px 5px 10px 5px;

	display: inline;

}

img.alignleft {

	padding: 5px;

	border: 1px solid #CCC;

	margin: 10px 5px 10px 5px;

	display: inline;

}

/***** MISCELLANEOUS FORMATTING *****/

.alignright {

	float: right;

}

.alignleft {

	float: left

}	



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.navigation {

  font-size: 11px;

  height: auto;

  line-height: 28px;

  overflow: hidden;

  padding: 0 28px;

}



.postspermonth {

	margin: 5px 0 10px 0;

	list-style: none;

	padding-left: 25px;

}





/***** COMMENTS *****/



#comment {

	background: #FFFFFF;

	color: #222222;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 5px 0px 5px 0px;

	padding: 4px;

	}

		

#comments {

	width: 100%;

	float:left;

	margin: 5px 0px 5px 0px;

	}

		

.commentlist {

	width: 100%;

	float:left;

	margin: 5px;

}

.commentlist li ul li {

	font-size: 12px;

	}



.commentlist li {

	font-weight: bold;

	color: #666;

	}



.commentlist li .avatar { 

	background: #FFFFFF;

	float: right;

	border: 1px solid #EEEEEE;

	margin: 0px 5px 0px 10px;

	padding: 2px;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	color: #666;

	font-style: normal;

	font-size: 12px;

	}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	}



.commentmetadata {

	padding: 5px 0 0 0;

	font-weight: normal;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0px;

	}



#commentform {

	margin: 5px 10px 0px 0px;

	}

	

#commentform textarea {

	width: 98%;

	padding: 10px;

	border: 1px solid #666;

	}

	

#respond:after {

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}

	

#commentform p {

	margin: 5px 0px 5px 0px;

	}

	

#commentform #submit {

	margin: 5px 0px 20px 0px;

	float: left;

	border: 1px solid #0CC;

	}

	

.alt {

	margin: 0px;

	padding: 10px;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	}

	

.commentlist ol {

	margin: 0px;

	padding: 10px;

	}



.commentlist li {

	margin: 15px 0px 10px;

	padding: 10px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

	}



.commentlist p {

	margin: 10px 0px 10px 0px;

	padding: 0px;

	}

	

.children { 

	margin: 0px;

	padding: 0px;

	}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

	}

	

.commentmetadata {

	font-size: 10px;

	margin: 0px;

	display: block;

	}



#author, #email, #url {

	background: #FFFFFF;

	color: #222222;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 0px;

	padding: 4px;

	border: 1px solid #666;

	}

	

.thread-alt {

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

	}

	

.thread-even {

	background: #dfeaf2;

	margin: 0px;

	padding: 0px;

	}

	

.depth-1 {

	border: 1px solid #E6E6E6;

	margin: 0px;

	padding: 0px;

	}



.even, .alt {

	border: 1px solid #CCC;

	margin: 0px;

	padding: 0px;

	}



.pinglist { margin-top: 10px; width: 450px; float: left; }



li.pings {

  border-bottom: 1px dotted #CCC;

  margin: 0;

  padding: 5px 0 5px 5px;

  width: 430px;

  line-height: 14px;

}



.pings:first-child { border-top: none; }

.pings:last-child { border-bottom: none; margin-bottom: 30px; }







/**** CAPTION FORMATTING ******/



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}



/*** CALENDAR FORMATTING ***/

#wp-calendar {

	border: 1px solid #CCC;

	empty-cells: show;

	font-size: 14px;

	margin: 0 0 9px 9px;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

	font-weight: bold;

}



#wp-calendar a:hover {

	background: #e0e6e0;

	color: #333;

	font-weight: bold;

}



#wp-calendar caption {

	color: #000000;

	font-size: 14px;

	text-align: left;

	margin-bottom: 5px;

	font-weight: bold;

}



#wp-calendar td {

	color: #666;

	font: normal 12px Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar td.pad:hover {

	background: #fff;

}



#wp-calendar td:hover, #wp-calendar #today {

	background: #eee;

	color: #bbb;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	font-weight: normal;

}


/* SOCIABLE */

div.sociable { 
	margin-top: 10px; 
	margin-bottom: 10px; 
	background: #F5F5F5;
	padding: 3px;
	border: 1px #E5E5E5 solid;
	}

span.sociable_tagline { position: relative; margin: 0px; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul:before { content: "Podijeli"; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}



/* LIJEVI IZBORNIK */

.docroot {
	position: relative;
	float: left;
	width: 150px;
        height: auto;
        padding: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #127db8;
	border-bottom: #ccc 1px solid;
}

.mitem {
	position: absolute;
        top: 0px;
        left: 160px;
	float: left;
	width: 160px;
	color: #666666;
	display: none;
        background: #fff;
        border: 1px #666 solid;
        padding: 5px;
}

.mitemborder {
	border-bottom: #ccc 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 150px;
}

.menu_root {
	position: relative; 
	float: left; 
	width: 160px; 
	height: 40px; 
	padding-left: 10px;
	display: block;
	//background-color:#333333;
	border-top: #999999 1px solid;
	cursor: hand;
	z-index: 3;
	color: #FFFFFF;
}

.menu_sheep {
	position: relative; 
	float: left; 
	width: 140px; 
	height: 40px; 
	padding-left: 10px;
	padding-top: 3px;
	visibility: hidden;
	//z-index: 20000;

}

.sheep_link {
	width: 130px;
	height: 40px;
	padding-left: 10px;
	padding-top: 3px;
	cursor: hand;
	border-top: #999999 1px solid;	
	color: #FFFFFF;
	overflow: visible;
}

.menuarrow {
	width: 118px;
	height: 40px;
	overflow: visible;
}

/* RSS HISTORIOGRAFIJA */

#rsshist {
   font-size: 11px;
   padding: 5px;
   text-align: left;
}

.rssdiv {
   font-size: 11px;
   padding-bottom: 5px;
   margin-top: 5px;
   border-bottom: 1px #666 solid;
   text-align: left;
}

.najavadiv {
   positon: relative;
   float: left;
   width: 100%;
   font-size: 11px;
   padding-bottom: 5px;
   margin-top: 5px;
   border-bottom: 1px #666 solid;
   text-align: left;
}