/* --------------------------------------------------------------------
  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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color: #000000;
	background: #ffffff;
	font-size: 62.5%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* --------------------------------------------------------------------
  Layout																	 
 -------------------------------------------------------------------- */
 
body {
	background:#2A2538;
	width:100%;
	height:100%; 
}

	div#wrapper {
		position:relative;
		float:left;
		margin:20px;
		height:100%;
		
		display:block;
		overflow:hidden;
	}
	
		div#wrapper div#header {
			position:relative;
			float:left;
			width:100%;
			
			display:block;
			overflow:hidden;
		}
		
			div#wrapper div#header div#brand {
				position:relative;
				float:left;
				width:100%;
				
				display:block;
				overflow:hidden;
			}
			
				div#wrapper div#header div#brand h1 {
					position:relative;
					float:left;
					margin:5px 0;
				}
				
					div#wrapper div#header div#brand h1 a{
						position:relative;
						float:left;
						width:200px;
						height:73px;
						
						display:block;
						overflow:hidden;
						background:transparent url(http://www.ronnywieckardt.net/public/images/ronny.png) no-repeat;
						text-indent:-9999px;
					}
				
				div#wrapper div#header div#brand span.desc{
					display:none;
				}
		
			div#wrapper div#header div#navigation {
				position:relative;
				float:left;
				width:100%;
				margin:10px 0 0 0 ;
				
				
				display:block;
				overflow:hidden;
			}
			
				div#wrapper div#header div#navigation ul#mainnav {
					float:left;
					list-style-type:none;
					overflow:hidden;
					margin: 0 0 0 -20px;
				}
			
					div#wrapper div#header div#navigation ul#mainnav li{
						float:left;
						margin: 0 0 0 20px;
					}


		div#wrapper div#content {
			position:relative;
			float:left;
			width:100%;
			
			display:block;
			overflow:hidden;
		}
		
				div#wrapper div#content div.index {
					float:left;
					margin:-10px 0 0 -20px;
				}
	
					div#wrapper div#content div.index ul.projects {
						float:left;
						list-style-type:none;
						overflow:hidden;
					}
					
						div#wrapper div#content div.index ul.projects li {
							position:relative;
							float:left;
							width:220px;
							height:200px;
							background:#1D1526;
							margin: 20px 0 0 20px;
						}
						
							div#wrapper div#content div.index ul.projects li div.pimg{
								position:relative;
								float:left;
								margin:10px 0 0 10px;
							}
							
							div#wrapper div#content div.index ul.projects li div.pimg a.crossfade{
								display:block;
							}
							
							div#wrapper div#content div.index ul.projects li div.pdesc{
								float:left;
								margin:5px 0 0 10px;
								width:200px;
								text-align:center;
							}
							
							
				div#wrapper div#content div.project {
					position:relative;
					float:left;
					margin:10px 0 0 0;
					
					display:block;
					overflow:hidden;
					background:#1D1526;
				}
				
					div#wrapper div#content div.project div#description {
						position:relative;
						float:left;
						width: 200px;
						margin:10px 0 10px 10px;
						display:block;
						overflow:hidden;
					
					}
					
						div#wrapper div#content div.project div#description div.txt p{
							position:relative;
							float:left;
							width: 200px;
							margin:5px 0;
							
						}
						
						div#wrapper div#content div.project div#description div#gallery-navigation{
							position:relative;
							float:left;
							width: 200px;
							margin:10px 0 0 0;
							background:#2A2538;
						
						}
						
							div#wrapper div#content div.project div#description div#gallery-navigation p{
								position:relative;
								float:left;
								margin:0 0 0 10px;

							}
							
						div#wrapper div#content div.project div#description div.sub{
							position:relative;
							float:left;
							margin:10px 0 0 0;
							width: 200px;
							border-top:1px #2A2538 dotted;
						
						}
						
							div#wrapper div#content div.project div#description div.sub p{
								position:relative;

							}
							
					
					div#wrapper div#content div.project div#images {
						position:relative;
						float:left;
						width: 680px;
						margin:10px 0 10px 10px;
						display:block;
						overflow:hidden;
					}
				
				
						div#wrapper div#content div.project div#image-wrapper { 
							overflow: hidden; 
							width: 670px; 
						}
						
							div#wrapper div#content div.project div#image-wrapper div#image-holder { 
								width: 100000000px;
							}
							
								div#wrapper div#content div.project div#image-wrapper div#image-holder div.image { 
									float: left; 
								}
								
				div#wrapper div#content div.page {
					position:relative;
					float:left;
					margin:10px 0 0 0;
					
					display:block;
					overflow:hidden;
					width: 100%;
					background:#1D1526;
				}
				
					div#wrapper div#content div.page div#description {
						position:relative;
						float:left;
						width:670px;
						margin:10px 0 10px 10px;
						display:block;
						overflow:hidden;
					
					}
					
						div#wrapper div#content div.page div#description p{
							margin:10px 0 0 0;
						}
					
					
							
		div#wrapper div#footer {
			position:relative;
			float:left;
			width:100%;
			margin:10px 0;
			display:block;
			overflow:hidden;
		}
			
			
			/*
			p.date { text-align: right; padding: 14px 20px 0px 0px; }
div.description p { clear: both; }
div.description h2 { padding: 0px 0px 15px; }

div#images { clear: both; padding: 30px 0px 0px 70px; }
div.description div#images { padding: 0px 0px 0px 0px; }
div#images img { margin: 0px 0px 10px; }
p#gallery-count { margin: 2px 20px 0px 0px; }
p#gallery-count span { margin: -1px 0px 0px; display: block; }
div#project-navigation { margin: 0px 0px 0px 20px; }
div#project-navigation p, div#gallery-navigation p { margin: 0px 0px 1px; }
*/

/* --------------------------------------------------------------------
 Typography General																	 
 -------------------------------------------------------------------- */

body {
		font-family: Verdana, Arial, sans-serif;
		color: #373A45;
		line-height: 1.6;
}

	strong {
			font-weight: 800;
	}
	
	em {
			font-style: italic;
	}
	
	blockquote {
			margin: 0 40px;
			font-style: italic;
	}
	
	h2,h3 {
		font-size: 1.2em;
		color:#fff;
		text-transform:uppercase;
	}
	
	h2 a:link,h2 a:visited, 
	h3 a:link,h3 a:visited {
		color:#fff;
		text-decoration:none;
	}
	
	h2 a:hover, h2 a:active, 
	h3 a:hover, h3 a:active {
		color:#ff007e;
	}
	
	
	a img {
		border: none;
	}
	
	a{
		text-decoration: none; 
		color: #ffffff;
	}
	
	a:active{
		text-decoration: none;
		color: #c0bdc8;
	}
	
	a:visited{
		text-decoration: none;
		color: #ffffff;
	}
	
	a:hover{
		text-decoration: none; 
		color: #c0bdc8;
	}
	
	

/* --------------------------------------------------------------------
 Typography Specific																	 
 -------------------------------------------------------------------- */
div#wrapper div#header div#navigation ul#mainnav li a{
	text-transform:uppercase;
}

	h2.project-title a:link,h2.project-title a:visited, 
	h3.project-title a:link,h3.project-title a:visited {
		color:#ff007e;
	}
	
	h2.project-title a:hover, h2.project-title a:active, 
	h3.project-title a:hover, h3.project-title a:active {
		color:#ff007e;
		border-bottom: 1px #ff007e dotted;
	}


div#wrapper div#content div.project div#description div.txt p{
	color:#787b86;
}

div#wrapper div#content div.page div#description div.txt p{
	color:#787b86;
}
						
					
div#wrapper div#content div.project div#description div#gallery-navigation p{
	color:#ffffff;

}

div#wrapper div#content div.project div#description div.sub p a{
	color:#787b86;
}
		
		
div#wrapper div#footer, div#wrapper div#footer a{
	color:#373A45;
}

div#wrapper div#footer a:link,div#wrapper div#footer a:visited{
	color:#373A45;
}

div#wrapper div#footer a:hover,div#wrapper div#footer a:active{
	color:#373A45;
	border-bottom: 1px #373A45 dotted;
}