/*
Theme Name: youngstep
Theme URI: http://www.youngstep.com/
Description: youngstep.com theme
Version: 1.0
Author: Heiko Klingele
Author URI: http://www.divmedia.de/
*/

* { margin:0; padding:0; }

body {
	font:14px/22px Arial, Helvetica, Verdana, sans-serif;
	background:#FFF url("images/bg.jpg") no-repeat center 0;
}

.wrap {
	width:1000px;
	margin:auto;
}
#header {
	height:250px;
}
#header h1 a {
	position:absolute;
	text-indent:-9999px;
	width:345px;
	height:267px;
	background:transparent url("images/youngstep.png") no-repeat;
}
/*
#header h1 a {
	position:absolute;
	text-indent:-9999px;
	width:182px;
	height:41px;
	background:transparent url("images/youngstep.png") no-repeat;
}
*/
#header .search {
	float:right;
}
#header .search .txtfield {
	padding:6px;
	color:#666666;
	font:18px Arial, Helvetica, sans-serif;
	-moz-border-radius:6px;
	border:1px solid #CCCCCC;
	margin:30px 0 55px 0;
}
#header .nav {
	clear:both;
}
#header .nav li.current-cat a {
	color:#aa0000;
}

#main-top {  }
#main-top .rss {
	float:right;
	padding:15px;
}
#main-top .breadcrumb {
	float:left;
/*	border:1px solid black;*/
	padding:15px 25px;
	color:#666666;
	font-size:12px;
}
.breadcrumb a {
	color:#666666;
}
#main {

}
#main .wrap {
	border-top:4px solid #dedede;
}
.content {
	float:left;
	width:700px;
/*	border:1px solid #777;*/
}
.content .box {
	padding:15px;
}
.content .box h2 {
	margin-bottom:20px;
}
.sidebar {
	float:right;
	width:240px;
	padding:10px 30px;
	background:#FFF url("images/sidebar_bg.jpg") repeat-y;
}
.sidebar h2 {
	font-size:14px;
	border-bottom:1px dotted #333;
	margin-top:15px;
}
.sidebar ul {
	list-style-type:none;
}
.sidebar ul li a {
	display:block;
	padding:1px 0;
	text-decoration:none;
	border-bottom:1px dotted #c0c0c0;
}
.sidebar .ads {
	padding:30px 0;
}

.article {
	padding:15px 30px 30px 100px;
	border-bottom:4px solid #DEDEDE;
	border-right:1px solid #dedede;
}
.article .date {
	position:absolute;
	color:#929292;
	width:40px;
	text-align:center;
	background:#ececec;
	border-bottom:3px solid #999999;
	padding:5px;
	margin:-15px 0 0 -75px;
	font:bold 18px Arial, Helvetica, sans-serif;
}
.article .date small {
	display:block;
	text-transform:uppercase;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.article .comments_num {
	float:right;
	width:47px;
	height:40px;
	background:#FFF url("images/comment_bubble.jpg") no-repeat;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
}
.article .comments_num a {
	color:#FFF;
	text-decoration:none;
	padding:10px 15px;
}
.article small {
	display:block;
	font-size:12px;
	margin-bottom:10px;
}
.article div.tags {
	border-top:4px solid #DEDEDE;
	border-bottom:4px solid #DEDEDE;
	padding:15px 30px;
	margin:0 -30px;
}
.ads {
	padding-top:30px;
}

.prev-next {
	padding:15px;
}
.prev-next .aLeft {
	float:left;
}
.prev-next .aRight {
	float:right;
}


.wp-pagenavi {
	padding:25px;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.wp-pagenavi .right {
	float:right;
}
.wp-pagenavi a, .wp-pagenavi a {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #777;
	color: #444;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #C62525;
	color: #C62525;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.relatedposts {
        margin:40px -30px 0 -30px;
        padding:0 30px 20px 30px;
        border-top:4px solid #DEDEDE;
}
.relatedposts h3 {
        line-height:50px;
        margin:0;
}

.sya_container strong {
	display:block;
	border-bottom:1px dotted #333;
	padding:5px 0;
	font-size:18px;
	margin-bottom:10px;
}
.sya_container ul {
	list-style-type:none;
	padding:0;
}
.sya_container ul li {
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.sya_container ul li a {
	padding-left:15px;
}


/*
.article small {
	padding:2px 5px;
	font-size:11px;
	color:#FFFFFF;
	background:#aa0000;
}
.article small a {
	color:#FFFFFF;
	text-decoration:none;
}
.article small a:hover {
	text-decoration:underline;
}*/


#footer .wrap {
	border-top:4px solid #DEDEDE;
	padding:15px 0;
	margin-top:30px;
	margin-bottom:100px;
}
#footer .right {
	float:right;
	width:600px;
}
#footer .right ul {
	list-style-type:none;
	float:left;
	width:120px;
}
#footer a.feed {
	background:transparent url("images/icons/RSS_16.png") no-repeat;
	padding-left:25px;
}

.alignleft {
	float:left;
	margin:5px 25px 10px 0;
}
.alignright {
	float:left;
	margin:5px 25px 10px 0;
}

a		{ color:#000000; }
a:hover	{ color:#C62525; text-decoration:none; }
p { margin-bottom:20px; }
ul {
	padding-left:30px;
}
img { border:0; }
h2 {
	color:#c62525;
	font:bold 25px/30px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
h2 a {
	color:#c62525;
	text-decoration:none;
}
h2 a:hover {
	color:#000;
}
h3 {
	font-size:18px;
	margin:25px 0 20px 0;
}
.clearfix { clear:both; }
