/*
Theme Name: Milutin Milankovic
Theme URI: http://milutin-milankovic.com/
Description: The default WordPress theme for the famous Milankovic.
Version: 1.0
Author: Stanisalv Mihic
Author URI: http://veselistudio.com/
Tags: simple, typo, educational :-)


*/
 @import url("css/comments.css"); 

/* Begin Typography & Colors */

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

body {
    background:url(images/bg.png) repeat-x left top #fff;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 62.5%;
    line-height: 1.4;
    font-size-adjust: none;
    font-stretch: normal;
    color: #5F5D5A;
    }

  a{
    outline:none;
    text-decoration: underline;
    color:#B22433;
    }
a:hover{
    text-decoration: none;
    }
a img{
    border:none;
    }

/************ structure ***************/

#wrapper{
    margin:0px auto;
    padding:0px;
    width:960px;
    }

#container{
    margin:0px auto;
    padding:0px 0px 0px 0px;
    width:960px;
    float:left;
    /*clear: both;*/
    }  
#page{
    margin:0px;
    padding: 0px 0px 0px 40px;
    float:left;
    width: 670px;
    }
 
#content{
    margin:0px;
    padding: 0px 0px;
    float:left;
    width: 670px;
    }

/********** header ***********/

#header{
    margin:0px auto;
    padding: 2px 0px 10px 0px;
    display: block;
    width: 960px;
    float:left;
    }
#logo{
    margin:0px;
    padding:5px 0px 0px 0px;
    float:left;
    }
#logo a{
    margin:0px;
    padding:0px 0px 0px 0px;
    float:left;
    display:block;
    width:250px;
    height:280px;
    text-indent:-9999px;
    background:url(images/milutin_milankovic.jpg) no-repeat left top;
    }



/******* bread ********/
#bread_wrapp{
    margin:0px auto;
    padding: 10px 0px 0px 0px;
    width: 550px;
    float:left;
    }
.breadcrumb{
    margin:0px 0px 0px 0px;
    padding: 10px 0px 3px 0px;
    font-size: 1.1em;
    float: left;
    }
#breadcrumbs a{
    color: #F2EA26;
    text-decoration: none;
    font-weight: normal;
    }
    #breadcrumbs a:hover{
        text-decoration:underline;
    }
/******** search ***********/

#search{float:right; margin:0px 0px 0px 0px; padding:5px 35px 0px 0px; width:165px;}

#search #search_form{
    margin:0px 0px 0px 0px;
    padding:2px 2px 0px 2px;
    /*border:1px solid #DEDEDE;*/
    border:none;
    color:rgb(38, 131, 184);
    background: url(images/search_bg.png) repeat-x left top;
    width:135px;
    float: left;
    }
#searchsubmit{
    float:right;
    margin:1px 0px 0px 0px;
    }
/********** navigation **********/
ul#navigation{
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    float:left;
   /* width:720px;*/
    background: none;
    list-style-type:none;
    }

ul#navigation li{
    margin:0px;
    padding:0px 10px 0px 0px;
    list-style-type:none;
    float:left;
    display:block;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 1.2em;
    
    }
ul#navigation li a{
    margin:0px;
    padding:3px 5px;
    float:left;
    display:block;
    color: #fff;
    text-decoration: none;
    text-shadow:0px 0px 1px #cacaca;
    }

ul#navigation li.page_item a:hover{
    background-position: bottom left;
    text-shadow:0px 0px 1px #F9ED9D;
    
    background:#CD002C;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
ul#navigation li.current_page_item a{
    background-position: bottom left;
    text-shadow:0px 0px 1px #F9ED9D;
    
    background:#CD002C;    
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    }
ul#navigation li.current_page_parent a{
    background-position: bottom left;
    text-shadow:0px 0px 1px #F9ED9D;
    
    background:#CD002C;    
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    }
    
/********* main page **********/

#main{
    margin:10px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    float:left;
    width:490px;
    
}

#bottom{
    margin:10px 0px;
    padding:10px 0px;
    float:left;
    width: 670px; 
    border-top:4px double #ccc;
    }
    
/*********** article *************/

.article{
    margin:0px;
    padding:0px 20px 0px 0px;
    float: left;
    width: 480px;
    
}

/********* sidebar ************/

#sidebar{
    margin:0px;
    padding: 0px;
    float:left;
    width:250px;
    }
    
ul#sidenav{
    margin:10px 0px;
    padding: 15px 0px;
    list-style-type:none ;
    text-align: center;    
    width:250px; 
    float: left;
    display: block;
    border-top:5px double #CCCCCC;
    border-bottom:5px double #CCCCCC;
    }
ul#sidenav li{
    margin:0px;
    padding: 0px;
    list-style-type:none ;
    }
ul#sidenav li a{
    font-size:1.6em;
    color:#000;
    text-decoration: none;
    font-family:Georgia;
    }  
ul#sidenav li a:hover{
    color:#CC002C;
}     
.front_article{
    margin:0px;
    padding: 0px 0px 0px 20px;
    float:left;
    text-align: right;
    }
 
 /******** sidebar right *************/
 
 #sidebar_right{
     margin:10px 0px 0px 0px;
     padding: 10px 10px 50px 10px;
     float: left;
     width: 148px;
     border:1px solid #ccc;
     border-bottom:none;
     background:url(images/right_sidebar.png) no-repeat left bottom #F6F5EF;
     }   

 #sidebar_right .box{
     margin:0px 0px 10px 0px;
     padding: 0px 0px 10px 0px;
     float: left;
     width:150px;
     border-bottom:1px solid #ccc;
     }
#sidebar_right ul{
    margin:0px;
    padding: 5px 0px; 
    list-style-type: none;
    font-size: 1.2em;
    }
#sidebar_right ul li{
    margin:0px;
    padding: 3px 0px;
    list-style-type: none;
    display: block;
    border-bottom:1px solid #ccc;
    }
#sidebar_right ul li a{
    display:block;
    }
 /********** footer **************/
 
 #footer{
     margin:0px 0px 10px 0px;
     padding: 10px 0px 10px 290px;
     float: left;
     width: 670px;
     border-top:4px double #ccc;
     border-bottom: 1px solid #ccc;
 }    
     
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	/*margin-left: auto;
	margin-right: auto;*/
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	/*border: 1px solid #ddd;*/
	text-align: center;
	background-color: #FDF4D6;
	padding-top: 5px;
	margin: 0px;
	/*-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: 5px 0px ;
	margin: 0;
}
/* End captions */



h1{
    color:#CD002C;
    font-size: 2.8em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 0px 0px;
    border-bottom: 4px double  #CCCCCC;
    text-shadow:1px 1px 0px #999
    text-align: left;
    /*font-family: times, Times New Roman, times-roman, georgia, serif;
    font-size: 2.8em;
    font-weight:normal;
    color:#CD002C;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 0px 0px;
    border-bottom: 4px double  #CCCCCC;*/



    

    }
h2{
    font-family: times, Times New Roman, times-roman, georgia, serif;
    font-size: 1.8em;
    font-weight:normal;
    color:#CD002C;
    padding:5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    line-height: normal;
    }
h3{
    font-family: times, Times New Roman, times-roman, georgia, serif;
    font-size: 1.8em;
    font-weight:normal;
    color:#CD002C;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: normal;
    }
#bottom h3{
    border-bottom:1px solid #ccc;
    padding:0px 0px 10px 0px; 
}
p{
    margin:0px;
    padding: 10px 0px;
    font-size:1.2em;
    color: #2C2C2C;
    font-family:  Georgia, serif;
    font-weight:normal;
    line-height: 1.6em;
    }
.post p{text-align: left;}
/*#main p:first-letter {font-size:40px;float:left;padding:2px 2px 0 0;}*/
blockquote.podnaslov{
    margin:0px;
    padding: 10px 0px 10px 60px;
    border-bottom:4px double  #CCCCCC;
    font-size: 1.5em;
    color:#999;
    font-family: times, Times New Roman, times-roman, georgia, serif;
    line-height: 20px;
    text-transform: uppercase;
    text-align: right;
    }
.article blockquote p{
    margin:0px 0px 10px 0px;
    padding: 10px 0px 10px 60px;
    border-bottom:1px dashed  #CCCCCC;
    font-size: 1.5em;

      color:#381704;

    font-family:Palatino, "Palatino Linotype", Constantia, "Book Antiqua", "URW Palladio L", "Times New Roman", Georgia, serif;
    line-height: 20px;
    font-style: italic;
    background:url(images/pullquote.gif) no-repeat left 10px;
    /*text-align: center;*/
    
}
span.link a{
    padding:0px 10px 0px 0px ;
    font-size: 1.2em;
    color:#CD002C ;
    font-style: italic;
    font-family:  Georgia, serif;
    background:url(images/links.png) no-repeat center right;   
    }
span.link a:hover{text-decoration:none;}

.entry ul, .entry ol, .article ul, .article ol{
    margin:0px;
    padding: 10px 20px;
    font-size:1.2em;
    list-style-position: inherit;
}
.entry ul li, .entry ol li, .article ul li, .article ol li{padding:2px 0px; font-style: italic;}