/* single event */

body{
font-family:Trebuchet MS,Georgia,Arial,sans-serif;
color:white;
font-size:20px;
text-align:center;
margin:0;
padding:0;
background-color:#000000;
}

#wrap{
/*width:device-width;*/
width:320px;
}

a{ /* includes to logo text */
color:#FFFFFF;
}

.lg{ /*large*/
text-align:left;
font-size:30px;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
}



#topinfo{
height:80px;
background-image:url(../iphone/tpics/bg.png);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:5px;
}

#event{
text-align:left;
font-family:Trebuchet MS,Georgia,Arial,sans-serif;
line-height:1.2em;
margin:0px;
padding:0px;

border-left:1px #33FF00 solid;
border-right:1px #FF0099 solid;
border-bottom:1px #333333 solid;
}

#thumb{
width:80px;
height:80px;
float:left;
margin-right:10px;
border:none;
text-decoration:none;
}

/*.event_dates{
color:#FF0000;
}*/

#eventtitle{
font-size:15px;
font-weight:bold;
}

#eventdate{
color:#999999;
font-size:14px;
}

#eventcontent{
color:#FFFFFF;
font-size:14px;
padding:10px;
}

/*
#events a{
padding:0;
border-left:1px #33FF00 solid;
border-right:1px #FF0099 solid;
border-bottom:1px #333333 solid;
background-color:#070707;
background-image:url(../iphone/tpics/bg.png);
background-position:bottom;
background-repeat:repeat-x;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#event a:hover{ 
color:#FF0099;
text-decoration:none;
}


#event a:active{
text-decoration:none;
}
*/

#eventcontent img{ /* other images but this changes thumb too? */
max-width:180px;
max-height:180px;
border:none;
text-decoration:none;
}