/*
Theme Name: solemone theme
Theme URI: http://solemone.de
Version: BETA
Author: solemone
Author URI: http://solemone.de/

*/


/* setup */
body { background:#000000 url(images/main_background.jpg) top center no-repeat; color:#ccc; font:14px  helvetica, arial,Sans-serif; }
a { color:#fff; text-decoration:none; }
a:hover { color:#CDDF53; }
a img { border:none; }
h1 { font-size:30px; } 
h2 { font-size:22px; margin-bottom:10px; letter-spacing:0; line-height:1.4em; color:#eee; text-decoration:none; } 
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:14px; }


/* pagenavi */
.pagenavi  { margin: 10px 9px 10px 0; clear: both; text-align:right; }


/* navigation */
ul#menu { margin:10px 0 0 63px; display:inline-block; }
ul#menu li { float:left; }
ul#menu li a { font:18px verdana; color:#ddd; margin:5px 22px 7px 0; }	
ul#menu li a:hover { color:#CDDF53; }
ul#menu li a.aktiv { color:#CDDF53; }


/* rss */
.rss { position:absolute; right:0; top:10px; width:31px; }
.rss a { color:#fff; font-size:12px; font-weight:bold; }
.rss a:hover { color:#CC0; }


/* header */
#header { width:950px; height:233px; margin:0 auto; position:relative; }
#header h1 a { display:block; width: 950px; text-indent: -999em; height:180px; position:absolute; top:50px; }
#header h2 { margin:0; }
#header a.homelink { display:block; width: 950px; text-indent: -999em; height:180px; position:absolute; top:50px; }
#main-wrapper { display:block; margin:0 auto; width:950px; padding:10px; background:#0f0f0f url(images/content-background.gif) repeat-x; }
.main { width:490px; float:left; overflow:hidden; min-height:628px; }


/* thumnails */
.thumb { background:#222 url(images/thumb.png); display:block; width:235px; overflow:hidden; height:150px; margin: 0 10px 10px 0; position:relative; float:left; }
.thumb-title { margin-bottom:5px; background:#000; bottom:0; right:0; display:block; position:absolute; filter:alpha(opacity=85); -moz-opacity:.85;opacity:.85; }
.thumb-title h2 { margin:0; line-height:1.4em; max-width:200px; }
.thumb-title h2 a { font:12px Arial,helvetica; display:block; color:#aaa; padding:5px; letter-spacing:0; }
.thumb:hover .thumb-title h2 a, .thumb-title h2 a:hover { color:#141414; }
.thumb:hover .thumb-title, .thumb-title:hover { background:#CCC; }


/* single page */
.post.single { width:480px; }
.post.single h1 { margin:5px 9px; font:22px verdana,arial; letter-spacing:0px; color:#eee; }
.post.single h2 { margin:26px 9px 0; font:18px verdana,arial; }
.post.single h3 { font-size:14px; font-weight:bold; color:#6199dc; display:block; }

.post.single .postMeta { font:10px Arial; margin:0 0 5px 9px; color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center; padding-left:15px; }
.post .entry img.wp-smiley { border:none; margin:0; vertical-align:middle; }
.post .entry img, .entry a img { border:1px solid #1d1d1d; margin-bottom:25px; }
.post .entry a:hover img { border-color:#2d2d2d; }

.post.single p { margin:1em 9px 0; line-height:1.4; }
.post.single p a.image img { width:455px; }
.post.single p img.tutimg { width:455px; margin-bottom:20px; }

.post.single ul { margin:1em 20px 0; line-height:1.4; }
.post.single ul li a { background:url(images/listarrow.gif) no-repeat 0 4px; padding:0 0 0 20px; }

.post.single a#downloadbutton, .post.single a#previewbutton {
	background:url(images/box_download.png) no-repeat 10px 10px;
	display:block;
	width:110px;
	height:48px;
	float:left;
	margin:20px 0 20px 20px;
	padding:10px 10px 10px 75px;
	border:1px solid #333;
	font-size:18px;
	font-weight:bold;
}
 .post.single a#previewbutton {
	background:url(images/browser.png) no-repeat 10px 5px;
 }
 .post.single a#downloadbutton:hover, .post.single a#previewbutton:hover {
	border:1px solid #666;
} 
.post.single a#downloadbutton span, .post.single a#previewbutton span {
	font-weight:normal;
	font-size:12px;
	color:#999;
	display:block;
}
/* sidebar */
#sidebarwrapper { color:#999; float:right; width:459px; }
#sidebarwrapper h3 { padding:6px; background:#1c1c1c; color:#eee; display:block; border-top:1px solid #242424; border-bottom:1px solid #0a0a0a; }
#sidebarwrapper h3 a{ display:block; }

#middle-sidebar { width:459px; height:320px; }
#middle-sidebar .bildbeschreibung { margin-top:5px; background:#000; top:0; right:0; display:block; position:absolute; padding:4px; filter:alpha(opacity=85); -moz-opacity:.85;opacity:.85; }
#middle-sidebar .bilddesmonats { width:459px; height:310px; position:relative; }

#twitter { background:#0D0D0D url(images/twitter.gif) no-repeat 390px 40px; clear:both; margin-bottom:10px; min-height:110px; }
#twitter p { padding:10px 75px 10px 10px; }

#left-sidebar, #right-sidebar { background:#0D0D0D; display:block; width:225px; float:left; margin-right:10px; }
#right-sidebar { width:224px; margin:0; }

ul.categories, ul.recommended { padding:10px; }
ul.categories li, ul.recommended li { padding:3px 2px; display:block; }
ul.categories li a, ul.recommended li a { color:#999; }
ul.categories li a:hover, ul.recommended li a:hover { color:#eee; }


/* comments */
h3#comments, h3#respond { font-weight:normal; font-size:14px; letter-spacing:0; color:#ddd; margin:20px 9px; }
ol.commentlist { width:470px; margin:0 9px; }
ol.commentlist li { background:#141414; border-bottom:1px dotted #222; padding:10px; font-size:12px; }
ol.commentlist cite { font-style:normal; }
ol.commentlist h5 { font-size:14px; margin-bottom:8px; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }

ol.commentlist li p { margin-bottom:15px; }

#commentform { margin: 1em 9px; }
#author, #email,#url,#comment{font:14px Arial, Helvetica, Verdana, sans-serif; margin:5px 0; padding:2px; }
#comment { width:470px; }
.comment-warning strong { color: #999; font-weight: bold; }



/* footimage */
#footimage  { height:164px;background: url(images/rambling.jpg) no-repeat; }


/* footer */
#footer { margin:0 auto; height:200px; clear:both; width:100%; background:url(images/footer-background.jpg) no-repeat top center; }
#footer p.copyright { color:#555; width:950px; text-align:right; margin:0 auto; font-size:9px; }
#footer p.tags { width:700px; text-align:center; margin:0 auto; padding:50px 150px 0; }
#footer p.tags a { color:#333; text-decoration:none; }
#footer:hover p.tags a { color:#666; } 
#footer p.tags a:hover { color:#fff; text-decoration:underline; }
#footer a { font-weight: bold; color:#999; }
#footer a:hover { color:#eee; }
#footer img { display: none; }


#altContent { margin: 0 auto; }


/* contactForm */
#contactForm label { width: 100px; float: left; }
#contactForm label.error { float: none; color: red; padding-left: 5px; vertical-align: top; }
#contactForm .submit { margin-left: 300px; width:auto; }
#contactForm input { width:180px; }
#contactForm textarea { width:250px; }
#contactForm p { margin-bottom:8px;}


/* Portfolio */
#portfolio, #photo {
	position:relative;
}
#portfolio h1, #photo h1, #photo h2 {
	color:#eee;
	font-family:verdana,arial;
	font-size:22px;
	font-weight:normal;
	letter-spacing:0;
	line-height:normal;
	margin-bottom:10px;
}
#portfolio-list, #photo ul {
	clear:both;
}
#portfolio-list li {
	width:227px;
	height:150px;
	background:#999;
	float:left;
	margin:0 13px 10px 0;
	overflow:hidden;
	display:inline;
	position:relative;
}
#portfolio-list a span {
	display:block;
	position:absolute;
	top:110px;
	padding-left:10px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#000;
	left:0;
	right:0;
	height:40px;
	width:227px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
#portfolio-list a span.subline {
	top:130px;
	font-size:12px;
	font-weight:normal;
	padding-top:0;
	background:none;
}

#portfolio-filter {
	display:block;
	height:38px;
}
#portfolio-filter li a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	padding:4px 10px 5px;
	background:url(images/portfolio-btn-sprite.png) no-repeat -250px;
	float:left;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-right:10px;
}
#portfolio-filter li a:hover, #portfolio-filter li a.current {
	background:url(images/portfolio-btn-sprite.png) no-repeat;
	color:#fff;
}

a#behancebtn {
	position:absolute;
	top:5px;
	right:10px;
	width:157px;
	height:58px;
	background-image: url(http://behance.vo.llnwd.net/service/badge/nbadge_w_3.gif);
	display:block;
	opacity:0.2;
}
a#behancebtn:hover {
	opacity:1;
}

/* Photo */
#photo h2 {
	font-size:16px;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #2B2B2B;
	clear:both;
	color:#484848;
	width:950px;
}
#photo ul {
	display:inline-block;
	margin-bottom:20px;
}
#photo ul li {
	width:150px;
	height:150px;
	background:#999;
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
	display:block;
	position:relative;
}
#photo ul li a {
	width:150px;
	height:150px;
	display:block;
}

/* CodeColorer */
div.codecolorer-container {
	margin:10px;
	padding:10px;
	border:1px solid #333 !important;
}