/*
Theme Name: WpCoders 1st Design
Theme URI: http://wpcode.rs
Description: WpCoders Design ver.1
Version: 1
Author: Slobodan Kustrimovic
Author URI: http://wpcode.rs
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
	
	text-align:center;
	background: #F3F2F0;
	font-family: 'Georgia';
	font-size:13px;
	line-height:20px;
}

a{
	color:#3680A1;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

input, textarea{
	outline:0px;
}

#mainContent a:hover{
	
	border-bottom:2px solid orange;
	
}

.left { float:left; }
.right { float: right; }
.clear { clear: both;}

.wrap960{
	
	width:960px;
	text-align:left;
	margin:0px auto;
	
}

.noBorder { border-width:0px !important;}

p{
	line-height:22px;
	padding: 10px 0px 10px 0px;
	color:#5E5D5D;
}

#header{
	
	background: #1c1c1c url(inc/images/headerSlice.png) repeat center;
	overflow:auto;
	
}

#header960{
	padding: 50px 0px 30px 0px;
	
	overflow:auto;
}

.s{
	width:200px;
	/*-moz-border-radius:10px;
		-webkit-border-radius:10px;*/
	padding: 7px 50px 7px 10px;
	background:#616161 url(inc/images/searchIcon.png) no-repeat right;
	border:1px solid black;
	color:white;
	font-size:14px;
	font-family:'Georgia';
	opacity:0.5
}

#nav{
	background: #1c1c1c url(inc/images/headerSlice.png) repeat center;
	padding: 0px;
}
#navUl a{ color:white; }
#navUl{ overflow:auto;}
#navUl li{
	float:left;
	display:block;	
	padding:5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}
#subnavUl { overflow:auto; background:white; border: 1px solid #ccc; border-top:0px; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	
}
#subnavUl li { float:left; display:block; padding: 0px 10px 5px 10px; margin:5px 0px 0px 0px; }
.current_page_item{
	background:white;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.current_page_item a{
	color:black !important;
}
.current-cat a{
	color:black !important;
	border-bottom:1px solid black;
}
#bodyContainer{
	
}

#contentWrapper{
	overflow:auto;
}
#mainContent{
	width:640px;
}
.fullWidth{
	width:100% !Important;
}

#sidebar{
	width:300px;
	/* padding-top:20px; */ 
}


.box2{
	background:white;
	border: 1px solid #dedbd1;	
	margin: 20px 0px 0px 0px;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#sidebar .box2 h2{
	padding-top:0px;
}
.box2a{
	background: white;
	border: 1px solid #dedbd1;	
	margin: 20px 0px 20px 0px;
	padding: 20px;
}

h2{
	font-size:22px;
	font-weight:normal;
	padding: 20px 0px 10px 0px;
}
h2.postTitle{
	padding-top:0px;
	font-size:26px;	
}
h2.postTitle a{
	text-decoration:none;
	color:black;
}
.postInfo{
	font-size:12px;
}
.postSmall{
	width:270px;
	height:270px;
}
.postSmall h2{
	font-size:20px;
}
.postSmall .postedOn{
	background:lightyellow;
	border:1px solid #e7e89f;
	padding:2px;
	font-size:11px;
}
.postTips h2{
	font-size:15px;
	padding:0px;
	margin:0px;
}
.postTips{
	background: lightyellow;
	float:left;
	padding:10px;
	margin-right:10px;
}

.latestLabel{
	font-size:18px;
	padding-bottom:5px;
	margin:10px 0px 10px 0px;
}
.latestArticles{
	border-bottom:1px solid #1d7389;
	color:#1d7389;
}
.latestTips{
	border-bottom:1px solid #1d8969;
	color:#1d8969;
}

.box1{
	background:#eeede8;
	border:1px solid #dedbd1;
	padding:10px;
	margin: 20px 0px 20px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#contentWrapper ul li{
	
	color:#5E5D5D;
	
}
.post{
	overflow:auto;
}
.postThumbnail{
	float:right;
	margin-left:20px;
	position:relative;
}

.postThumbnailDate{
	position:absolute;
	top:5px;
	left:0px;
	padding:5px;
	opacity:0.8;
	width:90%;
	background:white;
	border:1px solid #aaa;
	border-left:0px;
}

.commentItem{
overflow:auto;
}
.commentItem .commentInfo{
	width:100px;
}
.commentItem .commentInfo p{
	padding:0px;
	margin:3px;
}
.commentItem .commentData{
	width: 450px;
}
.commentItem.adminComment{
	background:#D3EBFF;
	border-color:#ACD9FE;
}

textarea#comment{
width:600px;
height:170px;
}

#commentform input, textarea{
padding:8px;
font-family:"Georgia";
font-size:13px;
}
#commentform input{
width:40%;
}
#commentform p{
 margin: 10px 0px 10px 0px;
}
#bottomBar{
	z-index:99999;
	position:fixed;
	bottom:0px;
	left:0px;
	background-color: #1c1c1c;
	color:white;
	overflow:auto;
	width:100%;
}
#bottomBar h2{
	margin: 2px 20px 2px 20px;
	font-size:15px;
}
#bottomBar h2 a {
	color:white;	
}

#footer{
	margin-top:20px;
	background: #1c1c1c url(inc/images/headerSlice.png) repeat center;
	overflow:auto;
	
}

#footer960{
	padding: 20px 0px 20px 0px;
	overflow:auto;
	color:white;
}
.footerItem{
	width:300px;
	margin-right:30px;
}
.footerItem.last{
	margin-right:0px;
}
.post img{
	border:1px solid #aaa;
}

#tweetSubscribe{
	background: white url(inc/images/tweetIcon.png) no-repeat left;
}
#rssSubscribe{
	background: white url(inc/images/feedIcon.png) no-repeat left;
}
#tweetSubscribe, #rssSubscribe{
	padding:5px;
	opacity:0.8;
}
#tweetSubscribe:hover, #rssSubscribe:hover{
	opacity:1;
}

#sidebarMenu img{
	vertical-align:middle;
	margin-right:10px;
}
#sidebarMenu{
	font-size:16px;
}
#sidebarMenu ul li{
	border:1px solid #aaa;
	margin-bottom:10px;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:right;
	color:white;
	opacity:0.8;
}
#sidebarMenuThemes{
	background:#1b1b1b url(inc/images/themes.png) no-repeat left;;
}
#sidebarMenuWrite{
	background:#1b1b1b url(inc/images/pencil.png) no-repeat left;;
}
#sidebarMenuAdvertise{
	background:#1b1b1b url(inc/images/advertise.png) no-repeat left;;
}
.button{
	padding:2px;
	border:1px solid #aaa;
	background:#1b1b1b;
}

/* THEMES SHOWCASE */

.themeItem{
	position:relative;
	margin:10px;
}

.themeItem img{
	width:284px;
}

.themeInfo{
	position:absolute;
	top:10px;
	right:0px;
	padding:5px;
	border:1px solid #eee;
	border-right:0px;
	opacity:0.8;
	background:white;
}
code{
	padding:5px;
	background:lightyellow;
	display:block;
	border:1px solid #aaa;
}

#popularPostsTooltip{
	display:none;
	font-size:12px;
	height:100px;
	width:90px;
	padding:5px;
	background:white;
	border:1px solid #ccc;
	border-right:none;
	color:#fff;
}
.popularPostsThumb{
	width:90px;
	height:100px;
}
.promoting td{
	vertical-align:middle;
	padding:10px;
	border:1px solid #ddd;
}

h3.searchResultInfo{
	font-weight:normal;
	font-size:20px;
}

#envato-marketplace-items li a {
margin:0 0 4px 4px !important;
}

#sidebar ul li {
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
}

.wp-pagenavi{
margin:10px 0px;
text-align:center;
}


.wp-pagenavi span, .wp-pagenavi a{
padding:5px 6px !important;
border:1px solid #ccc !important;
}

.wp-pagenavi a:hover{
background:black !important;
color:white !important;
}

.post ul, .post ol {
	margin: 0 0 1.5em;
}
.post ul li {
	list-style-type:circle;
	list-style-position: inside;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
}
.post ol li {
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
}
/*- Post Blockquote -*/
.post blockquote {
	border-left: 3px solid #cfcfcf;
	font-size: 13px;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 5px 0 0 10px;
}