/* CSS Document */

body{
background-color: #ffffff;
}
#container{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;

}
a{
color:red;
}
h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

clear:both
}
#frame{
width: 971px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3em;
text-align: left;
margin-bottom: 20px;
}
 
#nav{
margin: 0px;
position: relative;
}
/****************************************

Nav Stuff updated 01-04-08


***************************************/
#navMain{
height: 50px;
width: 971px;
margin: 0;
padding: 0;
background-image: url(images/navBack.jpg);
}

#navMain a{
display: block;
height: 50px;
float: left;
margin: 0;
padding: 0;
}
#navMain a#about{
width: 152px;
height: 50px;
background-image: url(images/aboutMicrotrends.jpg);
}
#navMain a#about:hover{
background: none;
}
#navMain a#download{
width: 171px;
background-image: url(images/downloadChapter.jpg);
}
#navMain a#download:hover{
background: none;
}
#navMain a#buy{
width: 116px;
background-image: url(images/buytheBook.jpg);
}
#navMain a#buy:hover{
background: none;
}
#navMain a#conversation{
width: 193px;
background-image: url(images/conversationWithPenn.jpg);
}
#navMain a#conversation:hover{
background: none;
}
#navMain a#blog{
width: 151px;
background-image: url(images/microtrendblog.jpg);
}
#navMain a#blog:hover{
background: none;
}
#navMain a#press{
width: 104px;
background-image: url(images/pressRoom.jpg);
}
#navMain a#press:hover{
background: none;
}
#navMain a#contact{
width: 84px;
background-image: url(images/contact.jpg);
}
#navMain a#contact:hover{
background: none;
}

#left{
float: left;
width: 333px;
}
#right{
padding: 30px 0px 0px 5px;
float: left;
width: 620px;
}
/************************************************

SubMenu

**************************************************/
#vote{
height: 24px;
width: 275px;
cursor: pointer;
float: right;
}
#contest{
height: 24px;
width: 173px;
cursor: pointer;
float: right;
}
#newsFeed{
height: 24px;
width: 209px;
cursor: pointer;
float: right;
}
#facebook{
height: 24px;
width: 202px;
cursor: pointer;
float: right;
}
#subMenu{
float: right;
height: 24px;
}






#nav img{
margin: 0px;
padding: 0px;
cursor: pointer;
cursor: hand;
}
#shadeRight{
position:absolute;
top: 0px;
width: 20px;
height: 67px;
left: 971px;
background-image: url(images/shadeLeft.jpg);
}
#shadeBottom{
width: 971px;
height: 14px;
background-image: url(images/bootomShade.jpg)
}	
.divide{
background-image:url(images/divide.jpg);
width: 482px;
height: 22px;
clear:both;
margin: 0;
}
#leftInfoBox{
width: 215px;
border: 1px solid #dddddd;
float: left;
clear: left;
padding: 10px;
height: 170px;
}
#rightInfoBox{
width: 215px;
border: 1px solid #dddddd;
float: left;
margin-left: 5px;
padding: 10px;
height: 170px;
}
#theboxes{
margin: 0;
width: 482px;
}
#content{
padding-left: 245px;
}
.boxTitle{
background-image:url(images/boxTitle.jpg);
width: 482px;
height: 32px; 
}
.clr{
clear: both;
}
.smallLink, .smallLink a{
font-size: 11px;
text-align:center;
color: red;
}
#right p{
clear: both;
}

.rss_date{
font-size: 10px;
}
.rss_item a{
font-weight: bold;
color: black;
}
li.rss_item{
margin-bottom: 15px;
}
li.rss_item table td div{
margin-top: -18px;
}
li.rss_item table td div a{
color: #6f6f6f;
text-decoration: none;
display: none;
}
li.rss_item table{
margin-left: 20px;
}
ul.rss_items{
margin: 0px;
list-style: none;
padding: 0px;
}
#rssLink{
position: absolute; 
right: 0px; 
top: 60px; 
width: 198px; 
height: 30px;
}
table textarea{
height: 50px;
width: 250px;
}
table input{
width: 250px;
}
.submitButton{
float: right;
cursor: pointer;
cursor: hand;
}
a.brightLink{
color: #ff6600;
font-size: 10px;
}
.red{
color: red;
}
.smallFont{
font-size: 11px;
}
.imgLeft{
float: left;
margin: 0 10px 700px 0px;
}
/*****************************************************/

Vote Stuff

/***************************************************/
#voteOnThis{

}

#voteOnThis div.colLeft, div.colLeft{
clear: none;
float: left;
width: 132px;
}
.trendspotter{
border: 1px solid #dddddd;
}
#voteOnThis .colRight, .colRight{
clear: none;
float: right;
width: 400px;
font-size: 11px;
line-height: 11px;
text-align: left;
}
#voteOnThis .voteItem, .voteItem{
padding: 0 0 30px 0;
width: 547px;
}
#voteOnThis .colRight .votecontent, .colRight .votecontent{
font-size: 12px;
line-height: 1.3em;
}
#voteOnThis .colRight .votecontent p, .colRight .votecontent p{
padding: 5px 0;
margin: 0;
}
.stars div{
float: left;
cursor: pointer;
cursor: hand;
text-align: left;
height: 19px;
width: 15px;
overflow: hidden;
position: relative;
}
.stars div img{
position: absolute;
top: 0px;
left: 0px;
}
.stars div.check{
display: none;
background-image: url(images/microtrends/check.jpg);
height: 19px;
width: 15px;
float: right;
}
.left{
float: left;
}
.right{
float: right;
}
.mtitle{
font-weight: bold;
font-size: 13px;
color: #b340b3;
padding-top: 5px;
}
.imgRight{
float: right;
margin: 0 0 0px 10px;
}