/*------ Reset CSS -----*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strike, strong, tt, dd, dl, dt, li, ol, ul, form, label, tr, th, td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;vertical-align:baseline; }

/*----- Elements -----*/

body { background:url('http://www.smallercity.com/img/bgs.png') repeat; } 

body, p, td, th, li { font:12px arial, helvecta, sans-serif;line-height:1.4em;color:#000; }

.centerframe { position:absolute;top:auto;margin:0 auto;margin-bottom:5px;margin-left:-493px;width:986px;left:50%; }

a { color:#034F86;text-decoration:none; }

a:hover, a:active { text-decoration:underline; }

h1 { font:bold 1.5em arial, sans-serif;margin:10px; }

h2 { font:bold 1.2em arial, sans-serif;margin:3px; }

h3 { font:bold 1.1em arial, sans-serif; }

h4 { font:bold 1.0em arial, sans-serif; }

ul li { list-style-type:none;margin:2px 0 2px 2px; }

/*----- Structure Definitions -----*/

.clear { clear:both; }
.noClear { clear:none; }
.left { float:left; }
.right { float:right; }
.bottom { bottom:0; }
.topSpace { margin-top:5px; }

#topPad { padding-top:5px; }
.smallPad { padding:5px; }
.mediumPad { padding:7px; }

.increment { margin-left:5px; }

.noOverflow { overflow:hidden; }

/** Widths **/
.narrow { width:200px; }
.note { width:190px; }
.wlisting { width:780px; }
.wlisting_half { width:350px; }
.full { width:100%; }
.fullWidth { width:986px; }
.w70 { width:70px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w230 { width:230px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w700 { width:700px; }
.w750 { width:750px; }

/** Heights **/
.hFull { height:100%; }
.h75 { height:75px; }

/** Borders **/
.b  { border:1px solid #CCC; }
.bt { border-top:1px solid #CCC; }
.bb { border-bottom:1px solid #CCC; }
.bl { border-left:1px solid #CCC; }
.br { border-right:1px solid #CCC; }

.b2 { border-width:2px; }
.b6 { border-width:6px; }
.b_bgSC { border-color:#07C; }
.b_red { border-color:red; }
.b_light { border-color:#EEE; }

/** Margins **/
.m2, .mt5, .mb5, .mb10, .mt10, .mt20, .ml5, .ml10, .ml15, .ml20, .mr5 { display:inline; }
.m2 { margin:2px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.mr5 { margin-right:5px; }


/** Padding **/
.pt3 { padding-top:3px; }
.pb5 { padding-bottom:5px; }
.p5 { padding:5px; }
.p10 { padding:10px; }

/*----- Style Definitions -----*/

/** Colors **/
.mediumGray { color:#777; }
.scBlue { color:#07C; }
.alert { color:red; }
.bg_scBlue { background-color:#97C; }
.bg_lBlue { background-color:#e4edf6; }
.bg_lGray { background-color:#DDD; }
.bg_beige { background-color:#edf3da; }
.bg_white { background-color:#FFF; }
.bg_yellow { background-color:#FFC; }
.bg_emphasis { background-color:#FDF7ED; }

/** Images **/
#bg_note_topGradient { background:url('http://www.smallercity.com/img/note_top.gif') repeat:none;height:3px; }
#bg_noteGradient { background:url('http://www.smallercity.com/img/note_gradient_tall.gif') repeat-x; }
#bg_noShadow { background:url('http://www.smallercity.com/img/bg_noShadow.gif') repeat-y; }

/** Fonts **/
.fGrey { font-color:#777; }
.fLGrey { font-color:#CCC; }
.large { font-size:1.5em; }
.larger { font-size:1.2em; }
.smaller { font-size:0.9em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.upper { text-transform:uppercase; }
.helvecta { font-family:helvecta, sans-serif; }
.verdana { font-family:verdana, serif; }

#sponsored { font-size:0.8em;letter-spacing:-0.2pt;text-transform:uppercase;color:#A4A4A4; }

.tcenter { text-align:center; }
.tright { text-align:right; }

/*------ Structure Elements -----*/

.column { float:left;margin:0 5px;display:inline; }

.box50 { width:50px;height:50px; }

.inputEasy { padding:5px;border:3px solid #CCC;font:normal 1.2em arial; }

.connectBox { width:100px;margin:0 0 10px 10px;border:1px solid #CCC;padding:5px; }


/** Lists **/

.li_usrImg { width:20px; }

ul.connect { padding:0;display:block; }
ul.connect li a, ul.connect li span { padding:2px 0 0 20px;display:block; }
ul li.email { background:url(http://www.smallercity.com/img/icons/email.png) no-repeat; }
ul li.print { background:url(http://www.smallercity.com/img/icons/printer.png) no-repeat; }
ul li.comment { background:url(http://www.smallercity.com/img/icons/comment.png) no-repeat; }

.error{ color:#FF0000;font-weight:bold;margin-left:2px;margin-right:2px; }

.notification { position:absolute;height:260px;width:400px;top:300px;border:1px solid #CCC;background-color:#FFF;z-index:1001;display:none; }

#title { font-size:150%;font-weight:500;letter-spacing:-0.2pt;color:#333; }  

#newssource { font-size:8pt;color:#A4A4A4; } 

#newstext { font-size:8pt; }

#newstext { font-size:8pt; }

#time { font-size:90%;color:#A4A4A4; }

#replies { font-size:90%;color:#A4A4A4; }

#search { font-size:120%;font-weight:bold;font-variant:small-caps;color:#4F4F4F; }

#columntitle { font-size:120%;font-weight:bold;font-variant:small-caps;color:#4F4F4F; }

.inputGray { color:#A4A4A4; }

.header_title { font-size:140%;font-weight:bold;  }

#grey_note { font-size:80%;color:#333; }

#date { font-size:85%; }

#none { color:#000;text-decoration:none; }

#feed_date { font-size:110%; }

#bullet { color:red;font-size:70%;font-weight:900; }

#greyBox_title { font-size:110%;text-align:center;font-weight:bold; }

#pictureText { font-size:0.8em;text-align:center; }

#sectionTitle { font:400 12px arial, sans-serif;text-transform:uppercase; } 

#categoryHeader { font:bold 1.3em arial, sans-serif; }

#topPicks { font:bold 1.5em arial, sans-serif;color:#C50; }

#smallTitle { font:bold 0.9em arial, sans-serif;text-transform:uppercase;color:#444; }

/* ----------- Colors ----------- */

#pumpkin { background-color:#C50;color:#FFF; }

#white { color:#FFF; }

/* ---------- Heading ----------- */

.menu_home { display:inline;height:30px;background-color:#888;color:#FFF; }

.menu_home_text { padding:8px 10px 7px 10px; }

.menu_option { float:left;height:30px;border-right:1px dotted #999; } 

.menu_arrow { width:20px; }

.menu_option_selected { background-color:#07C;height:30px; }

/* ---------- Forms ---------- */

.form_style { padding:5px;font:normal 1.2em arial;border:3px solid #CCC; }

/***************/
/* Search      */
/***************/

.searchbar { padding-left:220px;margin:5px; }

#mainSearch { width:250px;border:1px solid #CCC; }

#mainSearchType{ width:150px;border:1px solid #CCC;margin-top:2px; }

#mainSearchSubmit { width:129px;border:1px solid #CCC;color:#034F86;margin-top:4px;font-weight:bold; }

/***************/
/* ADS         */
/***************/

.sponsoredbox { width:100%; }


/***************/
/* Top Section */
/***************/

.top { clear:both;float:left;width:100%;margin:5px 0 0 0; }

.top_foot { clear:both;float:left;margin-top:15px;line-height:0em;min-height:0px;height:6px;width:986px;background:url('http://www.smallercity.com/img/top_noShadow.gif') no-repeat; }

/*----- Headers -----*/

.menu { clear:both;float:right;width:750px;font:bold 1.4em arial, sans-serif;text-transform:uppercase;margin-top:15px;padding:5px 0 3px 0; }

.menu_header { clear:both;float:left;width:976px;background-color:#DDD;border-top:4px solid #777; }

/* ---------- Listing header ---------- */

/*.li_header { clear:both;float:left;width:976px;border-bottom:1px solid #CCC; } */

.li_header { clear:both;float:left;width:976px;border-bottom:1px solid #CCC;background-image:url('http://www.smallercity.com/img/barLight.png');height:37px; }

.main { clear:both;float:left; }

/* Min height for pages */
.min_height { flaot:left;height:400px; }

/* News feed container */
.m_left { clear:both;float:left;margin:10px 10px 20px 10px;display:inline;width:340px; }

/* Everythig else */
.m_right { float:left;margin:10px 0 10px 5px;display:inline;width:620px; }

.m_right_top { clear:both;float:left; }

#most_list{ clear:both;float:left;padding-left:0px;list-style-type:none; }

#most_list li{ padding:2px 0 2px 0;font-size:90%; }

.pagination_list { clear:both;float:left;text-align:center;width:500px;margin-top:20px;padding-bottom:10px;font-size:120%;font-weight:bold; }

.ads { padding:5px 0 0 6px; }

.m_oneframe { clear:both;float:left;width:986px;background:url('http://www.smallercity.com/img/bg_noShadow.gif') repeat-y;padding-left:5px; }

.m_hint_box {float:left;padding:5px;height:17px;width:965px;border-bottom:1px solid #CCC;background-color:#FFFFCF; }

.noHeight { height:100%; } 

.m_box_title { clear:both;float:left;border-bottom:3px solid #CCC;margin:10px 0 10px 0;padding:2px 0 5px 5px; }

.sectionTitle_box { clear:both;float:left;border-bottom:3px solid #CCC;margin:10px 0 10px 0;display:inline;text-align:center;padding:2px 0 5px 0; }

.levelBar { width:28px;background:white;border:1px solid black;height:80px;z-index:999;margin-left:10px;margin-top:10px;padding-left:3px;padding-top:3px;position:relative;filter:alpha(opacity=80);-moz-opacity:0.8; }

.validBar { width:60px;background:white;border:1px solid #000;height:15px;z-index:999;margin-left:320px;margin-top:-80px;padding-left:3px;padding-top:3px;position:relative;filter:alpha(opacity=80);-moz-opacity:0.8; }

.m_login { width:654px;height:350px;border:1px solid #000;background-color:#FFF; }

.m_friends { width:654px;height:750px;border:1px solid;background-color:#FFF; }

.m_friends_chooser { float:left;width:100%;background-color:#cccccc;text-align:center;border-bottom:1px solid #000; }

.m_friends_sorter { float:left;clear:left;width:100%;background-color:#666666;color:#FFF;text-align:center;border-bottom:1px solid #000; }

.m_cal { float:left;clear:left;width:100%;text-align:center;background-color:#FFF;color:#000;border-bottom:1px solid #000;display:none; }

.m_friends_space { clear:left;float:left;width:100%;padding-top:10px; }

.center_notice { margin:5px;height:100%;border:1px solid #CCC;padding:5px;background-color:#FFF; }

.m_events_box { clear:both;float:left; }

/* Page titles */

/* .m_header { clear:both;float:left;width:955px;padding:5px;border-bottom:2px solid #07C; } */

/* .m_header { clear:both;float:left;width:976px;border-bottom:1px solid #CCC;background-image:url('http://www.smallercity.com/img/barLight.png'); } */

.m_header { clear:both;float:left;width:976px; }

.m_header_spec { clear:both;float:left;width:976px;border-bottom:1px solid #CCC;background-image:url('http://www.smallercity.com/img/barLight.png'); } 

.mHeader_cont { clear:both;float:left;width:976px; }

.mHeader_fill { clear:both;float:left;margin:10px 0 10px 10px;font-weight:500;font-size:1.1em; }

.m_title_main { clear:both;float:left;width:780px; }

.m_title_name { clear:both;padding:10px 0 10px 15px;font-weight:bold;font-size:12pt; }

.m_title_right { float:left;padding:5px;font-size:120%;font-weight:bold;width:170px;text-align:right; }

/* Headings for events, groups, and announcements */

.cat_header { clear:both;float:left;width:500px;padding:5px;background:url('http://www.smallercity.com/img/bottom_gradient.gif') repeat-x;border:1px solid #CCC; }

.cat_headerTitle { clear:both;float:left;width:260px;font-size:110%;font-weight:bold;color:#4F4F4F; }  

.cat_headerResults { float:left;width:230px;text-align:right; }

/* Filter box for events, groups, and announcements */

.filterBox { clear:both;float:left;width:200px;font-size:110%;font-weight:bold; }

/*
.filterBox_title { float:left;width:187px;padding:3px 3px 3px 10px;border-bottom:1px solid #CCC;background:url('http://www.smallercity.com/img/topbox.png') no-repeat;background-color:#E5F4FF; }
*/
.filterBox_title { float:left;width:185px;padding:3px 3px 3px 10px;border:1px solid #CCC;background-color:#E5F4FF; }

.filterBox_main { clear:both;float:left;width:198px;border:1px solid #9CF;border-top:none; }

.filterBox_sortlist { clear:both;float:left;padding:7px;width:184px;border-bottom:1px solid #CCC; }

.addendum { clear:both;float:left;width:976px;margin:20px 0 0 0;padding-bottom:20px;text-align:center; }

/********************/
/* Feed 		    */
/********************/

.feed_line { clear:both;float:left;width:330px;font-size:90%;padding:2px 0 2px 5px; }

.feed_line_news { width:350px;padding:2px 0 0 2px;font-weight:600; }

#feed_icon { padding:0 5px 0 5px; }

#feed_message { width:300px; }

/********************/
/* Bottom           */
/*******************/

.footer_container { clear:both;float:left;width:986px;background:url('http://www.smallercity.com/img/bg_noShadow.gif') repeat-y; }

.footer_main { margin:2px 5px 0 5px;width:976px;border-top:1px solid #CCC;text-align:center; } 

.footer_main_center { margin:0 1px 0 1px;width:974px;background:url('http://www.smallercity.com/img/bottom_gradient.gif') repeat-x;padding:8px 0 8px 0; }

.bottom_bar {  clear:both;float:left;height:9px;background:url('http://www.smallercity.com/img/bottom_noShadow.gif') no-repeat;width:986px; }

/*******************/
/* Ads 			   */
/*******************/

.ad_box { float:left;width:175px; }


/********************/
/* Items            */
/********************/

.post { background-color:#CC8B00;border:3px solid #C60;font:bold 1.4em arial, sans-serif;padding:5px;text-transform:uppercase;color:#FFF; }

.post_small { border:2px solid #C60;font:bold 1.2em arial, sans-serif;padding:3px; }

.thumbnail { padding:2px;display:inline;border:1px solid #CCC;width:50px; }

.greyBox { clear:both;float:left;border:1px solid #CCC;margin:10px 0 20px 0;display:inline; }

/* Width should be 4 px less than greyBox */
.greyBox_interior { clear:both;float:left;width:226px;margin:2px;display:inline;background-color:#EEE;padding:5px 0 5px 0; } 

.greyBox_titleContainer { clear:both;float:left;padding-bottom:10px;text-align:center; }

.header { clear:both;float:left;width:959px;padding:10px;background-color:#E5F3FF;border-bottom:1px solid #CCC; }

.img_box { float:left;padding-left:10px; }

#news_item { clear:left; }

.small_img { float:left;width:75px;margin-left:5px;height:55px;padding:1px;border:1px solid #CCC; }

.listingbreak { border-bottom: 1px solid #CCC;width:639px; }

.spaceIt { float:left;clear:both;height:15px; }

.smallbar { background-color:#CCC;border-bottom:1px solid #333;width:637px;margin-top:5px;padding-left:2px;background-image:url(new/images/gradient.gif);background-repeat:repeat-x; }

.searchwid { background-color:#DFAC07;width:798px;border-bottom:1px solid #333;border-right:1px solid #333;border-left:1px solid #333;background-image:url(new/images/gradientorange.gif);background-repeat:repeat-x; }

.mainfo { background-color:#FFF;width:798px;border-bottom:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333; }

.item_desc { clear:both;float:left;display:inline;margin:2px;width:100px;font-weight:bold;color:#555; }

.item_detail { float:left;display:inline;margin:2px;width:290px; }

#friend { width:150px;border:1px solid #333;border-bottom:none; }

#friend a { display: block;color:#000;text-decoration:none;border-bottom:1px solid #333;background-color:#CCC;padding-left:2px; }

div#friend a:hover { background-color:#07a5df;color:white;background-image:url(new/images/gradient.gif);background-repeat:repeat-x; }

.mywid { clear:left; width: 150px;float:left;padding-right:5px;padding-left:5px;padding-top:3px;border-right:1px solid #CCC;height:1000px; }

.newsleft { background-color:#EEEDE6;float:left;width:300px;height:200px;margin-right:5px;border:1px solid #CCC; }

.news { float: left;height:200px;border-bottom:1px solid #CCC;width:323px; }

.sitenews { clear:left; }

.mainright { float:left;padding-left:5px; }

.subbox { border-style:1px solid #333;padding-left:2px;margin-left:5px;margin-top:2px;background-color:#CCC; }

.smalltxt { width:637px; }

.greybar { background-color:#CCC;border-bottom:1px solid #333;width:574px;margin-top:5px;padding-left:2px;margin-left:50; }

.greybox { width:570px;border-style:1px solid #CCC;padding-left:4px;margin-left:50;background-color:#FFF;background-image:url(new/images/grey_gradient_box_fill.gif);background-repeat:repeat-x; }

.item_list { width:313px;float:left;border:1px solid #CCC;margin-right:2px; }

.user_list { width:313px;float:left;border:1px solid #CCC;margin-left:2px; }

.item_heading { background-color:#CCC;padding-left:2px; }

.user_heading { background-color:#CCC;padding-left:2px; }

.listing_long { width:640px;border:1px solid #CCC;float:inherit;}

.listing_long_heading { padding-left:2px;background-color:#CCC; }

.detail_text { padding-left:2px; }

.sendbar { background-color:#DFAC07;border-bottom:1px solid #333;width:637px;margin-top:5px;padding-left:2px; }

.alertbar { background-color:#EE322D;border-bottom:1px solid #333;width:637px;margin-top:5px;padding-left:2px; }

.whitebar { background-color:#FFF;width:637px;margin-top:5px;padding-left:2px; }

.newslist { padding-left:4px;padding-right:4px;clear:left; }

.map { clear:both;float:left;display:inline;width:300px;height:300px; }

.map_container_privacy { clear:both;float:left;display:inline;width:550px; }

.map_rBorder { float:left;height:270px;background:url('http://www.smallercity.com/img/right-shadow.gif') no-repeat;width:5px;height:270px; }

/* News Menu */
/*

#newsmenu { width:323px;border-bottom:1px solid #CCC; }

#newsmenu a { display:inline;color:#000;text-decoration:none;padding-left:8px;padding-right:8px; }

#newsmenu a:hover { color:white;background-color:#CCC; }
 */

p.subheading { font-weight:bold;font-variant:small-caps;margin:0px; }

img {  border-style:none; }

.error_bar { clear:both;float:left;width:920px;margin:15px;padding:5px;background-color:#FFFFCF;text-align:center;font-size:110%;font-weight:bold;color:#F00;border:1px solid #CCC; }

/*******************/
/* Discussions     */
/*******************/

.d_optionBar { clear:both;float:left;width:970px;padding:6px 3px 6px 3px;background-color:#FFFFCF;border-bottom:1px solid #07C; }

.d_header { clear:both;float:left;padding:10px 10px 20px 10px;font-size:130%;width:900px; }

.d_header_specific { clear:both;float:left;padding:10px;font-size:130%;width:956px;background-color:#F0F0F0;border-bottom:1px solid #CCC;border-top:1px solid #CCC; }

.d_reply { clear:both;float:left;width:600px;padding:10px 0 3px 5px; }

.d_item { clear:both;float:left;padding-bottom:10px;margin:10px 0 0 15px;width:900px; }

.d_details { clear:both;float:left;margin-top:10px;width:90px; }

.d_callout_l { float:left;width:25px;height:125px;margin:0 0 25px 25px;background:url('http://www.smallercity.com/img/callout_l.jpg'); }

.d_container { float:left;width:510px;border:3px solid #CCC;background-color:#edf3da;border-left:none; }

.d_item_title { clear:both;float:left;width:900px;border-bottom:1px solid #CCC;font-weight:bold;font-size:120%;padding-bottom:5px; }

.d_item_description { clear:both;float:left;width:400px; }

.d_item_replies { clear:both;float:left;padding-left:10px;font-size:90%;width:195px; }

.d_item_posted { clear:both;float:left;padding-left:10px;width:100px; }

.d_item_quote { float:left;font-size:90%;padding:5px 0 0 20px;width:600px; } 

.d_pagination { clear:both;float:left;width:973px;margin-top:50px;padding:5px 0 0 5px;border-top:1px solid #CCC; }

.d_pagination_options { float:right;margin:-14px 5px 0 0; }