/* CSS Document */
/* This is the CSS for the individual participant pages */

* {margin:0; padding:0;}
body {background:http://www.rayatnightartwalk.com(images/mn_back.jpg); padding-bottom:30px; font-size:14px;}

div#wrapper {position:relative; margin:0 auto; width: 900px; text-align: left;}
div#content {position:relative; width:900px;}

/*text*/
a, p, h1, h2, h3, h4 {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}

/*a*/
a {font-size: 100%; color:#c1272d;}
a:hover {color:#999;}

h1#head {background:http://www.rayatnightartwalk.com(images/header.jpg) no-repeat; width:900px; height:213px; text-indent: -9999px;}*/
h1#title_mn {position:relative; background:http://www.rayatnightartwalk.com(images/title_mn.png) no-repeat; width:622px; height:58px; color:#FFF; text-indent:10px; padding:35px 0 0 0; font-size:110%; letter-spacing:.08em; text-shadow:0 -1px 1px rgba(0,0,0,0.5);}/*

/*nav*/
div#nav { background:#FFF; width:858px; height:38px;}
div#nav ul {width:858px; list-style-type:none;}
div#nav li {float:left;}
div#nav a {background:http://www.rayatnightartwalk.com(images/nav_03.jpg) no-repeat; padding:8px 0 0 0; float:left; width:107px; height:38px; text-decoration:none; font-family:Tahoma, Verdana, "Gill Sans"; font-weight:bold; font-size:9pt; letter-spacing:.1em; text-align:center; color:#FFF;}
div#nav a:hover {background:http://www.rayatnightartwalk.com(images/nav_ovr_03.jpg) no-repeat; width:107px; height:38px; color:#FFF;}

/*content*/
div#pages_cont {position:relative; width:858px; background-color:#FFF; overflow:hidden; margin:0 0 0 24px; padding:0 0 20px 0;}
div#col_left_sub {position:relative; width:213px; float:left; padding:0; top:20px;}
div#col_left_sub #about {width:160px; margin-left:30px; line-height:1.5; text-indent:10px;}
div#col_left_sub #col_tp {background:url(images/l_col_tp.jpg) no-repeat; height:24px;}
div#col_left_sub #col_md {background:url(images/l_col_mid.jpg);}
div#col_left_sub #col_btm {background:url(images/l_col_btm.jpg) no-repeat; height:24px;}
div#col_center_sub {position:relative; width:622px; float:right; padding:0 10px 20px 0;}
div#col_center_sub p {margin:0 0 20px 0;}

/* footer */
div#footer {width:900px; text-align:center; margin:10px 0 15px 0;}
div#footer_txt {width:300px; text-align:right; font-family:Tahoma, Verdana, "Gill Sans"; font-size:65%; letter-spacing:.06em; color:#999; float:right; margin:0 15px 0 0;}

/*footer nav*/
div#foot_nav { width:500px; text-align:center; margin:0 0 0 10px; float:left;}
div#foot_nav ul {list-style-type:none;}
div#foot_nav li {float:left; padding:0 0 0 12px; text-align:center;}
div#foot_nav a {padding:8px 0 0 0; text-decoration:none; font-family:Tahoma, Verdana, "Gill Sans"; font-size:90%; letter-spacing:.08em; text-align:center; color:#CCC;}
div#foot_nav a:hover {color:#C1272E;}
p.dt_head {text-align:center; width:100%; background:#000; margin:40px 0 20px 0;}

#slider {
width:600px; height:300px; background:#b7becb; border:3px solid #b7becb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(border-radius.htc); padding:3px; margin-bottom:30px;}
.panelwrappers {overflow:hidden;}
.qitem {
	width:126px;
	height:126px;	
	border:4px solid #b7becb;	
	margin:5px 5px 5px 0;
	background: url('images/bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:45px 5px 0 18px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 0 0 18px;
			margin:0;
		}

/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}