/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* General overrides */

body {
	
}

#stage {
	top: 0px;
	left: 0px;
	z-index: -100;
	overflow: hidden;
}

.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	height: 400px;
	overflow: hidden;
}

#sp_background {
	background: transparent url(customimages/green/heaven.jpg) repeat-x 0 -50px;
	height: 350px;
	z-index: -2;
}

#sp_hill1 {
	background: transparent url(customimages/green/huegel1.png) repeat-x;
	z-index: 0;
}

#sp_hill2 {
	background: transparent url(customimages/green/huegel2.png) repeat-x;
	z-index: -1;
}

#sp_ufo {
	width: 120px;
	height: 61px;
	background: transparent url(customimages/green/ufo.png) no-repeat 0 0;
	position: absolute;
	z-index: 999;
	cursor: pointer;
}

#random_mover {
	height: 300px;
}

#container {
	width: 990px;
	background: url(customimages/green/top.gif) no-repeat 0 143px;
	margin-top: 110px;
}

#spreader {
	width: 1100px;
}

#menu ul {
	width: 764px;
	height: 35px;
	background: url(images/menu_bg.gif) repeat-x 0 bottom;
	margin-left: 110px;
}

#content {
	width: 680px;
}

#logo {
	position: absolute;
	margin-left: 20px;
	top: -10px;
	margin-top: -180px;
	z-index: 1000;
}

.post {
	width: 100%;
	clear: both;
	padding: 10px 0;
	border-bottom: #CBCBCB 1px solid;
	background: url(images/post_element.gif) no-repeat 110px 21px;
}

.post-content {
	width: 538px;
	display: inline;
	margin-right: 6px;
}

.post-meta {
	width: 96px;
	margin-left: 5px;
	text-align: right;
	display: inline;
	padding-top: 10px;
	z-index: 3;
}

.post-meta h3 {
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	padding-left: 1px;
}

.post-meta h4.author {
	display: none;
}

.post-meta h4.comments {
	background: url(images/icon_comment.gif) no-repeat right 4px;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

#sidebar {
	width: 289px;
	margin-left: 0;
}

#footer {
	background: url(styles/green/footer_bg.gif);
	width: 992px;
}

#footer .left-col h2 {
	background: url(styles/green/footer_element.gif) no-repeat right 18px;
}

#footer .left-col h2 {
	width: 80px;
	display: block;
	float: left;
	line-height: 24px;
	text-align: right;
	padding: 10px 21px 10px 10px;
	font-size: 20px;
	background: url(images/footer_element.gif) no-repeat right 18px;
	display: inline;
}

#footer .left-col ul li {
	background: url(styles/green/footer_line.gif) repeat-x left bottom;
}

#sidebar_in .block ul li {
	background: none;
}

.more_posts h2 {
	font-size: 20px;
	margin-left: -54px;
	width: 520px;
}

#sidebar h2 {
	color: #4b6135;
	font-size: 18px;
}

.post-content img {
	background-color: white;
}

/* Special Components */

#paperclip {
	background: url(customimages/paperclip2.png) no-repeat;
	height: 180px;
	width: 120px;
	margin-left: -56px;
	position: absolute;
	margin-top: 70px;
	z-index: 1;
}

#polaroid {
	position: absolute;
	top: 282px;
}

#polaroid a {
	clip: rect(0px, 93px, 454px, 0px);
	background: url(customimages/polaroids/polaroid_001.jpg) no-repeat 28px 28px;
}

#polaroid a:hover {
	clip: rect(0px, 420px, 454px, 0px);
	z-index: 1;
}

#pencil {
	background: url(customimages/pencil.png) no-repeat;
	height: 52px;
	width: 371px;
	position: relative;
	z-index: 2;
	margin-top: -60px;
	margin-left: 590px;
	-webkit-mask-image: url(customimages/pencil.png);
	-webkit-animation-name: _pencilRotate;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	float: left;
}

a:hover #pencil {
	
}

@-webkit-keyframes pencilRotate {
	from {
		-webkit-transform: rotate(0deg) translate(0px,0px);
	-moz-transform: rotate(0deg) translate(0px,0px);
	-o-transform: rotate(0deg) translate(0px,0px);
}

25% {
	-webkit-transform: rotate(2deg) translate(0px,3px);
	-moz-transform: rotate(2deg) translate(0px,3px);
	-o-transform: rotate(2deg) translate(0px,3px);
}

50% {
	-webkit-transform: rotate(-2deg) translate(0px,-3px);
	-moz-transform: rotate(-2deg) translate(0px,-3px);
	-o-transform: rotate(-2deg) translate(0px,-3px);
}

75% {
	-webkit-transform: rotate(3deg) translate(0px,5px);
	-moz-transform: rotate(3deg) translate(0px,5px);
	-o-transform: rotate(3deg) translate(0px,5px);
}

to {
	-webkit-transform: rotate(0deg) translate(0px,0px);
	-moz-transform: rotate(0deg) translate(0px,0px);
	-o-transform: rotate(0deg) translate(0px,0px);
}

}



/* Subpage Listing */

#dd-list-plugin {
	background: url(customimages/polaroids.png) no-repeat 0 -10px;
	min-height: 595px;
	margin-left: -24px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 60px;
	width: 500px;
}

#dd-list-subpages li.page_item {
	background-color: orange;
	list-style-type: none;
	text-align: center;
	margin-right: 12px;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	opacity: 0.9;
}

#dd-list-subpages li a {
	color: white;
}

#dd-list-subpages li.page_item a:hover {
	color: black;
}

/* Special Footer */

#grasnabe {
	position: fixed;
	width: 100%;
	height: 180px;
	background-image: url(customimages/grasnabe.png);
	background-position: left 42px;
	background-repeat: repeat-x;
	bottom: 0;
	padding: 0;
	margin: 0;
}

#volvo {
	position: fixed;
	width: 100%;
	height: 180px;
	background-image: url(customimages/volvo.gif);
	background-position: center 42px;
	background-repeat: no-repeat;
	bottom: 0;
	padding: 0;
	margin: 0;
}

/* AutoGallery */

.ag_gallery {
	margin-left: 4px;
	width: 584px;
}

.ag_gallery ul li {
	list-style: none;
	list-style-type: none;
	float: left;
	margin-left: -30px;
}

.ag_image {
	
}

.ag_image img {
	height: 85px;
	width: 128px;
}

.ag_image a img {
	margin-right: 50px;
	margin-bottom: 8px;
	border: 12px solid silver;
	opacity: 0.75;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.ag_image a:hover img {
	border: 12px solid orange;
	opacity: 1;
}

#ag_gallerytop {
	height: 1px;
	background-color: silver;
	clear: left;
}

#ag_gallerybottom {
	height: 1px;
	background-color: silver;
	clear: left;
}

/* WP-Polls */

.wp-polls-form p {
	list-style-type: none;
	margin-left: -10px;
}

.wp-polls-ans {
	list-style-type: none;
	margin-left: -10px;
}

.wp-polls-form ul li {
	
}

.wp-polls-ans p input.Buttons {
	height: 22px;
	width: 110px;
	background-color: #7e9936;
	font-weight: bold;
	color: white;
	font-size: 14px;
}

/* Pagelinks */

#pagelink p {
	margin-bottom: 40px;
}