/*  

Theme Name: Portfolio

Theme URI: http://www.themeforest.net

Description: A Portfolio Theme For Wordpress

Version: 1.0

Author: Theme Forest

Author URI: http://www.themeforest.net

*/



img.alignleft, div.alignleft

{

float:left;

margin:0 0.5em 0.5em 0;

}

img.alignright, div.alignright

{

float:right;

margin:0 0 0.5em 0.5em;

}

img.aligncentered, div.aligncentered

{

text-align:center;

margin:0 auto;

}







/* ----------------------------------------------------------------



* BROWSER RESET



 * ---------------------------------------------------------------- 



*/ 



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 



a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 



small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 



fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}



body { line-height: 1; background: #343434; }



ol, ul { list-style: none; }



blockquote, q { quotes: none; }



blockquote:before, blockquote:after, q:before, q:after { content: ''; }



:focus { outline: 0; }



ins { text-decoration: none; }



del { text-decoration: line-through; }



table { border-collapse: collapse; border-spacing: 0; }







/* ---------------------------------------------------------------- 



 *  GLOBAL



 * ---------------------------------------------------------------- 



*/ 



html, body { height: 100%; }



html { font-size: 76%; }



body { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.4em; }



.clear { clear:left; width: 1px; height: 1px; margin: 10; padding: 0; }



#left, #right { float: left; }







/* ---------------------------------------------------------------- 



*  WRAPPER



* ---------------------------------------------------------------- 



*/ 



#wrapper {



	width: 1000px;



	margin: 0;



	background: #191919;



	min-height: 100%;



	height: auto !important;



	height: 100%;



}







/* ---------------------------------------------------------------- 



*  LEFT



* ---------------------------------------------------------------- 



*/ 



#left {



	width: 299px;



	margin: 0;



	background-color: #191919;



}







#left div.widget {



	margin: 0 10px 0 0;



	padding: 0;



	background-color: #101010;



}







#left div.search_widget {



	margin-bottom: -10px;



}







#left h1 {



	height: 80px;

	width: 300px;



	color: #ffffff;



	padding: 2px 0 0 0px;



	margin-right: -10px;



	text-transform: lowercase;



	letter-spacing: -3px;



	background: url(images/sidebar_green.gif) no-repeat;



}







#left h1 a {



	color: #ffffff;



	text-decoration: none;



	text-transform: lowercase;



	font: bold 60px Arial, Helvetica, sans-serif;



}







#left h1 a:hover {



	text-decoration: none;



}







#left h2 {

	

	color: #ffffff;



	letter-spacing: -1px;



	padding: 8px 0 19px 10px;



	margin-bottom: 9px;



	background: url(images/sidebar_heading.gif) right top no-repeat;



	font: 18px Arial, Helvetica, sans-serif;



}



#left p {



	color: #aaaaaa;



	padding: 10px;



	margin-right: 10px;



	text-transform: uppercase;



	font: 9px Arial, Helvetica, sans-serif;



	line-height: 18px;



}



#left .commercialSidebar {

	text-align:center;

	width:299px;

	background-color:#191919;

}



#left #picDiv {

	/* F�r alle anderen Browser */

	min-height:100px;

	height:auto !important; /* Hierdurch wird height nicht �berschrieben, der IE 6 interpretiert dies nicht */

	/* F�r IE 6 */

	height:100px;

	

	padding-bottom:25px;

	color: #aaaaaa;

}



#left .picSidebar {

	float:left;

	clear:both;

	padding-right:10px;

	padding-left:10px;

	border:0;

}



#left p5 {



	color: #aaaaaa;



	padding: 0px;



	margin-right: 0px;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	line-height: 18px;



}







#left a {



	color: #bbbbbb;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#left a:hover {



	text-decoration: underline;



}







#left input {



	border: none;



	width: 220px;



	color: #aaaaaa;



	margin-left: 10px;



	padding: 10px 2px;



	font: 10px Arial, Helvetica, sans-serif;



	background: #101010;



	position: relative;



	top: -13px;



}







#left input.submit {



	top: 0px;



	border: none;



	width: 33px;



	height: 17px;



	color: #101010;



	cursor: pointer;



	background: url(images/input_search.gif) right top no-repeat;



}







#left div.hr {



	border: 0;



	color: #191919;



	background: #191919;



	height: 10px;



	margin: 0;



}







#left div.hr hr {



	display: none;



}







#left img.about {



	width: 250px;



	height: 127px;



	margin-left: 10px;



}







#left ul {



	padding: 0 10px 10px;



	margin-right: 10px;



	color: #aaaaaa;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#left li {



	margin-bottom: 11px;



	line-height: 0px;



}







#left li a {



	color: #aaaaaa;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#float:left {



	margin:0 0.5em 0 0;



}







/* ---------------------------------------------------------------- 



*  LEFT > FLICKRRSS



* ---------------------------------------------------------------- 



*/ 



#left #flickrrss {



	padding: 0 0 10px 10px;



}







#left #flickrrss img {



	margin: 0 10px 10px 0;



}







#left #flickrrss h2, #left #flickrrss hr {



	margin-left: -10px;



}







/* ---------------------------------------------------------------- 



*  RIGHT



* ---------------------------------------------------------------- 



*/ 



#right {

	

	width: 700px;



	border-right: 1px solid #191919;



	margin: 0;



	padding: 0;



	background:#CCCCCC;



}







/* ---------------------------------------------------------------- 



*  HEADER



* ---------------------------------------------------------------- 



*/ 



#right #header {



	width: 520px;



	height: 60px;



	padding: 0 0px;



	background: url(images/header_bck.gif) repeat-x;



	border-bottom: 1px solid #e9e9e9;



}





#right #header {

	padding-left:10px;

}



#right #header li {



	display: inline;



}







#right #header a {



	float: left;



	color: #191919;



	margin-top: 24px;



	margin-right: 25px;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#right #header a.rss {



	float: right;



	margin-right: 10px;



	padding-right: 20px;



	background: url(images/rss.gif) right center no-repeat;



}







/* ---------------------------------------------------------------- 



*  CONTENT > BUTTON TEMPLATE



* ---------------------------------------------------------------- 



*/ 



#content .button {



	display: inline;



	padding: 6px 10px;



	text-align: center;



	background: #dde2bc;



}







#content .button a {



	color: #212121;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







/* ---------------------------------------------------------------- 



*  CONTENT



* ---------------------------------------------------------------- 



*/ 



#content {

	width: 530px;

	background-color:#FFF;

	min-height: 100%;

	height: auto !important;

}

#contentInner {

	padding: 18px 10px 12px;

}







#content p {



	color: #212121;



	font: 13px Arial, Helvetica, sans-serif;



	line-height: 20px;



}







#content p a {



    color: #191919;



    text-decoration: underline;



}







#content img.featured {



	padding: 7px;



	margin-bottom: 25px;



	border: 1px solid #e9e9e9;



	width: 490px;



	height: 265px;



	background-color: #f2f2f1;



}







#content h1 {



	color: #191919;



	letter-spacing: -1px;



	padding-bottom: 15px;



	font: 24px Arial, Helvetica, sans-serif;



}







#content h1.single {



	padding-bottom: 10px;



}







#content span.featured-tag {



	padding: 6px 12px;



	font-size: 10px;



	text-transform: uppercase;



	color: #FFFFFF;



	background: #212121;



	letter-spacing: normal;



	position: relative;



	top: 240px;



	left: 0;



	line-height: 0;



}







#content h2 {



	color: #191919;



	padding-bottom: 10px;



	font: 20px Arial, Helvetica, sans-serif;



}







#content h1 a, #content h2 a {



	color: #191919;



	text-decoration: none;



}







#content div.hr {



	border: 0;



	margin: 0 0 10px;



	height: 1px;



	background: transparent url(images/hr.gif) no-repeat;



}







#content hr {



	display: none;



}







#content .info {



	padding: 10px 0 10px;



	position: relative;



}







#content .single {



	padding: 0px 0 10px;



}







#content .info span {



	color: #666666;



	cursor: default;



	margin-right: 8px;



	padding-right: 8px;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	background: url(images/separator.gif) right center no-repeat;



}







#content .info a {



	color: #666666;



	margin-right: 8px;



	padding-right: 8px;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	background: url(images/separator.gif) right center no-repeat;



}







#content .info a:hover {



	color: #191919;



	text-decoration: underline;



}







#content .info a.last, #content .info span.last, #content .info .right a {



	background: none;



}







#content .info .right {



	display: inline;



	position: absolute;



	right: 0;



}







#content .quote {



	width: 82px;

	

	text-align:center;



	height: 31px;



	overflow: hidden;



	padding-top:8px;

	padding-bottom:8px;



	background: url(images/quote.gif) right top no-repeat;



}







#content .quote a {



	color: #212121;



	margin: 0;



	padding: 0;



	text-decoration: none;



	text-transform: uppercase;



}







/* ---------------------------------------------------------------- 



*  CONTENT > POST CONTENT



* ---------------------------------------------------------------- 



*/ 



#content div.post_content p {



	padding-bottom: 10px;



}







#content div.post_content a {



	color: #191919;



	text-decoration: underline;



}



#content div.post_content blockquote {



	background: #f2f2f2 url(images/blockquote.gif) no-repeat left top;



	border-left: 5px solid #e9e9e9;



	margin-bottom: 10px;



	padding: 12px 0 13px 46px;



}







#content div.post_content blockquote p {



	padding-bottom: 0;



}







#content div.post_content ol, #content div.post_content ul {



	padding-bottom: 10px;



}







#content div.post_content ol {



	margin-left: 10px;



	list-style-type: decimal;



}







#content div.post_content ul {



	margin-left: 15px;



	list-style-type: disc;



}







/* ---------------------------------------------------------------- 



*  CONTENT > POST



* ---------------------------------------------------------------- 



*/ 





#content .post {

	padding-bottom:10px;

}







#content .post div.img {



	float: left;



	padding: 7px;



	width: 105px;



	height: 105px;

	

	margin-top:0px;



	border: 1px solid #e9e9e9;



	background-color: #f2f2f1;



}

.miniaturPic{

	width:105px;

}





#content .post div.img div {



	float: left;



	width: 105px;



	height: 105px;



	overflow: hidden;



}







#content .post h1, #content .post p, #content .post .info {



	margin-left: 130px;



}







#content .post_noimage h1, #content .post_noimage p, #content .post_noimage .info {



	margin-left: 0px;



}







/* ---------------------------------------------------------------- 



*  CONTENT > COMMENTS



* ---------------------------------------------------------------- 



*/ 



#content .comment {



	margin-bottom: 10px;



}







#content .comment .author {



	float: left;



	width: 80px;



	margin-right: 10px;



	text-align: right;



}







#content .comment .author img {



	width: 60px;



	height: 60px;



	margin-bottom: 10px;



	padding: 0;



}







#content .comment .author a {



	color: #000000;



	text-decoration: underline;



	font: 13px Arial, Helvetica, sans-serif;



}







#content .comment .author div {



	color: #949494;



	margin-top: 5px;



	font: 10px Arial, Helvetica, sans-serif;



}







#content .comment .box {



	float: left;



	width: 380px;



	min-height: 105px;



	background: #f9f9f9;



	border: 1px solid #e9e9e9;

	

	padding:18px;



}





#content .alt .box {



	background: #ffffff;



}







#content .comment .box a {



	color: #191919;



	text-decoration: underline;



}







/* ---------------------------------------------------------------- 



*  CONTENT > LEAVE COMMENT



* ---------------------------------------------------------------- 



*/ 



#content #leave_comment {



	border: 1px solid #e9e9e9;



	background: #f9f9f9;



	padding: 10px 10px 0;



	margin-bottom: 10px;



}







#content #leave_comment div {



	margin-bottom: 10px;



}







#content #leave_comment p {



	margin-bottom: 10px;



}







#content #leave_comment p a {



	color: #191919;



	text-decoration: underline;



}







#content #leave_comment input, #content #leave_comment textarea {



	width: 344px;



	padding: 5px;



	border: 1px solid #e9e9e9;



}







#content #leave_comment textarea {



	height: 62px;



}







#content #leave_comment label {



	float: right;



	width: 100px;



	color: #191919;



	margin-top: 5px;



	font: 11px Arial, Helvetica, sans-serif;



}







/* ---------------------------------------------------------------- 



*  CONTENT > PAGE NAVIGATION



* ---------------------------------------------------------------- 



*/



#content ul.page_navigation {



	float: left;



	overflow: hidden;



	padding-bottom: 10px;



}







#content .page_navigation li {



	float: left;



	margin-right: 8px;



	padding: 4px 0;



}







#content .page_navigation li a {



	color: #212121;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#content .page_navigation li a:hover {



	text-decoration: underline;



}







#content .page_navigation li.active {



	text-align: center;



	background: #dde2bc;



	padding: 4px 10px;



}







#content .page_navigation li.active a:hover {



	text-decoration: none;



}







#content .page_navigation a.prev:before {



	content: '\00AB';



	font-family: Georgia, "Times New Roman", Times, serif;



	margin-right: 2px;



	vertical-align: text-top;



}







#content .page_navigation a.next:after {



	content: '\00BB';



	font-family: Georgia, "Times New Roman", Times, serif;



	margin-left: 2px;



	vertical-align: text-top;



}



/*

##########################################

## New Col by Haniball

##########################################

*/

#newCol {

	float:right;

	height:100.1%;

	width:170px;

	background-color:#CCCCCC;

	/*background-image:url(images/scyscraper.jpg);*/

	background-position:right top;

	background-repeat:no-repeat;

}

#newColInner {

	padding-left:10px;

	padding-top:10px;

}





/* ---------------------------------------------------------------- 



*  FOOTER



* ---------------------------------------------------------------- 



*/ 



#footer {

	

	float:left;



	color: #727272;



	padding: 10px;



	text-align: left;



	text-transform: uppercase;



	background: #343434;



	font: 10px Arial, Helvetica, sans-serif;

	

	width:990px;



}

#copyright {

	float:left;

}

.commercialFooter {

	float:right;

	padding-top:10px;

	width:728px;

	height:90px;

}