/****************************************************************************** 
original drZZ template
feel free to use this template in case you would wish to, in any way you desire
no author information or link back are required.
Wed Oct 31 17:39:38 CET 2007
******************************************************************************/

/*****************************************

section 1 - general tags specifications

*****************************************/

body {
	background: url("images/bg_index.png") repeat-x #fff;
	color:#000; 
    font-family:Arial,sans-serif; 
    margin:0 auto; 
	padding:0;
}

/* img : let's get rid of any type of border */

img {
    align: left;
    margin: 0px;
    border: 0px;
}

/* lists */

ul {
    list-style-type: none;
    padding:0px 10px 0px 0px;
}

li {
	display:block;
	margin-bottom:2px;
}

/* links and paragraphs */

a:link {font-size:11px;font-weight:bold; color:#999; text-decoration:none;}
a:visited {font-size:11px;font-weight:bold; color:#333; text-decoration:none;}
a:hover {font-size:11px;text-decoration:underline;}
a:active {font-size:11px;font-style:italic;text-decoration:none;}
a images {border:0;}

p {
	margin:0 0 10px;
    font-family:georgia,serif;
	color:#381704;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	padding:0px; 
}

h4 {
	margin:0 0 10px;
    font-family:Arial;
	color:#381704;
	font-size:13px;
	font-weight:bold;
	line-height:150%;
	padding:0px; 
}

pre {
    margin-bottom: 20px;
    padding-left: 10px;
	white-space: -pre-wrap;
	white-space: -moz-pre-wrap;
	font-size: 1.4em;
}

/*****************************************

section 2 - div 

*****************************************/

/* main layout and header */

#wrap {
	background:url("images/drzz_bg_1.jpg") no-repeat #fff;
	color:#999; 
	margin:30px auto 20px auto; 
	padding:0px; 
	width:800px;
	border-right:1px solid black;
	border-left:1px solid black;
}

#header {
    background:url("images/drzz.png") no-repeat top left; 
	text-align:left;
	height:250px; 
	width:800px;
	margin:20px 0px 0px 0px; 
	padding: 0px;
}

#header li {
	display:block;
    margin-right:10px;
    color: #999;
	font-family:Arial;
	font-size:11px;
}

#articles{
	width:490px;
	background:#fff;
	margin:10px 0px 10px 270px; 
	padding:5px 0px 5px 10px;
}

#articles li p{
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
    display: none;
}

#nav {
	text-align:right;
	background:#c93;
	color:#fff; 
	margin:20px auto 0px auto; 
	padding:0px;
	height:30px;
	width:800px;
}

#nav li {
	display:inline;
    margin-right:10px;
	color:#fff; 
} 

#nav a:link {font-size:11px;font-family:Arial;font-weight:bold; color:#fff; text-decoration:none;}
#nav a:visited {font-size:11px;font-weight:bold; color:#fff; text-decoration:none;}
#nav a:hover {font-size:11px;text-decoration:underline;}
#nav a:active {font-size:11px;font-style:italic;text-decoration:none;}

#middle {
    background:url("images/hed.png") no-repeat top left; 
	text-align:left;
	height:250px; 
	width:800px;
	margin:10px 0px 10px 0px; 
	padding: 0px 0px 10 px 270px;
    color:#999;
}

#tags {
	width:250px;
	margin:20px 0px 10px 270px; 
	padding-top:120px;
}

/* footer */

#footer {
    background:#fff;
	clear:both;
	border-top:1px #666 solid;
	color:#999; 
	font-size:9px; 
	margin:10 auto;
	padding:8px 0;
	text-align:center;
	width:800px;
}

#footer p {margin:0; padding:0;}
#footer a {font-size:9px;background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* search box */

#searchbox {
    margin:6px 0 16px;
	padding:0;
}
#searchbox label,.hide {display:none;}

#searchform {
    background:#fff;
	border:1px solid #ccc;
	color:#505050;
	font-size:0.9em;
	padding:4px;
	width:116px;
}

/*****************************************
section 3 - classes
*****************************************/

/* various classes */
.menu {font-weight:normal;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.orange {color:#990;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}

/* this is my tag cloud classes section */

.smallestTag { font-size: xx-small; }
.smallTag { font-size: small; }
.mediumTag { font-size: medium; }
.largeTag { font-size: large; }
.largestTag { font-size: xx-large; }