/*
Site Name:        TechTarget Events Page
Site URL:         http://events.techtarget.com
Date Created: 	  Thursday Sept 24th 2009
Creators: 		  Damien Garcia (code) & Frank Remick (design)
Stylesheet Name:  events.css     
Relative URL: 	  <link rel="stylesheet" type="text/css" href="../css/main.css">

/*######################################################################*/
/*########################  Events Home Page  ##########################*/
/*######################################################################*/

/*-----------------------------------------------------------------*/
/*-----EVENTS: RESETS----------------------------------------------*/
/*-----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
#clearleft {clear:left;}
#clearright {clear:right;}
#clear {clear:both;}
ul, li {margin:0px; padding:0px;}
img { border: 0; }
.floatleft { float:left;}
.floatright {float:right;}

/*-----------------------------------------------------------------*/
/*-----EVENTS: STRUCTURE & BACKGROUND PROPERETIES -----------------*/
/*-----------------------------------------------------------------*/
body#events{background-color: #d9d4ce; font-family:  Arial, Helvetica, sans-serif;}
#body_content { width: 620px; margin-left:160px;padding-top:15px; position:relative; z-index:3; } /* Contains Both Left & Right Columns*/
#body_content .centercol {width: 620px; float:left;  position:relative;} /*Center Col Begins*/
#body_content .leftcol {width: 345px; float:left; margin-bottom:15px; margin-right:5px; } /*Left Col Begins*/
#maincontainer {width: 870px; margin-right:auto; margin-left:auto; background: url(../assets/bg_content.gif) repeat-y;} /*maincontainer bg */
#left_sidebar {position:absolute;margin-left:30px !important; margin-top:23px !important;}
#sponsor_section { width:120px; background-color:#ffffff; position:absolute; margin-left:30px !important; margin-top:15px !important; padding: 0 0 15px 0;}
#footer { clear: both;  background-repeat: no-repeat; background-position: 134px 0; color: #797979; width: 830px; margin-left: 20px; padding-top: 40px; }

body#events #content_wrapper_top {background:url(../assets/bg_cntr_top.gif) no-repeat; height:38px; }
body#events #content_wrapper_middle {background:url(../assets/bg_cntr_mid.gif) repeat-y;width: 870px;margin:0px; padding-left:30px; height:100%; color: #fff; font-size:14px; line-height: 1.7em; }
body#events #content_wrapper_bottom {background:url(../assets/bg_cntr_bot.gif) no-repeat; height:30px;}
body#events #body_content .rightcol  {width: 260px; float:right; margin-bottom:50px; }/*Right Col Begins*/
body#events #body_bg_image{  width:654px; height: 433px; position:absolute; margin-left:173px !important; margin-top:35px !important; margin-left:173px; z-index:1;}

/*-----------------------------------------------------------------*/
/*-----EVENTS: IMAGE STYLES----------------------------------------*/
/*-----------------------------------------------------------------*/
#body_content .rightcol img.top_header {margin:0px; padding:0px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc;}
#body_content .rightcol img.bottom_footer {margin-bottom:30px; border-top:1px solid #fff;}

/*-----------------------------------------------------------------*/
/*-----EVENTS: RIGHT SIDE BOXES------------------------------------*/
/*-----------------------------------------------------------------*/
body#events #body_content #region a {color:#016483;}
body#events #body_content #region{ height:266px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
body#events #body_content #region_bg { background: url(../assets/region_bg.jpg); height:266px; position:absolute; width:258px; z-index:1; }

body#events #body_content #date a {color:#59584c;}
body#events #body_content #date{ height:266px; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
body#events #body_content #date_bg {background: url(../assets/date_bg.jpg); height:266px; position:absolute; width:258px; z-index:1; }

body#events #body_content #events_content a {color:#227099;}
body#events #body_content #events_content {background: #e9e5e2; padding:10px 0 0 0; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: solid 1px #ccc;}
body#events #body_content #events_content p{ font-size:10px; line-height:18px; margin-bottom:0px; padding-bottom:0px; }

.text_container {height:256px; overflow: auto; padding: 10px 0 0 0; position:relative; z-index:3;}
.category_container { margin-bottom:20px;}

/*-----------------------------------------------------------------*/
/*-----I. EVENTS: TYPOGRAPHY---------------------------------------*/
/*-----------------------------------------------------------------*/
body#events #body_content a {color: #227099; text-decoration:underline; font-size:10px;} 
body#events #body_content .leftcol p,  body#events #body_content .centercol p { color: #333333; font-size:10px; line-height: 16px;}
body#events #body_content .leftcol h1, body#events #body_content .centercol h1 { color:#016483; font-size:12px; line-height:18px; margin: 0 0 15px 0;}
body#events #body_content .leftcol h2, body#events #body_content .centercol h2 { color:#000000; font-size:12px; margin: 0px; padding:0px;}
body#events #body_content .leftcol h3, body#events #body_content .centercol h3 { color:#000000; font-size:12px; margin: 0;}
body#events #body_content .leftcol h4, body#events #body_content .centercol h4 { color:#000000; font-size:12px; margin: 0;}
body#events #body_content .leftcol h5, body#events #body_content .centercol h5 { color:#000000; font-size:12px; margin: 0;}
body#events #body_content .leftcol h6, body#events #body_content .centercol h6 { color:#000000; font-size:12px; margin: 0;}

body#events #body_content .rightcol p {font-size:10px; line-height:17px; padding:0px 6px 0px 10px; color:#000000;}
body#events #body_content .rightcol h1 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events #body_content .rightcol h2 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events #body_content .rightcol h3 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events #body_content .rightcol h4 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events #body_content .rightcol h5 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events #body_content .rightcol h6 {color: #000; font-size:10px; line-height:18px; padding:0px 0 0px 10px; font-weight:bold;}
body#events hr { margin: 5px 0 5px 0; border:none; border-top: 1px dotted #1b364b; height: 1px; color: #ffffff; clear:both; }

#sponsor_section h1 {background:#01799e; font: 9px/12px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; height:25px; padding:5px; margin: 0 0 10px 0; }
 
/*-----------------------------------------------------------------*/
/*-----EVENTS:  UNORDERED LIST ITEMS-------------------------------*/
/*-----------------------------------------------------------------*/
body#events #body_content .leftcol ul { color: #333; margin: 10px 0 10px 10px; padding: 0 0 0 10px; }
body#events #body_content .leftcol li { line-height:17px; padding: 0 0 0 0px; font-size:10px; margin:0px; }
body#events #body_content .rightcol ul { color: #333; margin: 10px 0 10px 0px; padding: 0 0 0 25px; width: 200px; }
body#events #body_content .rightcol li { line-height:16px; padding: 0 0 0 0px; font-size:10px; margin: 0 0 0 0px; }

/*-----------------------------------------------------------------*/
/*-----EVENTS:  FOOTER STYLES -------------------------------------*/
/*-----------------------------------------------------------------*/
#footer { clear: both; background-color: #e3e0dd; background-repeat: no-repeat; background-position: 134px 0; color: #797979; width: 830px; margin-left: 20px; padding-top: 40px; }
#footer-top, #footer-bot { background-color: #dedad4; margin-left: 18px; width: 800px; } 
#footer-bot { background-color: #dedad4; } /* COLOR CHANGE - BOTTOM PART OF FOOTER BACKGROUND COLOR */
#footer p { font-size: .65em; line-height: 1.5; margin: 0; padding: 10px;  color: #797979; }
#footer a { color: #797979; } /* COLOR CHANGE - FOOTER TEXT COLOR */
#footer hr { display: none; visability: hidden; }
#tt_logo_bot { background: url(../assets/bg_ttlogo_bot.gif) no-repeat 0 0; width: 870px; height: 115px; }

/*######################################################################*/
/*######################### Events Home Page  ##########################*/
/*################### *ENDS*  *ENDS*  *ENDS* *ENDS* ####################*/
/*######################################################################*/