html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1.2em; font-family:inherit; text-align:left}

body{ background:#eeeeee url('/images/mainbg.jpg') fixed bottom repeat-x;color:#222; margin:0 auto; font-size:14px;text-align:center; height:100%; font-family:Arial, Helvetica, sans-serif;}

td{padding:8px;}
/*.sub #wrapper{background:url(/images/bgTopLine.gif) repeat-x 0 0;min-height:400px;}*/
#container{ background-color:#fff;border:0; margin:5px auto  0 auto; padding:0 10px; position:relative; text-align:center; width:960px;}

#container h1 {font-size:24px;font-weight:normal;font-family:Arial;}  


a#joinNow:link {text-decoration: none;color: #FFF;}
a#joinNow:visited { text-decoration: none;color: #FFF;}
a#joinNow:hover {text-decoration: none;color: #D8D8D8;}
a#joinNow:active {text-decoration: none;color: #FFF;}


#pageNav ul li a:link {text-decoration: underline;color: #0066A6;}
#pageNav a:visited { text-decoration: underline;color: #0066A6;}
#pageNav a:hover {text-decoration: underline;color: #FE5E00;}
#pageNav a:active {text-decoration: underline;color: #0066A6;}

#pageNav {padding-top:10px; }

#topNav h3 a:link{text-decoration:underline;}
#nav {border-bottom: 1px solid #D9E4F4; }

.bigTitle a:link{font-size:16px;font-weight:bold;}  
.bigTitle a:visited{font-size:16px;font-weight:bold;}  

/* -----------------------------------

FONTS, SIZES, COLORS ++

-------------------------------------*/
h1,h2,h3,p{color:#424041;}

#home #mainContent p {font-size:16px;font-weight:bold;}
#home #mainContent h2{color:#2368AB;font-weight:bold;font-size:20px;}
#home h2 {font-size:18px;}
.sub h2{color:#FE5E00;font-size:20px;font-weight:bold;}

,#topNav h3,
.date,.author,#copyright,
#signUpForm label, #groupStats,h3 span{color:#666666;}/* light gray */

#topNav h3,
#footer,
#signOut,#dates,#links,#postDirections
{font-size:12px;border:none;color:#333}

p, .addy,.orangeBox{font-size:14px;margin-bottom:14px;color:#333;}

h3{font-size:18px;font-weight:bold;padding-bottom:3px;margin-bottom:10px;}
#about h3, #settings h3, #invite h3{font-size:16px;font-weight:bold;border:none;margin:5px 0 0;}


strong,#pageNav a{font-weight:bold;}

.author strong,.addy,#groupStats strong{color:#333;}
.orangeBox{font-size:14px;}
#signUpForm{font-size:18px;font-weight:bold;padding-top:5px;}
#signUpForm input{font-size:20px;font-weight:normal;padding-top:5px;}
#postForm input{color:#666666;}
#groups #leftColumn  #groupDetails h3{font-size:18px;} 
.hdrOrange{color:#FE5E00;font-size:18px;font-weight:normal;clear:both;border:none;}
h3 span,h3 a.right{font-size:11px;}

/* -----------------------------------

// FONTS 

-------------------------------------*/


/* classes */


.clear{clear:both;}
.alert{color:red;}


#topNav{position:relative;}
#topNav h1 { color:#363636;font-size:2.2em;font-weight:bold;margin:1em 0 1em 0;}
#topNav h2 {font-size:1.1em;font-weight:bold;float:left;clear:both;margin:0;width:600px;}


#leftColumn,#rightColumn{float:left;margin:20px 0 0;}
#leftColumn{width:600px;margin-right:25px}
#rightColumn{width:200px; height:1100px; overflow-x:visible; overflow-y:scroll;}
#leftColumn h3, #rightColumn h3{clear:both;float:left;width:100%;}


#footer{clear:both;border-top:1px solid #D9E4F4;margin:15px auto 0;text-align:center;float:left;width:100%;}
#footer div{width:880px;text-align:center;margin:10px auto;}
#footer ul{float:right;list-style-type:none;}
#footer ul li{float:left;margin:0 10px;}


#nav{display:inline;float:left;list-style-type:none;width:700px;}

#nav li.MenuSources {     float: left;     width: 7em; }
#nav li.MenuSources2 {     float: left;     width: 4em; }
#nav li.MenuSources2 a{font-size:10px; font-weight:normal}



/* notices */
#notice, #notice p{color:green;font-size:16px;font-weight:bold;margin:10px 35px 10px 0;background-color:#f5f5f5;clear:both;padding:5px;}
#error{color:red;font-size:16px;font-weight:bold;margin:10px 0 10px 0;background-color:#f5f5f5;clear:both;padding:5px;}
#alert, #message_notification{color:#333;font-size:16px;margin:5px 0 5px 0;background-color:#ffffcc;clear:both;padding:5px;width:95%;border:1px solid #ddd;}


/* errors */
#errorExplanation {
  width: 100%;
  border: 1px solid #ccc;
  background-color:#f5f5f5;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  
 clear:both;
}
#errorExplanation ul{list-style-type: square;margin-left:25px;clear:both;}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 18px;
  margin: -7px;
  color: red;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}


/* --------------------------------------------------------------- */
#groups #leftColumn  #groupDetails h3{font-size:18px;} 
#groups .date{margin:5px 0 0 55px;clear:both;padding-top:15px;}
#groups #leftColumn #groupDetails {float:left;clear:both;margin:2px 0 20px;padding:3px;width:92%;}
#groups #leftColumn #groupDetails img{border:2px solid #afafae;margin: 0 5px  0px 0;}
#groups #leftColumn #groupDetails img.noBorder{float:left;border:0px solid #fff;margin:0;}
#groups #leftColumn #groupDetails ul{float:left;list-style-type:none;margin:0 10px 0 10px;}
#groups #leftColumn #groupDetails ul li{float:left;width:485px;}
#groups #leftColumn  #groupDetails h3{border:none;margin:10px 0 2px;padding:0;float:left;font-size:18px;} 


#groups #leftColumn #groupContainer #groupDetails ul#groupStats li{float:left;margin-right:12px;width:auto;}

#groups #leftColumn #groupDetails #group_actions{float:right; width:90px;position:relative;}

#groups h3{position:relative;}
#groups h3 a.right{position:absolute;right:0;}


.sub .groupContent p{margin:0;}


.sub .even div.groupContent{background:url(/images/bgGroupEvenRepeatSub.gif) repeat-y 0 0;float:left;width:525px;margin: 0 ;padding:0; }
.sub .even div.groupContent .top{background:url(/images/bgGroupEvenTopSub.gif) no-repeat 0 0;height:18px;}
.sub .even div.groupContent div{width:500px;padding:5px 15px 0;margin-top:-15px;}
.sub .even div.groupContent div *{max-width:530px;}
.sub .even p.bottom{background:url(/images/bgBottomGroupEvenSub.gif) no-repeat 0 0 ;float:left;width:525px;margin:0;padding:0;height:7px;}



.groupContent .feedblurb .j .lh { width:350px; }


/* group list */

li.even{list-style-type:none;}

.author{font-size:11px;}

.letters ul{display:inline; list-style:none;margin:1.1em 0 ;}
.letters ul li{float:left;display:inline;font-weight:bold;width:15px;color:#0066A6;}
.letters a:link {text-decoration: underline;color: #0066A6;} 

.buckets {font-size:10px;font-weight:italic;}
.buckets tr td {padding:0px;}

.pubtop ul{display:inline; list-style:none;}
.pubtop ul li{float:left;display:inline;margin-right:10px}
.pubtop a:link {text-decoration: underline;color: #0066A6;} 


.group li .avatar{margin:0;float:left;padding:0;width:45px;height:75px;margin-right:4px;}
.group li .avatar img{width:45px;height:45px;}

.ranking {text-align:center;font-size:10px;border:gray solid thin;width:30px;margin-left:6px;}