@charset "utf-8";
/* Style here */

@import "reset.css";
@import "grid.css";
@import "typography.css";

body {margin-top:0px; padding-top:0px;}

#wrapsite {width:100%; position:relative;}

#warning {color:#fff; background:#000;}
#warning p {font-size:11px;}
#warning a {color:#60F; font-weight:bold; font-size:14px;}
.fr {float:right; padding-right:100px;}
.fl {float:left; padding-left:100px;}


#header { display:block;}
.blue {color:#0C93BA; padding-right:5px;}

html { height:100%; }
body {background:#1b0726 url(../images/texture.jpg) repeat-x;}
#sidebar {background:url(../images/sidebar.jpg) top left repeat; height:100%; padding-bottom:10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; }


#buttons { text-align:center; width:232px; margin-left:30px; padding:0;}
#footer {margin-top:50px; padding:20px;}

.clear {clear:both;}
#navMenu {
	margin:0 auto;
	padding:0px 0px 0px 40px;
	list-style:none;	
	font-family:arial;
	list-style-image:none;
    list-style-type:none;
	width:960px;
	display:block;
	
	
}

#navMenu ul {	
margin-top:0px!important;
padding-top:0px!important; }

#navMenu li {
	margin-top:0px!important;
padding-top:0px!important;
text-align:center;
float:left;	
background:url(../images/button.png) no-repeat center center;	/* default background image	*/
width:118px;							/* width and height of the menu item */
height:50px;
position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
}

#navMenu li a {
z-index:20;		/* z-index must be higher than .hover class */
display:block;	/* display as blo;ck and set the height according to the height of the menu to make the whole LI clickable	*/
height:50px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
color:#6CC;
font-size:16px;
position:relative;

}

#navMenu a:hover {color:#FFF;}

#navMenu li .hover {
background: url(../images/hover.png) no-repeat top left;		/* mouseover image	*/
position:absolute;	/* must be postion absolute 	*/
width:118px;	/*	width, height, left and top to fill the whole LI item	*/
height:50px;
left:0; 
top:0;	
z-index:0;		/* display under the Anchor tag	*/
display:none;	/* hide it by default	*/
}	

#navMenu li.selected {
background:url() no-repeat center center;	/* selected image	*/
}


	



/* thumbnails */
#thumbs  {margin-top:-10px; padding-top:0px; }
p.thumbs{ padding: 10px 0 0 20px; text-decoration:none!important;}
.thumbs img { 
position: relative;
padding:10px;
margin:5px;
border: 1px solid #303;
background-color: #303;
overflow:hidden;
width:100px!important;
height:100px!important;
text-decoration:none!important;

opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=65); /* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
	-khtml-opacity: .65; /* Safari 1.x */
	-moz-opacity: .65; /* FF lt 1.5, Netscape */

}
.thumbs img:hover	{
border: 1px solid #303;
background:#FFF;
text-decoration:none!important;
}

.thumbs img a, .thumbs img:hover { 
text-decoration:none!important;

}

#twitter_div {

font-size: 1.2em;
margin-top:10px;
;}

#twitter_div ul{
margin-left:0px;
font-size:14px;}
 
#twitter_div ul li {
margin-left:0px;
list-style-type:none;
margin-left:0px;
padding-left:0px;
padding-bottom:7px;}
 
#twitter_div ul li a {
text-decoration: none;
color:#0C93BA;
}

#twitter_div ul li a:hover {
text-decoration: none;
color: #D78E42;}
 
#twitter_div p {
text-align: left;
padding-right: 6px;
padding-bottom: 10px;}
.notforyou {display:none;}
#twitter_update_list ul li {margin-left:0px; padding-left:0px; list-style:none;}


.q {font-size:24px!important; color:#66C; padding-top:5px; font-family:Georgia, "Times New Roman", Times, serif; }


.boxgrid a{ color:#C8DCE5; }
			.boxgrid h3{ margin:0px -25px 5px -15px; display:block; color:#66c; font-size:21px; letter-spacing:-1px; font-weight:normal; font-style:italic; font-family: Cambria; }
			
			.boxgrid{ 
				width: 270px; 
				height: 150px; 
				margin:20px; 
				float:left; 
				 
				
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					opacity:.5;
				}
				.boxgrid p{ 
					margin:0 -30px 0 -10px; 
					display:block;
					color:#afafaf; 
				    text-indent:-10px;
					font-size:13px;
					padding-top:5px;
				
					
				}
				
				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
ul.boxgrid-list  {padding-left:0px;}




/* mouseover state */

#desire h2, h3 {color:#0C93BA; margin-bottom:0; padding-bottom:5px;}
#desire ul  { margin: 0 1.5em 1.5em 1.5em;}
#desire li {padding:5px 0 5px 0; font-size:1.2em;}
#desire a {padding-left:20px; font-size:36px;  color: #F06; display:inline-block; margin-bottom:20px;}

#desire a:hover {color:#66C;}

.show a {font-size:36px; color:#F06;}

.show:hover {
	background-position:0 -44px ;	
	cursor:pointer;

}

/* clicked state */
.show:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background: url(../images/tip.png);
	height:280px;
	padding:40px 30px 30px 30px;
	width:320px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:12px;
	font-weight:bold;
}


	.cufon-active h1 { /* for Cufon.replace('h1') */
	font-size: 160px; padding-bottom:20px; margin-bottom:0px;
}

		
	.cufon-active h1 span { /* for Cufon.replace('h1') */
	font-size: 60px; padding-left:5px; color:#669; padding-bottom:10px; margin-bottom:0px; margin-top:-10px; display:block;
}
	.cufon-active h2 { /* for Cufon.replace('h1') */
	font-size:18px; padding-bottom:10px; margin-bottom:0px;
}



.hidden{display:none;}

.front-img {display:block; padding:0px 20px 20px 20px;}

.star-list ul {
margin-left:-40px!important; 
padding-left:0px; }
.star-list li {

color:#FFF;
list-style-image:url(../images/star.png); 
margin-bottom:5px; 
margin-left:0px;
font-size:14px;}