/*

Theme Name: 5 Years

Theme URI: http://blog.urosevic.net/wordpress/5years/

Description: 5 Years tribute to Zapisi based on 960grid and 18px line height system

Tags: white, light, two-columns, right-sidebar, fixed-width, microformats

Version: 1.0.0

Author: Aleksandar Urošević

Author URI: http://urosevic.net/



*/



@import url("960/960.css");

@import url("960/reset.css");

@import url("960/text.css");



body {

	padding: 0;

	margin: 0;

	font-size: 87%;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	background: #fff;
	

	line-height: 18px; }

p { line-height: 18px; margin-bottom: 18px; }

il, ol { margin-bottom: 18px; }

ul li ul, ol li ol, li { line-height: 18px; margin-top: 0; margin-bottom: 0; }

h3, h4, h5, h6 { line-height: 18px; margin-bottom: 18px; }



blockquote {

	background: #FFFFCC url(images/blockquote.gif) repeat-x top left;

	margin-bottom: 18px;

	border-left: 10px solid #FF66CC;

	padding: 36px 36px 18px 36px;

	}



code, pre {

	background: #fff url(images/box-bg.gif) repeat-x top left;

	color: #008C00;

	padding: 17px 10px;

	border: 1px solid #008C00;

	font: normal 12px/18px "Luxi Mono", "Courier New", monospaces;

	display: block; }



/* Page wrapper */

#page {

	background: #fff;

	color: #4d4d4d; }



/* Boxes */

.box {

	padding: 0 10px;

	border: 1px solid #DEDBD1;

	background: #fff url(images/box-bg.gif) repeat-x top left;

	margin-bottom: 17px; }

.box .more {

	line-height: 18px;

	height: 18px;

	text-align: right;

	display: block;

	margin-bottom: 17px;

	font-size: small; }

.box .more2 {

	line-height: 18px;

	height: 18px;

	text-align: left;

	display: block;

	margin-bottom: 17px;
 
        background: #000

	font-size: small; }

.pagination {

	margin-bottom: 18px;

	display: block;

	min-height: 18px;

	background: #fff url(images/box-bg.gif) repeat-x top left;

	padding: 17px 10px;

	border: 1px solid #DEDBD1; }

.widget {

	padding: 17px 10px;

	border: 1px solid #DEDBD1;

	background: #fff url(images/box-bg.gif) repeat-x top left;

	margin-bottom: 18px;

}

	

/* Header */

#header {

	height: 108px; }

#header h1 {

	margin: 18px 0 0 0;

	line-height: 36px;

	font-size: 36px;

	font-weight: bold;

	letter-spacing: 8pt;

	color: #4096EE; /* #008C00; Technorati green */ }

#header p {

	position: relative;

	line-height: 18px;

	font-size: 18px;

	color: #4096EE; }

#header #search-form {

	float: right;

	margin-top: 2px;

	text-align: right; }

#header #search-form #s { width: 228px; }

#header #search-form input {

	color: #4d4d4d; }



/* Top Menu */

#topmenu {

	height: 36px;

	line-height: 18px; }

#topmenu ul {

	position: relative;

	padding: 0;

	margin: 0;

	text-align: left;

	display: block;

	border-bottom: 1px solid #4096EE;

	height: 20px; }

#topmenu ul li {

	display: inline;

	margin: 0;

	padding: 0; }

#topmenu ul li a {

	margin: 0;

	padding: 2px 10px;

	display: inline;

	text-decoration: none;

	font-weight: bold;

	background: #4096EE; }

#topmenu ul li a:link,

#topmenu ul li a:visited {

	color: #fff; }

#topmenu ul li.current_page_item a:link,

#topmenu ul li.current_page_item a:visited {

	background: #FF0084;

	color: #fff; }

#topmenu ul li.page_item a:hover,

#topmenu ul li.current_page_item a:hover {

	background: #008C00;

	color: #fff; }



/* Content */

.da-com {

	display: block;

	clear: both;

	position: relative;

	height: 18px;

	line-height: 18px;

	padding: 17px 0 0 0;

	border-bottom: 1px solid #efefef; }

.da-com .desno a { /* comment icon */

	background: url(images/comment.gif) no-repeat left 4px;

	padding-left: 18px; }

.da-com .desno a.mild {

	background: url(images/comment-mild.gif) no-repeat left 4px;

	padding-left: 18px; }

.da-com .desno a.hot {

	background: url(images/comment-hot.gif) no-repeat left 4px;

	padding-left: 18px; }

h2 {

	font-size: 16px;

	line-height: 18px;

	display: block;

	clear: both;

	margin: 18px 0;

	padding: 0; }

.featured h2 {

	font-size: 24px;

	line-height: 26px;

	margin: 9px 0 18px 0;

	padding: 0;

}

.single-post h2 {

	font-size: 24px;

	line-height: 26px;

	height: 26px;

	margin-top: 10px;

	color: #4096EE;

}

.seearch-result h2 {

	font-size: 16px;

	line-height: 18px;

	display: block;

	clear: both;

	margin: 18px 0;

	padding: 0;

}



div.singlepostinfo {

	display: block;

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

	padding-left: 58px;

	min-height: 54px;

	margin-top: 17px;

	padding-bottom: 17px;

}



.levo { float: left; }

.desno { float: right; }



/* Comments */

.comment { padding: 17px 10px; margin-bottom: 17px; }

.comment-avatar { float: left; font-size: 36px; font-weight: bold;}

.comment-content { margin-left: 60px; }

.comment-info { margin-bottom: 17px; line-height: 18px; }

.comment-info .author { padding-left: 20px; background: url(images/author.png) no-repeat top left; }

.comment-info .date { padding-left: 20px; background: url(images/date.gif) no-repeat 1px 3px; }

.box .comments-title { margin-top: 17px; margin-bottom: 18px; line-height: 18px; }



#comments div.comment,

#comments div.author {

 	padding: 17px 10px 0 10px;

	border: 1px solid #DEDBD1;

	background: #fff url(images/box-bg.gif) repeat-x top left;

	margin-bottom: 17px; }

#comments div.author { 

	border: 1px solid #4096EE; }

/*#comments div.comment .prvi { margin-top: 17px; }*/



/* Comment Form */

form, fieldset { margin: 0; padding: 0; border: none; }

input, textarea {

	background: #fff url(images/box-bg.gif) repeat-x top left;

	border: 1px solid #DEDBD1; }

textarea { padding: 10px; }

#commentform fieldset p small code { border: none; background: #fff; color: #4d4d4d; margin: 0; padding: 0; display: inline; }



/* Sidebar widgets */

#sidebar .pagenav { list-style: none; margin-left: 0; }

.widget h2, #sidebar .widgrt h2, #sidebar .widgrt h3 {

	line-height: 18px;

	margin: 0 0 18px 0;

	padding: 0;

	color: #B02B2C; /* Ruby on Rails blue */ }

.widget ul, .ppc ul {

	list-style: none;

	margin: 0;

	padding: 0; }

.widget ul li, .ppc ul li {

	line-height: 18px;

	margin: 0;

	padding: 0;

	padding-left: 15px;

	background: url(images/bullet.gif) no-repeat left top;

	}

.widget ul li ul li {

	background: url(images/bullet2.gif) no-repeat left top;

}



/* Footer */

#footer {

	background: #fff;

	color: #4d4d4d;

	height: 54px;

	padding-bottom: 18px;

	text-align: center;

	border-top: 1px solid #4096EE; }

#footer p { line-height: 18px; margin-top: 18px; }



/* Links */

a { text-decoration: none; }

a:link, a:visited { color: #4096EE; /* Flock blue */ }

.widget a:link, .widget a:visited { color: #FF0084; /* Flickr pink */ }

a:hover, .post a:hover, .widget a:hover { color: #008C00; /* Technorati green */ }



/* Ads in post */

.ads {

	background: #fff;

	height: 72px; 

	margin-bottom: 18px;

	text-align: center; }



/* Generic WordPress styles */



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



img.centered, img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 18px;

	}



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 */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}



.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;

}

/* End captions */