body {background: #e7abcb url(../images/bg.jpg) repeat-x;}
#global {background: url(../images/bg3.jpg) top center no-repeat;}
#page {padding:195px 0 0 0;}
#center {background: white;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
#right {background: white;filter:alpha(opacity=40);opacity: 0.4;-moz-opacity:0.4;}
#leftside {padding:50px 0 0 0;}
#footer {margin:20px 0 0 0}
#leftside {}
#header {position: relative;}
p {padding:5px;text-align: justify;margin-bottom: 20px;}
ul {list-style-type: none;padding:0;}
ul.bas li {margin:8px 0;padding:3px 0;width:100%;border: 1px solid #f8d7ea;border-right-style:none;border-left-style:none;-moz-border-radius: 1em;}
ul.links {text-align: right;font-variant: small-caps;font-size:140%;font-weight:bold;margin:100px 10px 0px 0}
ul.links li {margin:3px 0;width:100%;font-size:80%;color:white;font-weight: normal}
ul.links li a {text-decoration:none;color:white;display: block;border-bottom: 1px solid #a4d1e1;}
ul.links li:last-child a {border-bottom: none;}
#right h1 {font-weight: bold;font-variant: small-caps;font-size: 120%;margin:10px 0 5px 0;padding:0 0 0 5px;}
#right a.go {float:right;text-decoration: none;font-weight: bold;color:white;padding:0px 4px;margin:5px 0 0 0;text-align: center;background: gray}
.inp {color:black;background: white;margin:0 10px 15px 10px;float:left;}
ul.categories {text-align: left;font-variant: small-caps;font-weight:bold;}
ul.categories li a {text-decoration:none;margin:2px 0;width:100%;font-size:110%;color:black;font-weight: normal}
ul.tags {}
ul.tags li {float:left;margin:0 3px;color:black;font-weight: normal}
ul.tags li a {text-decoration:none;width:100%;font-size:110%;color:black;}
ul.tags li a:hover {color: purple;}
ul.tags li.last {float:none;clear:both;}
div.item {width:210px;height:200px;margin:10px auto 10px auto;background: gray;filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}
ul.pagination {margin:5px 0 5px 5px;}
ul.pagination li {float:left;padding:1px 0px 5px 0;margin:0 2px;}
ul.pagination li a{text-decoration: none;font-weight: bold;color:black;}
ul.pagination li a:hover {text-decoration: none;font-weight: bold;color:purple;}
.clearer {clear:both;float:none;margin-bottom:10px;}
ul#navigation {position:absolute;top:150px;right:100px;display: block}
ul#navigation li {float:left;padding:1px 0px 5px 0;margin:0 10px;}
ul#navigation li a{text-decoration: none;font-size:1.5em;font-variant:small-caps;font-weight: bold;color:white;}
ul#navigation li a:hover {text-decoration: none;font-weight: bold;color:#e7abcb;}
.hidden {display:none;}

.zitem {
	width:210px;
	height:200px;	
	border:2px solid #222;	
	margin:6px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:210px;
	height:30px;
	background:#000;
	color:#fff;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}