/*  
Theme Name:Robin Wood
Theme URI:http://www.litho-leipzig.de/
Description:Lithographisches Atelier Leipzig
Version: 1.0
Author: Sebastian Vollnhals
Author URI: http://vollnhals.info/
*/

body {
	
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	
	background-color: #fff;
	color: #111;

	font-family: "Trebuchet MS", "Helvetica", sans-serif;
	line-height: 1.6em;
	
}

	#container-head {
		
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		
		width: 100%;
		height: 200px;
		
		background: #fff url(images/fade-top.png) bottom left repeat-x;	
		
	}
	
		#head {
			
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 900px;
			height: 200px;
			
			margin: 0px auto;		
						
		}
		
			#logo {
				
				display: block;
				position: absolute;
				left: 0px;
				bottom: 20px;
				
				width: 255px;
				height: 160px;
				
				background: transparent url(images/lithographisches-atelier-leipzig.png) top left no-repeat;
				
				cursor: pointer;
				
			}
			
				#logo a {
					
					display: block;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 255px;
					height: 160px;
					margin: 0px;
					padding: 0px;
					
				}
			
				#logo h1,
				#logo h2,
				#logo a span {
					
					display: none;
					visibility: hidden;
					
				}
				
			#buttons {
				
				display: block;
				position: absolute;
				right: 0px;
				bottom: 10px;
												
			}
			
			#lang_sel * {
				
				display: inline;
				list-style: none;
				margin: 0px;
				padding: 0px;
				
			}
			
			#lang_sel a {
				
				color: #ccc;
				text-decoration: none;
				margin: 0px;
				padding: 2px 5px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				text-transform: uppercase;
				font-size: .8em;
				
			}
				
				#lang_sel a.lang_sel_sel {
					
					color: #999;
					
				}
				
				#lang_sel a:hover {
					
					background-color: #666;
					color: #fff;
					
				}
				
	#container-menu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background-color: #eee;

	}
	
	#menu {
		
		display: block;
		position: relative;
		
		width: 900px;
		height: 40px;
		
		background-color: #eee;
				
		margin: 0px auto;		
				
	}
	
		#menu ul {

			display: block;
			position: relative;
			
			width: 898px;
			
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			
			height: 40px;
			
			margin: 0px auto;
			padding: 0px 0px;
			
			overflow: hidden;

			background-color: #eee;

		}

			#menu li {

				display: block;
				float: left;
				position: relative;
				list-style: none;
				height: 40px;
				
				overflow: hidden;
				
				border-right: 1px solid #ccc;
				

			}

				#menu a {
					
					display: block;
					position: relative;
					padding-left: -17px;
					bottom: -19px;
					height: 60px;
					font-size: 23px;
					color: #999;
					text-decoration: none;
					margin: 0px;
					padding: 3px 15px;
					line-height: 20px;
					text-transform: uppercase;
					font-weight: normal;
					
				}
								
					#menu li.current_page_item a,
					#menu li.current_page_parent a,
					#menu li.current_page_ancestor a {
						
						color: #2293fd !important;
						
					}
				
					#menu li:hover a {
						
						top: 10px;
						color: #666;
						
					}

					
	#container-submenu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 10px 0px;

		width: 100%;

		background: #fff url(images/fade-bottom.png) top left repeat-x;

	}

		#submenu {
		
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 900px;
		
			margin: 0px auto;						
		
		}
		
			#submenu ul {
			
				display: block;
				position: relative;
				margin: 0px;
				padding: 0px;
				text-align: center;
			
			}
		
				#submenu ul.main {
				
					text-align: center;
					
				}

				#submenu ul li {
				
					display: inline;
					position: relative;
					height: 20px;
					margin: 0px;
					padding: 0px;
				
					list-style: none;
				
					font-size: 1.2em;		
					line-height: 1.6em;		
				
				}
				
					#submenu ul li.current-cat a,
					#submenu ul li.current_page_item a,
					#submenu ul li.current_page_ancestor a,
					#submenu ul li.current_page_parent a {
						
						color: #2293fd !important;
						
					}
			
					#submenu ul li a {
					
						color: #555;
						text-decoration: none;
						padding: 3px 7px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						
					
					}
					
						#submenu ul li a:hover {
							
							color: #111;
							
						}

	#container-content {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #fff url(images/fade-bottom.png) top left repeat-x;

	}

		#content {

			display: block;
			position: relative;
			margin: 0px;
			padding: 20px 0px;

			width: 900px;

			margin: 0px auto;	
			
			min-height: 450px;

		}
		
			#content h3 {
			
				color: #ccc;
				font-size: 2em;
				margin: 20px 0px;
				padding: 0px;
			
			}
	
			#content h4 {
			
				color: #ccc;
				font-size: 1.6em;
				margin: 20px 0px;
				padding: 0px;
			
			}
	
			#content h5 {
			
				color: #ccc;
				font-size: 1.4em;
				margin: 20px 0px;
				padding: 0px;
			
			}
	
			#content h6 {
			
				color: #ccc;
				font-size: 1.2em;
				margin: 20px 0px;
				padding: 0px;
			
			}
	
			#content p {
				
				display: block;
				position: relative;
				margin: 0px;
				padding: 10px 0px;
				color: #333;
				
			}
			
			#content a {
				
				color: #999;
				text-decoration: none;
				
			}
			
			
			#content div.link {
				
				display: block;
				position: relative;
				margin: 0px 0px 20px;
				padding: 10px;
				
				width: 880px;
				
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				
				background-color: #fff;
				
				-moz-box-shadow: 0 0 10px #ccc;
				
			}
			
				#content div.link img {
					
					display: block;
					position: relative;
					float: left;
					max-width: 250px;
					
				}
								
				#content div.link p {
					
					display: block;
					position: relative;
					width: 500px;
					float: right;
					
					color: #333;
					text-decoration: none;
					font-size: .9em;
					
					margin: 0px;
					padding: 0px;
					
				}
				
				#content div.link p a {
					
					display: block;
					position: relative;
					width: 230px;
					
					color: #ccc;
					text-decoration: none;
					font-size: 1.2em;
					font-weight: bold;
					
				}
				
				#content div.link span {

					display: block;
					clear: both;
					height: 0px;
					font-size: 0;

				}
			
			#sidebar {
				
				display: block;
				position: relative;
				
				float: right;
				
				margin: 10px 0px 0px;
				padding: 20px 0px 20px 20px;
				width: 250px;
				
				border-left: 2px dotted #eee;
				
			}
			
				#sidebar a img {
					
					margin-bottom: 20px;
					
				} 
				
		#artist {
			
			display: block;
			position: relative;
			width: 100%;
			height: 450px;
			
		}
		
			#artist h3 {
				
				display: block;
				position: absolute;
				left: 0px;
				top: 150px;
				margin: 0px;
				padding: 0px;
				color: #ddd;
				text-transform: uppercase;
				font-size: 2em;
				line-height: 1em;
				
			}
			
			#artist #canvas_previous {
				
				display: block;
				position: absolute;
				left: 0px;
				top: 20px;
				margin: 0px;
				padding: 0px;
				color: #999;
				text-transform: uppercase;
				font-size: 4em;
				line-height: 1em;
				text-decoration: none;
				font-weight: bold;				
				
			}
			
			#artist #canvas_next {
				
				display: block;
				position: absolute;
				right: 0px;
				bottom: 20px;
				margin: 0px;
				padding: 0px;
				color: #999;
				text-transform: uppercase;
				font-size: 4em;
				line-height: 1em;
				text-decoration: none;
				font-weight: bold;				
				
			}
			
			#artist #canvas_frame {
				
				display: block;
				position: absolute;
				right: 70px;
				bottom: 0px;
				top: 0px;
				margin: 0px;
				padding: 0px;
				
			}
			
				#artist #canvas_frame #spinner {
				
					display: block;
					position: absolute;
					right: 85px;
					top: 200px;
					margin: 0px;
					padding: 0px;
				
				}
				
				#artist #canvas_frame #error {
				
					display: block;
					position: absolute;
					right: 85px;
					top: 180px;
					margin: 0px;
					padding: 0px;
					width: 300px;
					color: #333;
					font-size: 2em;
					line-height: 1em;
				
				}
				
				#artist #canvas_frame h4 {
					
					display: block;
					position: relative;
					margin: 0px;
					padding: 0px;
					color: #999;
					text-transform: uppercase;
					font-size: 1.2em;
					text-align: right;
					line-height: 1em;
					height: 25px;
					
				}

				#artist #canvas_frame #canvas_img {
					
					height: 400px;
					margin: 0px;
					padding: 0px;
					
				}
				
				#artist #canvas_frame p#infotext {
					
					display: block;
					position: absolute;
					right: 0px;
					bottom: 0px;
					margin: 0px;
					padding: 0px;
					color: #666;
					font-size: .8em;
					line-height: 1em;
					height: 20px;
					text-align: right;
					
				}

			
	#container-foot {

		display: block;
		position: relative;
		clear: both;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #eee url(images/fade-bottom.png) top left repeat-x;

	}

		#foot {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 900px;

			margin: 0px auto;			
			
		}
		
			#foot p {
				
				display: block;
				position: relative;
				margin: 0px;
				padding: 10px 0px;
				text-align: center;
				
				color: #999;
				
			}
			
				#foot p a {
					
					color: #777;
					text-decoration: none;
					padding: 1px 3px;
					
				}
									
/* general */

a img {
	
	border-width: 0px;
	text-decoration: none;
	
}

/* positioning */

img.aligncenter,
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0px;
}

img.alignright {
	padding: 4px 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}