/*
Theme Name: steven.varco.ch
Theme URI: http://www.varco.ch/
Description: Template for steven.varco.ch
Version: 1.0
Author: Steven Varco
Author URI: http://steven.varco.ch/
Tags: own
*/

/* basic elements */
BODY
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 10pt;
  color: #4D77BC;
  background-color: #000000;
}

A
{
font-weight: bold;
color: #337;
text-decoration: none;
}
A:link
{
  
}
A:hover
{
  text-decoration: underline;
}
A:visited
{
}

 a[href^="http:"]
{
   background:url(images/linkinsweb.gif) no-repeat left center;
   padding-left: 16px;
}
 a[href^="http:"]:visited 
{
  background-image: url(images/linkinsweb_visited.gif);
}

 /* ==============================================
      Gestaltung von blockquote
      ============================================== */
   blockquote {
   background: #fff9df url(images/quote.gif) no-repeat 5px 5px;
      padding: 1em 1em 0 40px;
      border-top: 3px solid #f3c600;
      border-bottom: 3px solid #f3c600;
      margin-left: 0; /* keine Zentrierung */
   }
   blockquote cite {
      display: block;
      font-size: 90%;
      font-style: normal;
      letter-spacing: 1px;
      text-align: right;
   background: url(images/unquote.gif) no-repeat right bottom;
   padding: 10px 40px 0 0;
   }

/* IDs */

/* Header START */
#head
{
position: relative;
width: 91%;
height: 50px;
border-collapse: separate;
content: inherit;
}
/* Header END */

/* Menu START */
#menu
{
background-image: url(images/menubg.png);
background-repeat: no-repeat;
position: absolute;
top: 110px;
left: 10px;
width: 305px;
height: 600px;
font-size: 20pt;
}

#menu A
{
display: block;
margin: 0;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #88B;
color: #337;
background: transparent none center left no-repeat;
text-decoration: none;
}
#menu A:link
{
}
#menu A:hover
{
  background-color: #DDEEFF;
}
#menu A:visited
{
}

#menu UL
{
list-style-type: none;
margin: 50px;
}
/* A Bug in IE makes this double-definition neccessary */
#menu LI
{
  display: inline; /* for IE */
}
HTML>BODY #menu LI
{
  display: block; /* for all others */
}



#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
  font-size: 20pt;
	}
/* Menu END */

/* Main START */
#main
{
position: absolute;
top: 130px;
left: 350px;
width: 65%;
}
/* Main END */

/* Content START */
#content
{
  margin: 0;
  padding: 1.3em 2.5em 3.5em 3.0em; /*first was originally 2.0em; but had to be less because of a bug with IE*/
}

#content H1
{
  font-size: 14pt;
  border-bottom: 1px solid #CACACA;
}
#content H2
{
  font-size: 10pt;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 0em;
}
#content H3
{
  font-size: 10pt;
  font-weight: bold;
}
/* Content END */


/* Misc START */      
.comment
{
  border: 5px solid #cccccc;
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 1em;
  margin: 0;
  padding: 4px;
  background-color: #FFFFB6;
  width: 50%;
}

.infobox
{
  border: 3px solid #FFFFFF;
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 1em;
  margin: 0;
  padding: 4px;
  color: #000000;
  background-color: #D4D0C8;
}

p{margin-top:10px;}
/* Misc END */


/* Bottom Start */
#bottom
{
position: absolute;
bottom: 0px;
color: #FFFFFF;
}
/* Bottom END */

/* Round Corners Box START  */
DIV {margin: 0;}
.top {background: url(images/contentbox/border_top.png) top repeat-x;}
.bottom {background: url(images/contentbox/border_bottom.png) bottom repeat-x;}
.left {background: url(images/contentbox/border_left.png) left repeat-y;}
.right {background: url(images/contentbox/border_right.png) right repeat-y;}
.ro {background: url(images/contentbox/border_tr.png) top right no-repeat;}
.lo {background: url(images/contentbox/border_tl.png) top left no-repeat;}
.ru {background: url(images/contentbox/border_br.png) bottom right no-repeat;}
.lu {background: url(images/contentbox/border_bl.png) bottom left no-repeat;}
/* Round Corners Box END  */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */