/** Universal Reset
-----------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #daff04;
	background-image: url("../images/bg.gif");

	font-size: 22px;
	line-height: 1.7;
	color: #004a00;
}
* html body {
	font-size: 120%;
}
*+html body {
	font-size: 120%;
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
   font-family: Arial,sans-serif;
   font-weight: bold;
}
img {
	border: 0;
}

a {
	border: 0;
	text-decoration: underline;
	color: #107e00;
}
a:hover {
	color: #77d308;
}
a:focus {
	-moz-outline-style: none;
}



/** Utility
-----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 1%;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
	zoom:1;
	height: 1px;
}
*+html .clearfix {
	zoom:1;
}



/** Common Layout
-----------------------------------------*/
#wrap {
	width: 100%;
}
#header {
	position: fixed !important;
	position: absolute;
	z-index: 100;
	width: 100%;
	margin-bottom: 50px;
	padding: 10px 0;
	background: url(../images/header_bg.png);
	color: #999;
}

#header h1 {
	float: left;
	padding-left: 30px;
	font-size: 100%;
}
#header h1 a {
	text-decoration: none;
}
#header ul {
	float: right;
	padding-right: 30px;
}
#header ul li {
	display: inline;
}

#container {
	padding-top: 60px;
}
#leftside {
	position: fixed !important;
	position: absolute;
	left: 30px;
	top: 70px;
	width: 150px;
}

#main {
	
}


/** 
-----------------------------------------*/
#listbody {
	text-align: center;
}
#listbody div.item {
	margin-bottom: 20px;
	padding-top: 20px;
}
#listbody div.item p.image {
	width: 600px;
	height: 600px;
	margin: 0 auto;
	background: #eee url(../images/ajax-loader.gif) center center no-repeat;
}
#listbody div.item p.cap {
	padding-top: 5px;
	font-size: 100%;
}


/** Tag List
-----------------------------------------*/
body#tags h2 {
	width: 740px;
	margin: 0 auto;
	padding-top: 60px;
}
ul#tags {
	padding-top: 20px;
	width: 740px;
	margin: 0 auto;
}
ul#tags li {
	display: inline;
}
ul#tags li a {
	display: inline-block;
	margin: 0 1em 0.5em 0;
	padding: 0 1em;
	background: #000;
	text-decoration: none;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
}



ul#tags li a:hover {
	background-color: #66bb00;
}


#pagetop {
	margin: 2em 1em;
	text-align: right;
	font-size: 80%;
}


/* IE6 Hacks */
* html ,
* html body {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

* html #wrap {
    overflow: auto;
    /*position: relative;*/
    width: 100%;
    height: 100%;
}
* html #header {
	width: 98.5%;
}