/***************************************************************************************************************************************

RUS STAR

Autor: stefansenn - visuelle kommunikation, Stefan Senn, mail@stefansenn.com 
Datum: November 2009

Hauptstylesheet

Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website!

************************************************************************************************************************************* */

*				{ margin:0; padding:0 }

html, body 		{ height:100%; }

body 			{ font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; font-weight:normal; color:#7a7e81; background-color:#141414; }

#wrapper		{ margin:0px auto; width:960px; }

img				{ border:none }

/* --- HEADER -------------------------------------------------------------------------------------------------------------------------- */

#header			{ width:960px; overflow:hidden }
#header .logo	{ float:left; display:block; padding:40px 0 30px 10px }
#header .info	{ float:right; padding:48px 0 0 0 }

/* --- NAV -------------------------------------------------------------------------------------------------------------------------- */

#nav									{ width:960px; height:62px; clear:both; background:transparent url(images/nav/bg_nav.jpg) left top repeat-x; }

.navLeft								{ float:left; list-style:none; height:11px; width:500px; padding:24px 0 0 10px }
.navLeft li								{ float:left; height:11px; padding:0 15px 0 0 }
.navLeft a.portfolio					{ overflow:hidden; height:11px; width:65px; background:transparent url(images/nav/bt_portfolio.jpg) 0px 0px no-repeat; display:block }
.navLeft a.portfolio.active				{ overflow:hidden; height:11px; width:65px; background:transparent url(images/nav/bt_portfolio.jpg) 0px -11px no-repeat; display:block }
.navLeft a.blog							{ overflow:hidden; height:11px; width:30px; background:transparent url(images/nav/bt_blog.jpg) 0px 0px no-repeat; display:block }
.navLeft a.blog.active					{ overflow:hidden; height:11px; width:30px; background:transparent url(images/nav/bt_blog.jpg) 0px -11px no-repeat; display:block }
.navLeft a.information					{ overflow:hidden; height:11px; width:82px; background:transparent url(images/nav/bt_information.jpg) 0px 0px no-repeat; display:block }
.navLeft a.information.active			{ overflow:hidden; height:11px; width:82px; background:transparent url(images/nav/bt_information.jpg) 0px -11px no-repeat; display:block }
.navLeft a:hover 						{ background-position: 0px -11px }

.navRight								{ list-style:none; height:9px; width:130px; padding:24px 10px 0 0; float:right }
.navRight li							{ float:left; height:9px; padding:0 0 0 15px }
.navRight a.flickr						{ overflow:hidden; height:9px; width:35px; background:transparent url(images/nav/bt_flickr.jpg) 0px 0px no-repeat; display:block }
.navRight a.deviantart					{ overflow:hidden; height:9px; width:64px; background:transparent url(images/nav/bt_deviantart.jpg) 0px 0px no-repeat; display:block }
.navRight a:hover 						{ background-position: 0px -9px }

/* --- CONTENT HOME -------------------------------------------------------------------------------------------------------------------------- */

#content								{ clear:both; overflow:hidden; padding:0 10px 20px 10px; color:#9d9d9d; width:940px; border-bottom:1px solid #222222 }
#content .inhaltBlog 					{ float:left; width:575px }
#content .inhaltBlog h2 				{ font-weight:normal; font-size:18px; color:#8a00e2; padding:20px 0 5px 0 }
#content .inhaltBlog .entry				{ border-bottom:1px solid #222222; padding:15px 0 15px 0; line-height:18px }
#content .inhaltBlog img				{ padding:0 0 15px 0; border:none }
#content .inhaltBlog a					{ color:#9d9d9d; }

#content .navigation					{ clear:both; padding:20px 0 40px 0 }
#content .navigation .alignleft a		{ font-weight:normal; font-size:12px; color:#8a00e2; }
#content .navigation .alignright a		{ font-weight:normal; font-size:12px; color:#8a00e2; }

/* --- CONTENT INFO -------------------------------------------------------------------------------------------------------------------------- */

#contentInfo							{ clear:both; position:relative; z-index:1; overflow:hidden; padding:20px 0 20px 0; width:960px; border-bottom:1px solid #222222 }

#contentInfo a							{ color:#7a7e81; text-decoration:none }
#contentInfo table						{ padding:0 0 40px 0 }

#contentInfo .aboutBox					{ line-height:17px; color:#FFF; position:absolute; top:160px; right:15px; z-index:2; width:468px }
#contentInfo .aboutBox h1				{ margin:0 0 8px 0; text-align:right }
#contentInfo .aboutBox ul				{ list-style:none; float:right; padding:20px 0 0 0 }
#contentInfo .aboutBox li				{ float:left; margin:0 2px 0 2px }
#contentInfo .aboutBox a				{ text-decoration:none; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; font-weight:normal; color:#FFF; }

#contentInfo .textBox					{ height:90px; }

#contentInfo .contactBox				{ overflow:hidden; width:960px; border-top:1px solid #222222 }
#contentInfo .contactBox .rightBox		{ float:left; padding:20px 0 0 0 }
#contentInfo .contactBox .rightBox h1	{ padding:0 0 15px 0 }
#contentInfo .contactBox .rightBox h2	{ padding:0 0 20px 0 }
#contentInfo .contactBox .rightBox table{ padding:0; }

#contentInfo .contactBox .leftBox							{ float:left; width:429px; padding:20px 50px 0 0 }
#contentInfo .contactBox .leftBox h1						{ padding:0 0 20px 0 }
#contentInfo .contactBox .leftBox input						{ margin:7px 0 0 0; padding:5px 0 0 5px; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; font-weight:normal; color:#FFF; width:429px; height:22px; border:none; background:transparent url(images/info/bg_input.jpg) top left no-repeat; }
#contentInfo .contactBox .leftBox textarea					{ margin:7px 0 0 0; padding:5px 0 0 5px; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; font-weight:normal; color:#FFF; width:429px; height:47px; border:none; background:transparent url(images/info/bg_textarea.jpg) top left no-repeat; }
#contentInfo .contactBox .leftBox p							{ margin:5px 0 0 0 }
#contentInfo .contactBox .leftBox .wpcf7-validation-errors	{ clear:left; width:429px; border:none; color:#f50002; padding:10px 0 0 0; margin:0; }
#contentInfo .contactBox .leftBox .wpcf7-not-valid-tip		{ font-size:11px; border:none; color:#f50002; margin:0; background:none }
#contentInfo .contactBox .leftBox .submit					{ cursor:pointer; float:right; display:block; margin:0; padding:2px 0 0 0; width:90px; height:22px; background:transparent url(images/info/bt_send.jpg) center repeat-x; }	

/* --- CONTENT PORTFOLIO -------------------------------------------------------------------------------------------------------------------------- */

#contentPortfolio						{ clear:both; width:940px; overflow:hidden; padding:20px 10px 20px 10px; border-bottom:1px solid #222222 }
#contentPortfolio .subnav				{ width:114px; float:left }
#contentPortfolio .subnav h1			{ padding:0 0 15px 0 }
#contentPortfolio .subnav h2			{ padding:20px 0 15px 0 }
#contentPortfolio .subnav ul			{ list-style:none; }
#contentPortfolio .subnav li			{ padding:0 0 5px 0 }
#contentPortfolio .subnav a				{ text-decoration:none; color:#9d9d9d }
#contentPortfolio .inhalt				{ float:left; width:826px; text-align:center }

/* --- SIDEBAR -------------------------------------------------------------------------------------------------------------------------- */

#sidebar								{ float:right; width:300px; padding:20px 0 0 0; color:#9d9d9d; }
#sidebar h2								{ clear:both; padding:30px 0 6px 0; font-weight:normal; font-size:14px; color:#9d9d9d; border-bottom:1px solid #222222; text-transform:uppercase }
#sidebar ul								{ list-style:none; padding:0 0 15px 0  }
#sidebar a								{ display:block; color:#FFF; text-decoration:none; margin:8px 0 0 0 }
#sidebar #searchform					{ margin:8px 0 0 0 }
#sidebar input							{ float:left; padding:0; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; font-weight:normal; color:#FFF; width:175px; height:19px; border:none; background:#222 }
#sidebar #searchsubmit					{ float:left; display:block; margin:0; width:21px; height:19px; background:transparent url(images/meta/bt_submit.jpg) top left no-repeat; }	
#sidebar .textwidget					{ margin:8px 0 0 0; line-height:14px }
#sidebar .textwidget span				{ color:#FFF }

#sidebar #text-2						{ clear:both }

#sidebar .widget_categories				{ float:left; width:110px }
#sidebar .widget_links					{ float:left; width:100px }
#sidebar #text-4						{ float:left; width:90px; }
#sidebar #text-4 .textwidget			{ line-height:12px; }

#sidebar #text-5 h2						{ padding:0 0 6px 0 }
#sidebar #text-5 a						{ height:14px; padding:2px 0 0 20px; background:transparent url(images/meta/feedicon.jpg) center left no-repeat; }

#freelance-status						{ clear:both; margin:8px 0 0 0 }
#freelance-status span					{ color:#8a00e2 }

#flickr-photostream	.flickrImage		{ float:left; }
#flickr-photostream	.flickrImage img	{ width:75px; height:75px; border:none }
#flickr-photostream	.flickrImage a		{ margin:0; }

/* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */

#footer 			{ margin:30px 0 30px 0; clear:both; width:960px; height:23px; color:#7A7E81; }