/* CSS Document */

/* Elements */
body{
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
 margin:10px 0;
 padding:0;
 background-image:url(Images/bg.png);
 background-position:top left;
 background-repeat:no-repeat;
 }

h1,h2,h3,div{
margin:0;
padding:0;
}
p{
 margin:0 0 8px 0;
 font-family:Tahoma, Arial;
 line-height:1.6em;
}
img {
border:none 0;
}

/*why using <br/> inside h3 or put <br/> after <li> */

br{
display:none;
}


a:link,a:visited {
color:#F7931E;
text-decoration:none;
}

div#logo{
	background-image:url(Images/mixLogo.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:183px;
	height:100px;
	float:left;
	margin:30px 0 0 0;
	}
div#logo img{
	width:183px;
	height:100px;
}
div#rss
{
    position:absolute;
    right:0;
    top:0;
    margin:0 0 0 0;
	background-image:url('images/feed-icon-14x14.png');
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}

div#rss img
{
    width:20px;
    height:14px;
}
div#container{
	width:789px;
	margin:0 auto 0 auto;
	position:relative;
}
div#content{
	clear:both;
	}


div#mainColumn{
width:440px;}

div#banners{
	float:right;
	width:320px;
	}

div#headlines{
	width:320px;
	border-bottom:dotted 1px #cccccc;
	margin:0 0 10px 0;
	}
div#headlines span.reStyle{
display:block;
text-transform:uppercase;
font-family:"Arial Rounded MT Bold";
font-size:1.4em;
color:#007070;
margin:0 0 20px 0;
}

div#headlines a:link {
text-decoration:none;
}

div#headlines ul{
 list-style-type:none;
 margin:0;
 padding:0;
 }
 
 div#headlines ul li a:link{
 
 font-size:1.1em;
 font-family:Geneva, Arial, Helvetica, sans-serif
 }
 div#headlines ul li a:hover, div#participation p a:hover
{
    color:white;
    background-color:#f7931e;
}

 div#headlines ul li p{
 	font-size:0.85em;
	color:#666;
	margin:4px 0 14px 0;
	}
 
 div#theSignal{
 	background-image:url(Images/thesignalbg.png);
	background-position:left;
	background-repeat:no-repeat;
	width:300px;
	padding:10px;
	margin:0 0 10px 0;
	color:white;
	font-size:0.8em;
	}

div#theSignal span.reStyle{
	display:block;
	font-family:"Arial Rounded MT Bold";
	font-size:1.3em;
	padding:10px 0 0 0;
	color:#ffe537;
	}
 
 div#theSignal a:link{
 	text-decoration:none;
	}
 
 div#theSignal p a:link{
 	color:white;
	}
 
 div#tao{
 background-image:url(Images/tao.png);
 background-position:left top;
 background-repeat:no-repeat;
 width:270px;
 height:106px;;
 padding:20px 30px 0 20px;
 }
 
 div#tao p strong{
 	color:#9B1B3A;
	font-size:1.2em;
	
}

div#tao p{
	width:120px;
	font-size:0.8em;
}
 
 
div#mainFeature{
	background-color:#007070;
	padding:10px;
	margin:0 0 10px 0;
} 

div#mainFeature h1{
	color:#C6E0C7;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	padding:0 0 10px 0;
}
div#mainFeature p{
	color:white;
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	}

.date {
	color:#FFC20E;
	font-weight:bold;
}

div#keySpeakers{
	background-image:url(Images/speakers.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	margin:0 10px 0 0;
	}

div#keySpeakers img {
	width:102px;
	height:139px;
}

div#features{
	background-color:#E0EEE0;
	padding:10px;
	color:#444;
	margin:0 0 10px 0;
}

div#features p	
{
    font-size:0.85em;
}
div#features h2{
color:#006C66;
padding:0 0 10px 0;
font-weight:normal;
font-size:1.6em;
}
div#features h3{
	padding:10px 0 5px 0;
	border-top:dotted 1px white;
	width:100%;
	margin-top10px;
	
}

div#features h3 a:link, div#features h3 a:visited{


	text-decoration:none;
	color:#006C66;
	font-weight:normal;
	font-size:1em;
}


div#features h3 a:hover{
	background-color:#006C66;
	color:white;

}
div#features p a:hover
{
    color:white;
    background-color:#f7931e;
}
div#participation h3{
	color:#377579;
	font-size:0.9em;
	font-weight:300;
	text-transform:uppercase;
	border-top:dotted 1px #cccccc;
	padding:10px 0 10px 0;
}


div#participation h3 a:link{
	color:#377579;

	text-decoration:none;

}
div#participation h3 a:hover{
	background-color:#377579;
	color:white;
	text-decoration:none;
}


div#reStyle + p{
	background-image:url(Images/restyleBG.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	float:left;
	height:80px;
	width:418px;
		background-color:#F6F2EA;
	padding:10px;
	color:#6C5635;
	margin-bottom:20px;

}

div#reStyle + p + h3 + p + h3 + p + h3 {
	background-image:url(Images/sale.png);
	background-position:200px 15px;
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-top:20px;
}

div#reStyle + p + h3 + p + h3 + p + h3 + p + h3{
background-image:url(Images/ilovemixheader.png);
background-position:180px 6px;
background-repeat:no-repeat;
}


div#topNav ul{
list-style-type:none;
padding:0;
margin:0;
}


div#topNav{
width:340px;
float:right;
font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:0.85em;
margin:44px 0 0 0;

}

div#topNav a:link, div#topNav a:visited{
color:#007070;
text-decoration:none;

}
div#topNav a:hover{
color:#EF3D64;
text-decoration:underline;
background-color:White;
}

div#topNav ul li {
display:inline;
margin:0;
padding:0 0 8px 10px;
text-align:right;
text-transform:uppercase;
}

div#footer{
border-top:dotted 1px #cccccc;
padding:0 10px;
margin:30px 0 0 0;
text-align:center;
	font-size:0.75em;

}

div#footer ul{
	list-style-type:none;
	margin:20px 0 10px 0 ;
	padding:0;
	}

div#footer ul li{
	display:inline;
	margin:0 10px 0 0;
}

div#footer a:link{
color:#444;
}

/* helper */
.reStyle
{
	display:none;
}