/*

Theme Name: Anfaust

Theme URI: http://templates.thewebhunter.se/WP-anfaust

Description: This is a light-weight yet dark 2 column theme.

Version: 1.1

Author: Andreas Hultgren

Author URI: http://thewebhunter.se/

Tags: red, white, black, two columns, widgets ready

*/



/* Body */

body
{
    margin: 0;
    padding:0 0 20px 0;
    background: #000;
    font: 80%/140% verdana;
    font-size: 0.7em;
    color: #777;
}

*
{
    margin: 0;
    padding: 0;
}



/* Wrapper */

#wrap
{
    background: #D80500 url(./bilder/wrapbg3.jpg) repeat-x;
    width: 900px;
    height: auto;
    margin: 20px auto;
    padding: 8px 8px 0 8px;
    border: 1px solid #D80500;
    overflow: hidden;
}
 .corner { 
	width:212px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/curtain.gif);
 	background-repeat:no-repeat;
	z-index: 2;
}
 .homeimage { 
	top:30;
	left:50;
	width:212px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/carousel_horse.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .aboutimage { 
	top:80;
	left:100;
	width:108px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/about.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .parksimage { 
	top:50;
	left:60;
	width:212px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/parks.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .futureimage { 
	top:85;
	left:106;
	width:102px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/future.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .linksimage { 
	top:50;
	left:110;
	width:115px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/links.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .themeimage { 
	top:20;
	left:30;
	width:230px;
 	height:160px;
 	position:absolute;
 	background-image:url(/images/main/theme.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .carniimage { 
	top:70;
	left:70;
	width:212px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/carni.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .circusimage { 
	top:50;
	left:110;
	width:162px;
 	height:150px;
 	position:absolute;
 	background-image:url(/images/main/circus.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .fairimage { 
	top:15;
	left:60;
	width:212px;
 	height:190px;
 	position:absolute;
 	background-image:url(/images/main/fair.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}
 .zooimage { 
	top:10;
	left:50;
	width:212px;
 	height:170px;
 	position:absolute;
 	background-image:url(/images/main/zoo.gif);
 	background-repeat:no-repeat;
	z-index: 3;
}

/************header************/
#headerbg
{
    height: 120px;
    padding: 0px;
}
#header
{
    height: 95px;
    background: url(./bilder/top.gif) repeat-x top left;
    padding: 12px 20px;
    border: 1px solid #333;
    margin: 0px 0px 7px 0px;
}
#header a
{
    color: #222;
    text-decoration: none;
}
#header a:hover
{
    color: #333;
    text-decoration: none;
}

#toplinks
{
    padding: 5px 2px 2px 3px;
    text-align: right;
}



/* Headers */

#header h1
{
    font-family: verdana,arial, helvetica,sans-serif;
    font-size: 4em;
    font-weight: bolder;
    letter-spacing: -4px;
    line-height:1em;
    color: #000;
    text-align: center;
    text-transform:uppercase;
    margin-top: 20px;
}
#header h2
{
    font-family: verdana, arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-left: 20px;
    padding-bottom: 0px;
}
#content h2
{
    font-family: verdana, arial, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    color: #666;
}
#content h3
{
    font-size:1em;
    font-weight:bold;
    color:#666;
}
table#wp-calendar caption
{
    text-align: left;
    font-weight: bold;
    color: #fff;
    font-size: 1.2em;
    text-transform:uppercase;
    letter-spacing: -1px;
    margin: 0 0 8px;
    padding: 0 2px 4px 5px;
}
table#wp-calendar a
{
    color:#000;
}




/************topmenu************/

#topmenu
{
    background: #fff;
    background: #000 url(./bilder/gmenu.jpg) repeat-x top center;
    width: 680px;
    height:27px;
    border: 1px solid #333;
    margin: 0px 5px 7px 217px;
}
#topmenu ul
{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
#topmenu li
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#topmenu a
{
    border-right: 1px solid #333;
    color: #555;
    display: block;
    font-size: 0.7em;
    padding: 4px 10px 6px;
    text-transform: uppercase;
}
#topmenu a:hover, #topmenu li.current_page_item a, #topmenu a.active
{
    background: url(./bilder/gmenuhover.jpg) top center repeat-x;
    color: #111;
    text-decoration: none;
}

/* Sidebar */

#sidebar
{
    float: left;
    width: 136px;
    margin: 0px;
    padding: 12px 12px 12px 12px;
    background: transparent;
    border: 1px solid #333;
    font-size: 0.9em;
}

#sidebar h2
{
    font-family: verdana, Arial, Helvetica, Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
}

#sidebar p, #sidebar ul, #sidebar .textwidget
{
    margin: 0 0 15px 0;
}

#sidebar li
{
    list-style: none;
    margin: 0 0 6px;
}

#sidebar li a
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
    color: #FFFF00;
}

#sidebar li a:hover
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px;
}

#sidebar ul ul
{
    margin: 5px 0 5px 10px;
    color: #8080FF;
}

#sidebar ul ul li
{
    margin: 0 0 5px;
}

#sidebar ul ul li a
{
    font-weight: bold;
}



/* Content */

#content
{
    float: right !important;
    background: #004040 top right repeat-y;
    border: 1px solid #333;
    padding: 20px;
    width: 680px;
    overflow: visible;
    display: block;
}
#content p
{
    font-family: verdana, "Lucida Sans" , arial, sans-serif;
    border: 0px solid #000;
    font-weight: normal;
    font-size: 0.9em;
    color: #FFC0C0;
    line-height: 140%;
    margin: 0 0 10px 0;
    padding: 0 10px 10px 10px;
}

#content h4
{
    color: #00C0C0;
    font-family: Verdana, "Lucida Sans" , Arial, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
}
#content h3
{
    color: #008000;
    font-family: Verdana, "Lucida Sans" , Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: bold;
}
#content ul, #content ol
{
    margin: 0 0 18px 30px;
    padding: 0 0 0 5px;
    color:#999;
}

#content ul li, #content ol li
{
    margin: 0 0 3px;
}

#content ul ul, #content ol ol
{
    margin: 5px 0 5px 15px;
}

#content img
{
    float: center;
    clear:right;
    margin: 10px;
    clear: both;
    border: 1px #fff solid;
}
#content img.left
{
    float: left;
    clear:left;
}

#content p.timestamp
{
    font-size: 0.7em;
    color:#555;
    margin: 0 0 0 10px;
}

#content p.timestamp a
{
    font-weight: normal;
}

#content #postnav
{
    padding: 5px;
    margin: 5px 0 18px;
}

#content #postnav p
{
    margin: 0;
    padding-left: 5px;
}

#content #postnav p.right
{
    text-align: right;
    padding-right: 5px;
    margin-top: -18px;
}

/* Comments */

#content div.comment
{
    margin-bottom: 15px;
    border: solid 1px #555;
}

#content div.comment p
{
    margin: 0 0 0px 10px;
}

#commentsection p
{
    margin: 0 0 0 10px;
}

#commentsection input, #commentsection textarea
{
    padding: 2px;
    width: 250px;
}

#commentsection textarea#comment
{
    width: 300px;
}

#commentsection input#submit
{
    width: 75px;
    color: #333;
    background-color: #fff;
}

#commentsection input, #commentsection textarea, form div.searchbox input
{
    font: 94% Verdana,Tahoma,Arial,sans-serif;
    border: 1px solid #ccc;
}

/* Footer */

#footer
{
    float: right;
    width: 500px;
    padding: 5px;
    font-size: 1em;
    clear: both;
    display: block;
}
#footer a
{
    color: #000;
}

/* Tags */

blockquote
{
    border: 1px solid #dadada;
    font-size: 0.9em;
    margin: 20px 10px;
    padding: 8px;
}

blockquote p
{
    padding: 2px 0;
    margin: 0;
    font-weight: bold;
}

table#wp-calendar
{
    width: 140px;
    margin: 0 0 0 -5px;
}

p
{
    display: block;
}

ul, ol, dl
{
    font-size: 0.9em;
    margin: 2px 0 16px 35px;
}

ul ul, ol ol
{
    margin: 4px 0 4px 35px;
}

code
{
    font-size: 1.1em;
    background-color: #f4f4f4;
    color: #555;
    display: block;
    margin: 5px 0 15px 0;
    padding: 5px 5px 5px 7px;
    border: 1px solid #ccc;
}



/* Links */

a
{
    color: #002;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    font-weight: bold;
    text-decoration: underline;
}

img
{
    border: 0;
    clear: both;
    z-index: 999;
}

a img
{
    border: 0;
    clear: both;
    z-index: 999;
}



/* Float fix */

.contenttext
{
    overflow: hidden;
}

* html .contenttext
{
    height: 1px;
    overflow: visible;
}

* html .contenttext p
{
    overflow: hidden;
    width: 99%;
}



/* Searchbox */

.searchbox
{
    margin: 8px 0 15px 10px;
}

.searchbox label
{
    display: none;
}

.searchbox input
{
    font-size: 0.9em;
    padding: 5px;
    width: 110px;
    border: 1px solid #ccc;
}



/* Other */

.post
{
    margin: 0 0 15px;
}

.textright
{
    text-align: right;
}

.textcenter
{
    text-align: center;
}

.hide
{
    display: none;
}

hr
{
    color: #900;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}