@charset "utf-8";
/* CSS Document */

/*
===================================
===================================
Layout CSS Styles
===================================
===================================
*/

#wrapper {background:#555; width:960px; margin:0 auto 0 auto;}
#header {background:#404040; width:960px; height:200px; border-bottom:solid #ff0000 3px;}
#body {width:960px; background:#4a4a4a url(http://tutvid.com/photoshopPhilly/images/issue1/bg.gif);}
#mainContent {width:540px; float:left; padding:30px; background:#555 url(http://tutvid.com/photoshopPhilly/images/issue1/opacBg.png) no-repeat left bottom;}
#sideBar {width:360px; height:100%; float:right; background:#4a4a4a; padding-bottom:2em;}
#footer {width:960px; height:50px; background:#404040 url(http://tutvid.com/photoshopPhilly/images/issue1/friendsBg.gif) no-repeat; border-top:solid #ff0000 3px; clear:both;}
#timeStamp {width:205px; height:20px; background:#202020; float:right; font-family:Verdana, Geneva, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:20px; font-size:0.7em; text-transform:uppercase;}
#headerInfo {clear:right; float:right; height:140px; width:530px; text-align:right; padding-right:30px; padding-top:30px;}
#linkHolder {height:47px; width:824px; float:right;margin-top:3px;}

/*
===================================
===================================
Tag CSS Styles
===================================
===================================
*/

p {padding:0px; margin:0px;}
a {color:#6daada; font-family:Verdana, Geneva, sans-serif; text-decoration:none; font-weight:bold;}
a:hover {color:#79dd57;}
#body h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#6daada; font-weight:normal; font-size:26px;}
#mainContent p {font-family:Georgia, "Times New Roman", Times, serif; color:#d0d0d0; font-size:12px;line-height:18px;}
#sideBar h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-align:center; color:#79dd57; margin-top:1.5em;}
ul {margin:1em 0 0 1em; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#6daada;}
ul li {margin-bottom:1.5em;}
#sideBar a {display:block; color:#6daada; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; padding:1em; text-align:center; font-weight:bold; text-decoration:none; border: solid #505050 1px;}
#sideBar a:hover {background:#505050; font-size:0.9em; color:#79dd57;}
#footer a {color:#404040; font-size:1px;}
img {border:solid #6daada 3px; margin:1em;}
#mainContent ul {padding:0; margin:0;}
#mainContent ul li {padding:0; margin:0;}
#mainContent ul li a {display:block; color:#6daada; padding:1em; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; font-weight:bold; text-decoration:none;}
#mainContent ul li a:hover {background:#606060; color:#79dd57; font-size:0.9em;}
#nonLinkLists ul {color:#f0f0f0; list-style:square;}
#nonLinkLists ul li {margin:1em; font-size:0.8em;}

/*
===================================
===================================
Class CSS Styles
===================================
===================================
*/

.clearMe {clear:both;}
.blockCenter {display:block; margin:1em auto 0 auto;}
.logoOneTime {float:left; margin:0; padding:0; border:none;}
.meetingTitle {font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; color:#838383; font-size:18px;}
.dateTitle {font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; color:#202020; font-size:32px;}
.timeTitle {font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; color:#838383; font-size:18px;}
.locationTitle {font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; color:#202020; font-size:18px;}
.alt {font-size:0.7em; color:#d0d0d0; display:block; background:#555; width:250px; padding:3px 5px 3px 10px; margin:-2em 0 1em 1.5em}
.locationRoomHead {font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-transform:uppercase; color:#838383; font-size:14px;}
.locationCenter {width:300px; margin:0 auto 0 auto; border:solid #555 1px; padding:10px;}
.accentP {display:block; background:#656565; padding:1em; border:solid #d0d0d0 1px; margin:1em;}
.septa {font-size:0.8em; width:250px; display:block; background:#555; padding:3px 5px 3px 10px; margin:1em auto 0 auto; font-family:Arial, Helvetica, sans-serif; color:#d0d0d0;}


.tutvid {display:block; width:141px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/tutvidGroup.gif) no-repeat; float:left;}
.pdaM {display:block; width:137px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/pdaMed.gif) no-repeat; float:left;}
.illyG {display:block; width:98px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/illyGroup.gif) no-repeat; float:left;}
.flexG {display:block; width:148px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/flexGroup.gif) no-repeat; float:left;}
.flashG {display:block; width:161px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/flashGroup.gif) no-repeat; float:left;}
.phillyU {display:block; width:139px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/phillyU.gif) no-repeat; float:left;}

.tutvid:hover {display:block; width:141px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/tutvidGroup.gif) no-repeat bottom; float:left;}
.pdaM:hover {display:block; width:137px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/pdaMed.gif) no-repeat bottom; float:left;}
.illyG:hover {display:block; width:98px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/illyGroup.gif) no-repeat bottom; float:left;}
.flexG:hover {display:block; width:148px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/flexGroup.gif) no-repeat bottom; float:left;}
.flashG:hover {display:block; width:161px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/flashGroup.gif) no-repeat bottom; float:left;}
.phillyU:hover {display:block; width:139px; height:47px; background: url(http://tutvid.com/photoshopPhilly/images/issue1/phillyU.gif) no-repeat bottom; float:left;}