/*
Theme Name: Djordje Lifestream Theme
Theme URI: djordjesavic.com
Description: My Lifestream
Version: 1.0
Author: Djordje Savic
Author URI: djordjesavic.com
*/

/*Reset*/
@import "reset.css";

/* Body
-------------------------------------------------------------------*/
body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
	color: #1d1d1d;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; color:#9a332e }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h4.pagetitle { font-size: 16px; line-height: 20px; margin-bottom: 16px; color: #333; font-weight:bold; }

a {color:#9a332e;}
a:hover {}
a:visited {}

p {}

/* Wrapper
-------------------------------------------------------------------*/
#wrapper{
}

/* Header
-------------------------------------------------------------------*/
#header{
	background: url(images/head-bg.png) top repeat-x;
	position:relative;
	/**/	
	}
#headerinner{
	width:960px;
	height:160px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#header, #header h1 a, #header .description{
	color:#cee1d1;
	font-family:Arial, Helvetica, sans-serif;
	}
#header h1{
	width:295px;float:left;
	}
#header .description{
	padding-left:20px;
	float:left;
	padding-top:5px;
}
/* Search
-------------------------------------------------------------------*/
#search{
	width:220px;
	height:25px;
	position:absolute;
	right:0;
	top:70px;
	background:url(images/search-field.png) no-repeat;
}
#search #s{
	width:180px;
	padding:0 5px;
	background:none;
	border:none;
}
input.go {
	background: transparent url(images/search-btn.png) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	width:19px;
	height:15px;
	padding:0;
	margin: 0.25em 0 0 0;
	/*
	margin:0;
	
	*/
	}
/* Site name
-------------------------------------------------------------------*/
#sitename{
	width:570px;
	position:absolute;
	left:0;
	top:60px;
}
/* Lang menu
-------------------------------------------------------------------*/
#langMenu a{
	color:#cee1d1;
	font-size:13px;
	text-decoration:none;
}
#langMenu a:hover{
	text-decoration:underline;
}
#langMenu{
	position:absolute;
	top:8px;
	right:0;
}
#langMenu li{
	float:left;
	padding-left:10px;
}
/* Bodywrapper
-------------------------------------------------------------------*/
#bodywrapper{
	background:url(images/body-bg.png);
	width:100%;
	overflow: auto;
	padding:28px 0;
}
#bodywrapperinner{
	width:960px;
	position:relative;
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
}
/* Menu
-------------------------------------------------------------------*/
#topMenu ul{
	display:inline;
	margin:0;
	padding:0;
	position:absolute;
	bottom:10px;
	/*background:#ccc;url(1images/navigation.png) bottom no-repeat;*/
	overflow:hidden;
	text-indent:-9999px;
	width:384px;
	height:25px;
}
#topMenu li{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	height:29px;
	line-height:2em;
	margin-right:6px;
}

#topMenu a{
	color:#fffff8;
	line-height:2em;
	font-size:16px;
	text-decoration:none;
	display:block;;
	padding:0 0px;
	background:url(images/navigation.png) no-repeat;
}
#topMenu a.menuHome{ width:61px; background-position:-6px -125px;}
#topMenu a.menuAbout{width:65px; background-position:-73px -125px;}
#topMenu a.menuBlog{width:51px; background-position:-144px -125px;}
#topMenu a.menuServices{width:76px; background-position:-201px -125px;}
#topMenu a.menuContact{width:75px; background-position:-283px -125px;}

#topMenu a:hover.menuHome,
#topMenu li.selected a.menuHome{ background-position:-6px -100px;}
#topMenu a:hover.menuAbout,
#topMenu li.selected a.menuAbout{background-position:-73px -75px;}
#topMenu a:hover.menuBlog,
#topMenu li.selected a.menuBlog{ background-position:-144px -50px;}
#topMenu a:hover.menuServices,
#topMenu li.selected a.menuServices{ background-position:-201px -25px;}
#topMenu a:hover.menuContact,
#topMenu li.selected a.menuContact{ background-position:-283px 0px;}

#topMenu li.selected,
#topMenu li.selected a{
	color:#3d3d3b;
}

/* Menu srpski
-------------------------------------------------------------------*/
#topMenu.lang-sr ul{
	width:389px;
}
#topMenu.lang-sr a{
	background:url(images/navigacija.png) no-repeat;
	padding:0;
}

#topMenu.lang-sr a.menuHome{width:73px; background-position:-6px -125px;}
#topMenu.lang-sr a.menuAbout{width:73px; background-position:-84px -125px;}
#topMenu.lang-sr a.menuBlog{width:51px; background-position:-162px -125px;}
#topMenu.lang-sr a.menuServices{width:67px; background-position:-219px -125px;}
#topMenu.lang-sr a.menuContact{width:77px; background-position:-292px -125px;}

#topMenu.lang-sr a:hover.menuHome,
#topMenu.lang-sr li.selected a.menuHome{ background-position:-6px -100px;}
#topMenu.lang-sr a:hover.menuAbout,
#topMenu.lang-sr li.selected a.menuAbout{background-position:-84px -75px;}
#topMenu.lang-sr a:hover.menuBlog,
#topMenu.lang-sr li.selected a.menuBlog{ background-position:-162px -50px;}
#topMenu.lang-sr a:hover.menuServices,
#topMenu.lang-sr li.selected a.menuServices{ background-position:-219px -25px;}
#topMenu.lang-sr a:hover.menuContact,
#topMenu.lang-sr li.selected a.menuContact{ background-position:-292px 0;}


/* Content
-------------------------------------------------------------------*/
#content{

	}
div#content.inside  {
	width:680px;
	float:left;
	overflow:hidden;
	}
div#content.wide  {
	width:960px;
	float:left;
	overflow:hidden;
	}

/* Sidebar
-------------------------------------------------------------------*/
#sidebar{
	/*width:220px;
	margin-left:100px;*/
	/*margin-left:50px;*/
	width:240px;
	float:right;
}
#sidebar h2{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 7px;
	color:#9a332e;
}
#sidebar ul li{
	margin-bottom:24px;
}
#sidebar ul ul li{
	margin-bottom:0;
}
#sidebar ul ul li{
	background:url(images/dot-bg.png) bottom repeat-x;
	padding:4px 0;
	position:relative;
	}
#sidebar a{
	text-decoration:none;
	color:#1d1d1d;
	display: inline-block;
	margin-right:1em;
	padding-left:15px;
	background:url(images/arrow-bullet.png) 2px 10px no-repeat;
}
#sidebar a:hover{
	text-decoration:underline;
	}
/*Different style for some widgets*/
#sidebar li.widget_tag_cloud a,
#sidebar .recentcomments a{
	text-decoration:none;
	color:#1d1d1d;
	display: inline;
	margin:0;
	padding:0;
	background: none;
}
#sidebar .recentcomments a:hover{
	text-decoration:underline;
	}
/* Layout
-------------------------------------------------------------------*/
.first_col{
	width:330px;
	float:left;
	}
.second_col{
	width:330px;
	float:left;
	margin-left:60px;
	}
.third_col{
	width:160px;
	float:left;
	margin-left:60px;
	}
/* twitter box - homepage
-------------------------------------------------------------------*/
#twitter ul{
	line-height:24px;
	margin-bottom:24px;
	}
#twitter ul li{
	background:url(images/dot-bg.png) bottom repeat-x;
	padding:18px 0;
	}
#twitter ul li span{
	color:#735152;
	display:block;
}
#twitter a{
	text-decoration:none;
	font-weight:bold;
	color:#1d1d1d;
}
#twitter a:hover{
	text-decoration:underline;
	}
/* posts box - homepage
-------------------------------------------------------------------*/
#posts ul {
	margin-top:21px;
	}
#posts ul li{
	background:url(images/dot-bg.png) bottom repeat-x;
	padding:4px 0;
	}
#posts a{
	text-decoration:none;
	color:#1d1d1d;
	display: inline-block;
	padding-left:22px;
	background:url(images/post-bullet.png) 2px 6px no-repeat;
}
#posts a:hover{
	text-decoration:underline;
	}	
/* post-cat  box - homepage
-------------------------------------------------------------------*/
#postcat ul {
	margin-top:21px;
	}
#postcat ul li{
	background:url(images/dot-bg.png) bottom repeat-x;
	padding:4px 0;
	position:relative;
	}
#postcat a{
	text-decoration:none;
	color:#1d1d1d;
	display: inline-block;
	margin-right:1em;
	padding-left:15px;
	background:url(images/arrow-bullet.png) 2px 10px no-repeat;
}
#postcat a:hover{
	text-decoration:underline;
	}
/* Flickr box - homepage
-------------------------------------------------------------------*/
#flickr{
	margin-top:24px;
}
#thumb{
	margin-top:21px;
}
#flickr img{
	margin:8px 8px 0 0;
	}
#flickr a img{
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #e5e5e5;
	}
#flickr a:hover img {
	border:1px solid #ccc;
	}
/* Elswhere box - homepage
-------------------------------------------------------------------*/
#elswhere{
	margin-top:24px;
	}
#elswhere ul{
	margin-top:21px;
}
#elswhere ul li a{
	text-decoration:none;
	color:#1d1d1d;
	}
#elswhere ul li a:hover{
	text-decoration:underline;
	}	
#elswhere ul li{ padding-left:28px; line-height:24px;}
#elswhere ul li.tw{ background:url(images/twitter.png) 2px no-repeat}
#elswhere ul li.dl{ background:url(images/delicious.png) 2px no-repeat}
#elswhere ul li.li{ background:url(images/linkedin.png) 2px no-repeat}
#elswhere ul li.su{ background:url(images/stumble.png) 2px no-repeat}
#elswhere ul li.gr{ background:url(images/reader.png) 2px no-repeat}
#elswhere ul li.fl{ background:url(images/flickr.png) 2px  no-repeat}
#elswhere ul li.ff{ background:url(images/friendfeed.png) 2px no-repeat}
#elswhere ul li.lf{ background:url(images/lastfm.png) 2px no-repeat}
#elswhere ul li.bf{ background:url(images/blipfm.png) 2px no-repeat}

/* Footer
-------------------------------------------------------------------*/
#footer{
	background:url(images/head-bg.png) top;
	width:100%;
	float:left;
	}
#footerinner{
	width:920px;
	background: transparent url(images/footer-bird.png) no-repeat scroll left top;
	padding:122px 0 0 10px;
	height:121px;
	position:relative;
	margin:50px auto;
}
#footer,#footer a{
	color:#cee1d1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
}
#footer p{
	margin-bottom:10px;
}
/* Post
-------------------------------------------------------------------*/
.post{
}
.entry{
}
.post h2{
	font-size:24px;
}
.post h2 a,
.post h2 a:visited{ 
	color:#9a332e;
	text-decoration:none;
	}
.post p{
	padding:0 0 24px 0;
}
.post hr{
	margin:16px 0;
}
.post .entry ol{
	list-style:decimal;
	list-style-position:inside;
	padding:0 0 24px 0;
}
.post .entry ul {
	list-style: disc;
	list-style-position:inside;
	padding:0 0 24px 1px;
}
.post .entry a {
	color:#9A332E;
	text-decoration:none;
	}
.post .entry a:hover {
	text-decoration:underline;
	}
.post a:visited{
		color:#cc6666;
}
.post-metadata{
	margin:1.6em 0;
	padding:5px 0;
	background:url(images/dot-bg.png) repeat-x top;
}
.post-metadata p{
	margin:0;
	padding:0;
}
.post-metadata,
.post-metadata p,
.post-metadata a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
}
.post-metadata a,
.post-metadata a:visited{
	color:#9A332E;
	}
.post-metadata a.comments-link{
	display:inline-block;
	padding-left:11px;
	background:url(images/comment.png) left 4px no-repeat;	
}
.post strong, .post b{
	font-weight:bold;
	
}
/* Pages
-------------------------------------------------------------------*/
.page h2{
	margin-bottom:18px;
}
.page h3{
	font-size:20px;
	color:#9a332e;
	margin-bottom:16px;
	margin-top:8px;
}

/*Entry*/
.col_300{
	width:300px;
	float:left;
	margin-right:20px;
	margin-bottom:1em;
	}
	
/* Comment
-------------------------------------------------------------------*/
.commentlist {
	margin:24px 0;
}
.commentlist li{
	background: transparent url(images/coment-bg.png);
	border:1px solid #e5e5e5;
	padding:10px 15px;
	margin:18px 0;
}
.commentlist .avatar{
	float:right;
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #e5e5e5;
	}

.comment-author,
.comment-author a,
.comment-date{
	color:#000;
}
.commentlist a{
	color:#1d1d1d;
}
.comment-date{
	font-size:12px;
	font-style:italic;
}
.comment-text{
	padding:18px 0;

}
/* Trackback
-------------------------------------------------------------------*/
ol.trackbacks {
	margin:24px 0;
}
.trackbacks li{
	background: transparent url(images/coment-bg.png);
	border:1px solid #e5e5e5;
	padding:10px 15px;
	margin:18px 0;
}
.trackbacks a{
	color:#000;
}
/* Comment Form
-------------------------------------------------------------------*/
#comments{
	}
#comments h3{
	margin:18px 0;
	color:#9a332e;
}
.form-left{
	float:left;
	width:220px;
	}
.form-right{
	float:right;
	width:400px;
	}
#commentform label{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	}
.form-left input{
	width:190px;
	height:18px;
	margin-bottom:12px;
	padding:2px 0;
	font-size:14px;
	}
.form-right textarea{
	width:380px;
	margin:18px 0;
}
#comments textarea{
	width:620px;
	margin:18px 0;
}
/* Portfolio
-------------------------------------------------------------------*/
#content .post #portfolio {
	margin:20px 0;
	width:100%;
}
#content .post #portfolio a img {
	padding: 5px;
	text-align: center;
	margin:0 12px 12px 0;
	background: #FFFFFF;
	border: solid 1px #e5e5e5;
}
	
#content .post #portfolio a:hover img {
	border-color: #ccc;
	border-width: 2px;
	margin:0 12px 12px 0;
	padding: 4px;
}

#sidebar ul.portfolio-sidebar li{
	background:url(images/dot-bg.png) bottom repeat-x;
	padding:4px 0;
	position:relative;
	}
#sidebar ul.portfolio-sidebar ul{
	margin:0 0 2px 0;
	padding:0;
}
#sidebar  ul.portfolio-sidebar ul li{
	background:none;
	list-style:square;
	margin:0;
	padding:0;
	margin-left:30px;
}
#sidebar .more a ,
#sidebar ul.portfolio-sidebar a{
	background:none;
}
.portfolio-sidebar span {
	display:block;
	line-height:17px;
	margin:10px 0;
	padding-left:15px;
}
.p-date{
	color:#1d1d1d;
	display: inline-block;
	margin-right:1em;

	background:url(images/arrow-bullet.png) 2px 7px no-repeat;
}
.p-title{
	font-weight:bold;
	color:#1D1D1D;
}
.p-description{
}
.p-url{
}
#hidden{
	display:none;
}
/* Calendar
-------------------------------------------------------------------*/
/* Global class
-------------------------------------------------------------------*/
.clr,
.clear{
	clear:both;
	}
.post-edit-link{
	float:right;
	margin-top:15px;
	
}
.price{
	color:#9a332e
}