body,h1,h2,h3,h4,h5,h6,form,ul,ol,p,dl{
margin:0;
padding:0;
     }

body{
/* ivm centrering */
text-align: center;

/* font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#EEEEEE;
background-color:#555555;
line-height:18px;
}
			
			#wrapper{
			width:1000px;
			margin:0 auto;
			background-repeat:no-repeat;
			position:relative;
			min-height:500px;
			background-position: right top;
			text-align: left;
			}
			
		
									
			
										.bg, .bg_main, .bg_archive{
										background-image:url(images/head.jpg);
										}
										
										.bg_blog{
										background-image:url(images/head_blog.jpg);
										}
										
										.bg_contact{
										background-image:url(images/head_contact.jpg);
										}
										
										.bg_portfolio{
										background-image:url(images/head_portfolio.jpg);
										}
										
										.bg_portfolio #content{
										margin:0px!important;
										float:none !important;
										width:860px!important;
										}
										
										.bg_about{
										background-image:url(images/head_about.jpg);
										}
										
										.bg_resources, .bg_tutorial{
										background-image:url(images/head_resources.jpg);
										}
										
										.bg_about h3{
										text-align:right;
										border-top:1px solid #585858;
										padding-top:6px;
										
										}
										
										.bg_about #content ol{
										list-style-type:none;
										float:left;
										width:145px;
										}
										
										.bg_about #content blockquote{
										margin: 0 0 0 20px !important;
										padding:0 !important;
										border:none !important;
										}
										
						.not_found{
						margin-bottom:40px;
						}
										
						.not_found #s{
						border:1px solid #585858;
						width:300px;
						}				
			
						#search_box{
						position:absolute;
						right:40px;
						top:40px;
						background-image:url(images/search_bg.gif);
						width:249px;
						height:47px;
						}
						
							#search_box #s{
							position:absolute;
							background-color:#000000;
							top:25px;
							left:70px;
							color:#dedede;
							line-height:10px;
							font-size:10px;
							border:none;
							text-align:center;
							height:14px;
							width:160px;
							}
						
						#particles{
						position:absolute;
						top:48px;
						left:55px;
						z-index:1;
						cursor:pointer;
						}
						
						#particles_hover{
						position:absolute;
						top:210px;
						left:0;
						width:190px;
						height:100px;
						z-index:1;
						overflow:hidden;
						display:none;
						}
						
						#main{
						position:relative;
						padding:40px 40px 0px 40px;
						
						}
						
									#content{
									position:relative;
									margin:0px 40px 0px 0px;
									width:520px;
									float:left;
									}
												.page h2{
												padding-bottom:7px;
												margin-bottom:8px;
												border-bottom: 1px solid #585858;
												}
												.post_head{
													border-bottom: 1px solid #585858;
													padding:0px 0px 6px 0px;
													clear:both;
												}
												.post_footer{
													width:410px;
													height:82px;
													background-image:url(images/post_footer.jpg);
													clear:both;
													margin:10px 0 0 0;
													padding-left:110px;
													position:relative;
												}
												
												.post_footer a{
												display:block;
												height:32px;
												width:32px;
												background-image:url(images/social_bookmarks.jpg);
												float:left;
												margin:27px 0 0 0;
												text-indent:-9999em;
												outline:none;

												}
												
												.paypalbutton{
												position:absolute;
												right:10px;
												top:21px;
												outline:none;
												border:none;
												}
												
												
												.add_digg{
												background-position:0px 0px;
												}
												
												a:hover.add_digg{
												background-position:0px 32px;
												}
												
												.add_del{
												background-position:-32px 0px;
												}
												
												a:hover.add_del{
												background-position:-32px 32px;
												}
												
												
												.add_stu{
												background-position:-64px 0px;
												}
												
												a:hover.add_stu{
												background-position:-64px 32px;
												}
												.add_tec{
												background-position:-96px 0px;
												}
												
												a:hover.add_tec{
												background-position:-96px 32px;
												}
												
												.entry{
												margin: 6px 0 60px 0;
												}
												
												#content ul{
												list-style-position:outside;
												margin:0px 0px 18px 20px;
												
												}
												
												#content ol{
												list-style-position:outside;
												padding:0px 0px 18px 25px;
												
												}
												
												.resources_excerpt .post_head{
												clear:none;
												border-bottom:none;
												padding-top:14px;
												}
												
												.resources_excerpt .entry{
												float:left;
												margin: 6px 0 20px 0;
												width:400px;
												}
												
												.resources_excerpt .alignleft{
												position:relative;
												top:9px;
												}
												
												.download{
												border:1px solid #585858;
												padding:20px;
												background-color:#212121;
												display:block;
												overflow:auto;
												font-size:10px;
												text-align:center;
												margin-bottom:20px;
												background-image:url(images/download.jpg);
												background-repeat:no-repeat;
												background-position:20px 0px;
												}
												.download:hover{
												border:1px solid #fff;
												}
												
												.download a:link, .download a:active, .download a:visited{
												font-size:24px;
												text-decoration:none !important;
												display:block;
												padding-bottom:5px;
												outline:none;
												}
												
												.download a:hover{
												text-decoration:none;
												color:#000 !important;
												outline:none;
												}
												
												
												
				
										.bottom{
										background-image:url(images/bottom.jpg);
										}
										
										.bottom_main{
										background-image:url(images/bottom.jpg);
										}
										
										.bottom_blog{
										background-image:url(images/bottom_blog.jpg);
										}
										
										.bottom_contact{
										background-image:url(images/bottom_contact.jpg);
										}
										
										.bottom_portfolio{
										background-image:url(images/bottom_portfolio.jpg);
										}
										
										.bottom_about{
										background-image:url(images/bottom_about.jpg);
										}
										
										.bottom_resources{
										background-image:url(images/bottom_resources.jpg);
										}

/*--------------------for your text--------------------*/

h1 a{
display:block;
height:110px;
left:50px;
position:absolute;
top:45px;
width:220px;
outline:none;
text-indent:-9999px;
z-index:2;
cursor:pointer;
}

.post_head h2{
font-size:15px !important;
}

h2, #content h2, #sidebar h2{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
clear:both;

}
h3,h4{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
clear:both;
}

h5{
font-size:14px;
font-weight:bold;
color:#FFFFFF;

}


.entry h2, .entry h3, .entry h4{
font-weight:bold;
color:#FFFFFF;
border-bottom:1px solid #585858;
margin-bottom:6px;
padding-bottom:6px;
}



#content h2 a:link, #content h2 a:active, #content h2 a:visited{
color:#FFFFFF;
text-decoration:none;
}
#content h2 a:hover, #content h2 a:focus{
color:#fff;
text-decoration:underline;
}

blockquote{
margin:0 0 0 19px;
padding:0 0 0 19px;
border-left:2px solid #fff;
color:#fff;
}

strong{
font-weight:bold;
color:#FFFFFF;
font-size:13px;
}


/*  ----------------------generic------------------- */
pre, code{
border:1px solid #585858;
padding:10px;
background-color:#212121;
font-family:"Courier New", Courier, monospace;
display:block;
overflow:auto;
}

pre strong{
background-color:#FFFFFF;
font-size:14px;
color:#585858;
}

pre:hover{
position:relative;
z-index:70;
width:820px;
}

.code_box, .code_box:hover{
width:520px;
}



.results{
border-bottom:1px solid #585858;
margin-bottom:6px;
padding-bottom:6px;
text-align:center;
}

.no_box{
margin:0 !important;
padding:0 !important;
}
.noborder, .noborder img, .noborder a img{
border:none !important;
margin:0 !important;
padding:0 !important;
background-color:transparent !important;
}

.meta{
display:block;
font-size:10px;
color:#8d8d8d;
}

.meta a:link, .meta a:active, .meta a:visited{
color:#dedede;
text-decoration:underline;
}

.meta a:hover, .meta a:focus{
color:#fff;
text-decoration:none;
}

.normal_link a:link, .normal_link a:active, .normal_link a:visited{
color:#fff;
text-decoration:underline;
}

.normal_link a:hover, .normal_link a:focus{
color:#dedede;
text-decoration:none;
}
.fullsize {
float:none;
margin:10px 0px 10px 0px;
max-width:520px;
overflow:hidden;
}
.alignnone {
float:none;
margin:10px;
max-width:520px;
overflow:hidden;
}
.alignleft, .imgalignleft{
float:left;
margin:10px 10px 10px 0pt !important;
max-width:520px;
overflow:hidden;
}
.alignright, .imgalignright{
float:right;
margin:10px 0pt 10px 10px !important;
max-width:520px;
overflow:hidden;
}
.aligncenter {
clear:both;
display:block;
margin:0pt auto 18px !important;
max-width:520px;
overflow:hidden;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.clearboth {
clear:both;
}

p{
margin-bottom:18px;
     }

h1,h2,h3,h4,h5,h6{
     }


acronym, abbr, span.caps {
	cursor: help;
	}

blockquote cite {
	
	}

/*--------------------iamges as a link--------------------*/

 /* img{
	padding:3px;
	border:1px solid #fff;
	background-color:#262626;
	margin:10px;
}
*/ 

a:link img, a:visited img, a:active img{
	padding:3px;
	border:1px solid #fff;
	background-color:#262626;
}

a:hover img, a:focus img{
border:1px solid #666;
	background-color:#fff;
}

/*--------------------smilies --------------------*/

body img.wp-smiley{
padding:0 !important;
margin:0 !important;
border:none;
background-color:transparent !Important;
     }
	
/*----------------------FOOTER---------------------*/

#footer{
clear:both;
border:1px solid #585858;
width:800px;
margin:0 0 10px 40px;
padding:14px 20px 20px 20px;
background-color:#000;
}

.footer_archive{
float:left;
width:280px;
padding-bottom:30px;
}

.footer_archive h3{
padding:0px 10px 6px;
border-bottom:1px solid #585858;
margin:0px;
text-align:left;
border-top:none;
width:250px;
}

.footer_cat h3{
padding:0px 10px 6px;
border-bottom:1px solid #585858;
width:480px;
margin:0px;
text-align:left;
border-top:none;
}

.footer_cat {
width:520px;
float:left;
}


#footer ul{
list-style-position: outside;
list-style-type: none;
}

#footer ul li{
float:left;
margin-right:10px;
}

#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited{
color:#fff;
text-decoration:none;
padding:5px 10px;
border-bottom: 1px solid #585858;
display:block;
width:140px;

}

#footer ul li a:hover, #footer ul li a:focus{
color:#dedede;
text-decoration:none;
background-color:#141414;
}

.footer_archive ul li a{
width:110px !important;
}

.footer_icons{
padding:0px 0 10px 0;
clear:both;
}

.copyright{
float:right;
padding-right:10px;
}
.rendering{
margin-bottom:10px;
}
.wplink{
margin-right:10px;
}

a.copykriesi{
color:#444;
text-decoration:none;
}
 a.wplink{
color:#444;
text-decoration:none;
margin-left:2px;
background-image:url(images/wp.gif);
background-repeat:no-repeat;
padding-left:13px;
background-position: 0px 1px;
text-decoration:none;
}

.smallicons{
width:300px;
float:left;
}

a.mini_rss{
	background-image:url(images/rss.gif);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:13px;
	background-position: 0px 0px;
	text-decoration:none;
}

a.mini_xhtml{
	background-image:url(images/tick1.gif);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:13px;
	background-position: 0px 2px;
	text-decoration:none;
}

a.mini_css{
	background-image:url(images/tick2.gif);
	background-repeat:no-repeat;
	margin-left:21px;
	padding-left:13px;
	background-position: 0px 2px;
	text-decoration:none;
}

a.mini_impressum{
	background-image:url(images/pencil.gif);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:13px;
	background-position: 0px 2px;
	text-decoration:none;
}

/*-------------------------LOGO--------------------*/
.logo{
position:absolute; top:10px; left:10px;
width:150px;
}
/*------SocialBookmarks-------*/
.sharesb{
position:absolute; top:810px; left:10px;
}

/*---- NAV_METRIX_CONTAINER ----*/
.nav_metrix_container {
position:absolute; top:40px; left:210px;
}

/*-------------------------KWICKS--------------------*/
.kwickswrap{
position:absolute; top:10px; left:170px;
}
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:840px;
	height:50px;
	z-index:2;
}
.kwicks li{
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 120px;
	height: 50px;
	z-index:2;
	cursor:pointer;

}

.kwicks li a{
	height: 50px;
	text-indent:-9999px;
	outline:none;
	display:block;
	background-image:url(images/mainmenu.png);
	background-repeat:no-repeat;
	z-index:2;
	cursor:pointer;

}

#kwick1 a{
background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv{
background-position:0px -50px !important;
}

#kwick2 a{
	background-position:-190px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-190px -50px!important;
}


#kwick3 a{
	background-position:-380px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-380px -50px!important;
}


#kwick4 a{
background-position:-570px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
background-position:-570px -50px!important;
}

#kwick5 a{
background-position:-760px 0px;
} 
#kwick5 a:hover, #kwick5 #aktiv{
background-position:-760px -50px!important;
} 
  
#kwick6 a{ 
background-position:-950px 0px;
}
#kwick6 a:hover, #kwick6 #aktiv{ 
background-position:-950px -50px!important;
}




/*----------------admin-------------*/

			.admin_box{
			position:fixed;
			top:0px;
			right:0px;
			width:40px;
			height:40px;
			overflow:hidden;
			}
			
			.admin_box:hover{
			width:auto;
			height:auto;
			overflow:auto;
			}
			
			.admin_box ul{
			list-style-type:none;
			list-style-position:outside;
			width:160px;
			border-top:1px solid #333;
			text-align:right;
			}
			
			.admin_box ul li:hover{
			background-color:#666666;
			}
			
			.admin_box a{
			padding:1px 5px;
			width:150px;
			display:block;
			border-bottom:1px solid #333;
			text-decoration:none;
			color:#ccc;
			font-size:9px;
			outline:none;
			}
/* ----- text bvb in about.php ---- */
.metrix_text {
width: 600px;
position:absolute;
left:200px;
top:80px;
font-size: 14px;
padding: 18px;
}

.metrix_text a {
			color:#FFFF00;
}

.notes a {
			color:#000000;
}

.publications{
	position:absolute;
	top: 80px;
	left: 200px;
	padding: 18px;
	}
.publications ul li{
	padding: 0px 10px 20px;
	}

/*----------------sidebar-------------*/
#sidebar{
position:absolute; top:80px; left: 10px;
width:150px;
float:left;
}	

#sidebar ul{
list-style-type:none;
list-style-position:outside;
margin-bottom:20px;

border-top: 1px solid #585858;
}

.widget_active {
color:#FF00FF;
}

.widgettitle{
padding:18px 10px 6px 10px;
display:block;
width:130px;

}
.widget ul li, box ul li{
padding:3px 10px;
border-bottom: 1px solid #585858;
display:block;
width:130px;

}

.widget ul li a:link, .widget ul li a:active, .widget ul li a:visited{
color:#fff;
text-decoration:none;
}

.widget ul li a:hover, .widget ul li a:focus{
color:#dedede;
text-decoration:none;
}
.widget2{
padding-bottom:20px;
}

.widget2 ul li a:link, .widget2 ul li a:active, .widget2 ul li a:visited{
color:#fff;
text-decoration:none;
padding:1px 10px;
border-bottom: 1px solid #585858;
display:block;
width:130px;
}

.widget2 ul li a:hover, .widget2 ul li a:focus{
color:#dedede;
text-decoration:none;
background-color:#141414;
}

.box ul li a:link, .box ul li a:active, .box ul li a:visited{
color:#fff;
text-decoration:none;
padding:5px 10px;
border-bottom: 1px solid #585858;
display:block;
width:260px;
}

.box ul li a:hover, .box ul li a:focus{
color:#dedede;
text-decoration:none;
background-color:#141414;
}

.togglebox h2{
width:120px;
position:absolute;
top:0;
}

.togglebox h2 a{
text-decoration:none;
color:#fff;
outline:none;
}

.inaktiv_text a{
color:#777 !important;
}


.togglebox ul{
position:absolute;
top:42px;
}
.title_1{
background-image:url(images/change.gif);
background-repeat:no-repeat;
background-position:right 5px ;
}

.title_2{
right:0px;
}

.box_balken{
margin-bottom:20px;
border-top: 1px solid #585858;
padding:6px 10px 0 10px;
position:relative;
}

.widget_text{
margin-top: 18px;  /* added 26/7/2008 */
padding:6px 10px 0 10px;
}

.recent_preview{
height:45px;
border:1px solid #fff;
margin-top:4px;
}

.recent_preview a:link, .recent_preview a:visited, .recent_preview a:active{
display:block;
text-indent:-9999px;
outline:none;
height:41px;
border:2px solid #212121;
}
.recent_preview a:focus, .recent_preview a:hover{
border:2px solid #fff;
}

.read_more_span{
position:relative;
top:-18px;
}

.no_head{
margin-top:42px;
}

.mail_me{
background-image: url(images/mail_me.jpg);
width:280px;
height:227px;
margin:0 auto;
}

/*--------------- pagination -----------------*/
div.pagination {
		padding: 3px;
		margin: 3px 3px 20px 3px;
		text-align:center;
		clear:both;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border-left: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 2px solid #fff;
		
		text-decoration: none !important; /* no underline */
		color: #888;
		
	}
	div.pagination a:hover, div.pagination a:active {
		border-left: 1px solid #2e2e2e;
	border-top: 1px solid #2e2e2e;
	border-right: 1px solid #2e2e2e;
	border-bottom: 2px solid #2e2e2e;
		background-color:#fff;
		color: #333;
		text-decoration: none; /* no underline */
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border-left: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 2px solid #fff;
		
		font-weight: bold;
		background-color: #1e1e1e;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #cfcfcf;
	
		color: #DDD;
	}



.platzhalter{
padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #237FFA;
	background-color:#1a1a1a;
}


.inaktiv ul{
display:none;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
#jquery-lightbox img{
border:none !important;
margin:0;
padding:0;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 1px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
	outline:none;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 10px 1px 0;
	border:1px solid #585858;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
	outline:none;
}

/*--------------------- contact ---------------------*//*--------------------FORMULAR--------------------*/
.kontaktformular p{
margin-bottom:8px;
}
.hidden{
display:none;
}

.error{
padding:2px 6px;
color:#fff !important;
background-color:#212121;
line-height:20px;
background-image:none !important;
}

label:hover{
cursor:pointer;
}

.kontaktformular label{
padding-left:10px;
padding-top:2px;
}

.kontaktformular p{
padding:0 0 0.3em 0;
}

.kontaktformular_input, .kontaktformular_textarea, .abschicken{
width:300px;
color:#666;
border:1px solid #cfcfcf;
padding:2px 4px;
font-size:1em;
overflow:auto;
}
.kontaktformular_input:hover, .kontaktformular_textarea:hover ,.abschicken:hover{
border:1px solid #fff;
}
.kontaktformular_dropdown{
width:360px !important;
}

.kontaktformular_upload{
color:#5f5956;
border:1px solid #5f5956;
padding:2px 4px;
margin-right:20px;
font-size:1em;
}

.kontaktformular_checkbox{
border:1px solid #5f5956;
}

.kontaktformular_textarea{
width:500px;
height:150px;
color:#666;
border:1px solid #cfcfcf;
padding:4px;
overflow:auto;
background-color:#fff;
}

.was_sent{
width:500px;
margin:10px 0px 10px 0;
padding:10px;
border:1px solid #5f5956;
}

.was_sent h2{
padding:4px 0;
}

.formular_block{
border:1px solid #5f5956;
width:350px;
padding:15px 4px 4px 4px;
position:relative;
margin: 25px 0px;

}

.formular_block h3{
position:absolute;
top:-20px;
background-color:#fff;
padding:6px 6px;

}

#submit:hover{
cursor:pointer;
}

/*----------------------------CODA SLIDER + Portfolio---------------------------*/
#slider1{
margin-bottom:40px;
}

.portfolio_pics{
position:relative;
}

.portfolio_pics img{
margin:0 !important;
padding:0 !important;
}
.portfoliopic_1, .portfoliopic_2{
width:335px;
height:197px;
}
.portfoliopic_1{
float:left;
}

.portfoliopic_2{
float:right;
}

.portfolio_content{
clear:both;
height:90px;
width:400px;
overflow:hidden;
padding:18px 0 0 10px;
font-size:11px;
line-height:18px;
float:left;
}

.portfolio_content a img{
padding:0px!important;
margin:0px 5px!important;
}


.portfolio_addition{
padding:18px 0px 0 18px;
height:90px;
float:left;
width:245px;
font-size:11px;
line-height:18px;
position:relative;

}
.portfolio_addition dl{
position:relative;
}
.portfolio_addition dt{
float:left;
clear:both;
width:40px;
}
.portfolio_addition dd{
position:relative;
left:10px;
}


.bg_portfolio #sidebar{

margin:0 !important;
}

.bg_portfolio #sidebar ul{
margin:0 !important;}

.slider1{float:right;}

.stripNav ul{
margin:0 !important;
list-style-type:none;
list-style-position:outside;
border-top: 1px solid #585858;
width:138px;
padding:0!important;


}

.stripNav{
width:158px;
float:right;
margin: 0!important;
padding:0!important;
}


.stripNav li a:active, .stripNav li a:link, .stripNav li a:visited {
width:118px;
display:block;
border-bottom:1px solid #585858;
color:#FFFFFF;
text-decoration:none;
padding:5px 10px;
}

.stripNav li a:hover, .stripNav li a:focus{
color:#dedede;
text-decoration:none;
background-color:#141414;
outline:none;
}		
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		
	

		/* These 2 lines specify style applied while slider is loading */
		.csw {
		width: 678px;
		float:left;
		border:1px solid #585858;
		padding:10px;
		
		}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000; /* this is the border. should have the same value for the links */
			width: 699px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 357px;
	background-image:url(images/portfolio_main.jpg);
	background-repeat:no-repeat;
 	background-position: 0px 0px;	
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			
		
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 699px; /* Also specified in  .stripViewer  above */
			
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			position:relative;
		}
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none;
		}
		
		.stripNavL {
			background: url("js/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("js/images/arrow-right.gif") no-repeat center;
		}
		
		
		
		
		
		
		
/*-------------------- COMMENTS -------------------------*/
							.admincomment {
							border:1px solid #585858;
							background-color:#212121;							
							}
							
							.gravatar{
							float:left;
							
							width:90px;
							position:relative;
							
							}
							
							.comment_entry{
							float:left;
							width:380px;
							padding:10px 0px 0px 20px;
							
							}
							
							.comment_entry p{
							clear:both;
							}
							
							.commentlist{
							list-style-type:none !important;
							list-style-position:outside !important;
							margin:0 !important;
							padding:0 !important;
							}
							
							.commentlist li{
							clear:both;
							border-top: 1px solid #585858;
							width:100%;
							float:left;
							}
							
							#respond{
							clear:both;
										
														}


							.trackback_list{
							margin:0 0 30px 20px !important;
							padding:0 !important;
							list-style-position:outside !important;

							}
							
							
							.trackback_list li a{
							color:#fff;
							text-decoration:underline;
							}
							
/*-------------------- LINKLIST -------------------------*/
.link_list ul{
list-style-position:outside;
list-style-type:none;
margin:0px !important;
width:130px;
}


.link_list{
float:left;
font-size:11px;
margin-bottom:20px;
}
.link_list h2{
margin-bottom:0 !important;
padding-left:10px;
}
.link_list ul li a:link, .link_list ul li a:active, .link_list ul li a:visited{
color:#fff;
text-decoration:none;
padding:5px 10px;
border-bottom: 1px solid #585858;
display:block;
width:110px;
}

.link_list ul li a:hover, .link_list ul li a:focus{
color:#dedede;
text-decoration:none;
background-color:#141414;
}
/*-------------------- Plugins -------------------------*/
.portfolio_content .social_bookmark{
display:none;
}
.social_bookmark{
border:1px solid #585858;
padding:10px;
background-color:#212121;
line-height:10px;
clear:both;
}
.social_bookmark a strong{
float:left;
padding:10px 200px 10px 20px;
}


.social_bookmark br{
display:none;
}

.social_bookmark a:link img, .social_bookmark a:visited img, .social_bookmark a:active img {
background-color:#fff;
border:1px solid #585858;
padding:3px;
margin:0 5px 0 0;
}

.social_bookmark a:hover img, .social_bookmark a:focus img{
background-color:#ccc;
border:1px solid #fff;
padding:3px;
}