/*
	MojFaks - portal za studente (www.mojfaks.com)
*/

*{ margin: 0; padding: 0; }
:focus, :active { outline: 0; }

.clearfix:after {content:"."; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;}
/* Hide from IE Mac */
.clearfix       {display:block;}
/* End hide from IE Mac */

body { font: .8em Arial, serif; color: #555; background: #333; }

/* #wallpaper { background: #C1E9E9 url(../images/ads/poli_bg.jpg) no-repeat center top; cursor: pointer; } */

h1 { position: relative; font-size: 3em; z-index: 5; }

h3 { font-size: 1.2em; margin: 0 0 12px; color: #222; font-weight: normal; }

p { line-height: 1.5em; }
a { text-decoration: none; color: #1796BB; cursor: pointer; }
li { list-style: none; }

.teaser { color: #000; font-size: 1.2em; font-style: none; margin: 0 0 20px; }

img { border: 0; }
.x { clear: both; }
#content { width: 990px; margin: 0 auto; cursor: auto; }
#logo { height: 40px; margin: 20px 0 0 10px; float: left; color: #28AEAF; }

.box { clear: both; padding: 8px; background: #fff; margin: 0 0 10px; }
.box.last { margin: 0; }
.box.header { background: #fff url(../images/header.png) no-repeat left -53px; }

#stripe a { font-weight: bold; float: left; width: 990px; border-bottom: 1px dotted #000; cursor: pointer; padding: 10px 0; text-shadow: #000 1px 1px; text-transform: uppercase; text-align: center; font-size: 1.1em; background: #111; color: #fff; margin: 0 0 10px; }
#stripe a:hover { background: #000; }

#menu { float: left; height: 32px; }
#menu li { float: left; text-transform: uppercase; font-size: 1.2em; }
#menu li a { display: block; padding: 6px 14px 15px 12px; margin: 0; z-index: 20; background: url(../images/bullet.png) no-repeat right 10px; }
#menu li a:hover, #menu ul li:hover a { background-position: right 14px; }
#menu li a.current { background: url(../images/bullet_current.png) no-repeat right 10px; }
#menu li ul { -moz-box-shadow: 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px rgba(0,0,0,0.5); padding: 3px 0 10px; background: #fff; display: none; height: auto; position: absolute; z-index: 10; width: 160px; /*top:1em; /*left:0;*/ }
#menu li:hover ul { display: block; }
#menu li li { display: block; float: none; width: 160px; font-size: .74em; }
#menu li:hover li a { background: none; }
#menu li ul a { display: block; padding: 5px 15px; color: #777; }
#menu li ul a:hover { color: #000; }

	
.general, #main.maingeneral a { color: #777; }
.magazine, #main.mainmagazine a { color: #E2050B; }
.groups, #main.maingroups a { color: #D70377; }
.events, #main.mainevents a  { color: #FE9400; }
.scripts,  #main.mainscripts a  { color: #724DB0; }
.ads,  #main.mainads a  { color: #189AC0; }
.jobs, #main.mainjobs a { color: #6BBB0B; }

.caption { overflow: hidden; font-size: 1.4em; font-weight: normal; color: #fff; padding: 15px 9px 15px 12px; position: relative; margin: -8px -8px 15px; text-transform: uppercase; }
.caption h1 { font-size: 2.2em; float: left; padding-right: 50px; }
.caption h2 { font-size: 1.4em; float: left; padding: 8px 50px 7px 0; }
.caption h3 { color: #fff; font-size: 1em; float: left; padding: 14px 50px 10px 0; margin: 0; }
.caption.general { background: #777 url(../images/site/caption.png); text-shadow: #555 -1px -1px; }
.caption.magazine { background: #E2050B url(../images/site/caption.png); text-shadow: #910F12 -1px -1px;  }
.caption.events { background: #FE9400 url(../images/site/caption.png); text-shadow: #B96A00 -1px -1px; }
.caption.groups { background: #D70377 url(../images/site/caption.png); text-shadow: #A8025E -1px -1px; }
.caption.scripts { background: #724DB0 url(../images/site/caption.png); text-shadow: #47306D -1px -1px; }
.caption.ads { background: #189AC0 url(../images/site/caption.png); text-shadow: #116B86 -1px -1px; }
.caption.jobs { background: #6BBB0B url(../images/site/caption.png); text-shadow: #4A8107 -1px -1px; }

#animation { position: absolute; margin: -10px 0 0 -300px; background: url(../images/animation.png) no-repeat; height: 71px; width: 479px; }

h1.scripts { background: #724DB0; }
h1.ads { background: #189AC0; }
h1.jobs { background: #6BBB0B; }
.caption .menu li a { text-shadow: none; color: #fff; padding: 20px 10px 0; }


#top { margin: 20px 10px 0 0 ; float: right; }
#top a { cursor: pointer; color: #777; border-right: 1px dotted #ccc; padding: 0 6px 0 0; margin: 0 6px 0 0; }
#top a:hover { color: #000; }
#top a.last { border: 0; margin: 0; padding: 0; }

.line { clear: both; border-bottom: 1px dotted #ddd; margin: 0 0 10px; }
#search { float: right; width: 403px; }
input.s-text { padding: 6px; width: 337px; border: 1px solid #ddd; float: left; border-right: 0; }
input.s-submit { background: #595959; padding: 6px 10px 7px; color: #fff; border: 0; font-size: .9em; float: right; }
h3.search { font-weight: bold; margin: 0 0 5px; }

/* auth box */
#x { float: right; padding: 5px 0 0; }
#x a { color: #999; cursor: pointer; background: url(../images/x.png) no-repeat right top; padding: 6px 40px; font-size: .8em; text-transform: uppercase; text-shadow: #fff 1px 1px; }
#x a:hover { color: #555; }
#auth { display: none; clear: both; padding: 20px 18px; background: #ddd url(../images/auth.png) repeat-x; position: relative; margin: 0 -8px; }
#auth .ttl { font-size: .84em; margin: 0 0 6px; }
#login { width: 250px; float: left; }
#authpitch { float: right; width: 250px; font-size: .9em; }
#reg { float: left; width: 350px; }
#register { float: right; width: 620px; }
.explain { display: none; }
input.submit { background: #444; font-size: .8em; text-transform: uppercase; color: #fff; padding: 5px 10px; border: 0; }

#auth h3 { font-size: 1em; text-transform: uppercase; margin: 0 0 25px; }
#auth input.text { padding: 3px; width: 180px; border: 1px solid; border-color: #ccc #eee #eee #ccc; }
#auth input.text:focus { outline: 2px solid #ADE6F5; }
#auth label { float: left; width: 105px; font-size: .8em; text-transform: uppercase; }
#reg p { clear: both; margin: 0 0 6px; }


.ttl { text-transform: uppercase; font-weight: bold; font-size: 1.24em; margin: 0 0 14px; text-shadow: #fff 1px 1px; }

/* pitch */
#pitch { margin: 0 0 7px; }
#pitch h1 a { color: #fff; }

#pitch-main { float: left; width: 660px; }
#pitch-side { float: right; width: 300px; }
#pitch-side h3 { font-size: 1.3em; font-weight: normal; margin: 0 0 6px;}
#pitch-side h3 a { color: #000; }
#pitch-side p { font-size: .9em; }
#pitch-side img { margin: 0 0 10px;  }


#main { float: left; width: 660px; }
.mbox { background: #E2E2DC; padding: 12px 15px; margin: 0 0 15px; }
.mbox .item { padding: 5px 0; border-color: #aaa; }
.mbox .ttl { background: #ccc; position: relative; margin: -12px -15px 15px; padding: 12px 15px; }
.mbox .ttl .mn { float: right; font-size: .84em; color: #111; }
.mbox li { border-bottom: 1px dotted #aaa; padding: 8px 0; }
.mbox .dt { font-size: .84em; text-transform: uppercase; color: #888; }

/* calendar */

#homecal { height: 224px; background: #EBEBE7 url(../images/events.png) no-repeat right;  }

.calendar { border-left: 2px solid #FE9400; float: left; width: 180px; background: #E2E2DC; padding: 12px 15px; height: 200px; margin: 0 0 12px; }
.calendar .ttl { color: #FE9400; }
.c { float: left; padding: 4px 0; width: 24px; height: 14px; background: #FE9400; text-align: center; font-size: .8em; color: #fff; margin: 0 1px 1px 0; }
.c.day { background: none; color: #aaa; }
.c.blank { background: none; }
.c.current { background: #BF6F00; text-shadow: #8A5000 1px 1px }
.c.today { font-weight: bold; background: #FE9400 url(../images/today.png) repeat-x; }
.c.current.today { background-position: left bottom; }
.cmore { padding: 7px 0 0; }
.cmore a, #main.maingroups .cmore a { font-size: .84em; color: #888; text-transform: uppercase; }
.cal { border-collapse: collapse; }
.month { float: right; font-size: 1.3em; color: #aaa; }
.bef, .aft { background: url(../images/calarrows.png) no-repeat; width: 6px; height: 12px; margin: 5px 5px 0; }
.bef { float: left; }
.bef:hover { background-position: left bottom; }
.aft { float: right; background-position: right top; }
.aft:hover { background-position: right bottom; }
#cal-loader { background: url(../images/ajax-loader.gif) no-repeat center center; width: 170px; height: 160px; }

#latestcal { float: right; width: 410px; padding: 12px 15px; }
#latestcal li { padding: 5px 0; border-bottom: 1px solid #ddd; }
#latestcal li span.ed { color: #aaa; font-weight: bold; font-size: 1.1em; margin: 2px 10px 0 0; }
#latestcal li span.ecity { float: right; color: #aaa; text-transform: uppercase; font-size: .84em; }
#latestcal a { color: #777; }
#latestcal a:hover { color: #222; }
#latestcal li.last { border: 0; }

.evatt { clear: both; padding: 12px 15px; background: #E2E2DC; border-bottom: 2px solid #FE9400; margin: 0 0 10px; }
.evatt li { font-size: .9em; padding: 0 0 7px; border-bottom: 1px dotted #aaa; margin: 0 0 7px; }
.evatt li span { font-size: .9em; color: #777; text-transform: uppercase; }
.evatt li a { color: #BF6F00; font-weight: bold; text-shadow: #fff 1px 1px; }
.evatt li.last { padding: 0; border: 0; margin: 0; }
.evatt .ttl { font-size: .9em; }

#popular-colleges { float: right; width: 200px; border-top: 2px solid #D70377; padding: 12px 15px 0; height: 195px; background: #E2E2DC; }
#popular-colleges a { color: #777; }
#popular-colleges a:hover { color: #222; }
#popular-colleges li { border-bottom: 1px dotted #ccc; padding: 6px 0; }
#popular-colleges li span { font-size: .8em; background: #D70377; color: #fff; padding: 1px 3px; }
#popular-colleges li.last { border: 0; }


#groups { float: left; width: 400px; border-top: 2px solid #D70377; padding: 12px 15px 0; height: 195px; background: #EBEBE7; margin: 0 0 12px; }
#groups a { color: #777; }
#groups a:hover { color: #222; }
#groups li { border-bottom: 1px dotted #ccc; padding: 6px 0; }
#groups li span { font-size: .8em; background: #D70377; color: #fff; padding: 1px 3px; }
#groups li.last { border: 0; }
#groups-side { float: right; width: 224px; }

/* group list */
#grouplist { clear: both; padding: 15px; background: #E2E2DC; border-left: 2px solid #B2186C; margin: 0 0 15px; }

/* groups members */
.memb { float: left; width: 157px; float: left; }
.memb img { width: 40px; float: left; margin: 0 10px 0 0; }
.cyear { color: #888; font-size: .84em; }


.tip  { float: right; padding: 15px; background-image: url(../images/tip.png); background-repeat: no-repeat; background-position: center center; position: relative; margin: -12px -15px 0 0; }
#homecal .tip { background-color: #FE9400; }
#groups .tip, #popular-colleges .tip { background-color: #D70377; }
#scripts .tip { background-color: #724DB0; }
#ads .tip { background-color: #189AC0; }


.overlay { clear: both; float: left; background: url(../images/transparent.png); text-shadow: #000 1px 1px; padding: 15px 12px 0; height: 110px; position: relative; margin: -128px 0 0; color: #fff; }

#pitch .tip { background: url(../images/transparent.png); }

.third { float: left; width: 167px; margin: 0 7px 7px 0; }
.third img { float: left; width: 167px; height: 130px; }
.third.last { margin-right: 0; float: right; }
.third .overlay { width: 151px; font-size: 1em; }

/* ITEMS */
.item { position: relative; padding: 8px; margin: 0 0 5px; border-bottom: 1px dotted #ddd; }
.item h2 { font-size: 1.2em; margin: 0; }
.item_desc { padding: 4px 0 0 9px; font-size: .9em; margin: 0; color: #808080; background: url(../images/site/itembullet.gif) no-repeat 0 10px; }
.item img { float: left; margin: 0 10px 0 0; }
.mainads .item_desc { background: none; }
.delbtn { float: left; padding: 5px 12px; background: #B80707; text-transform: uppercase; color: #fff; font-size: .84em; text-shadow: #8D0505 1px 1px; } 
.delbtn:hover { background: #8D0505; }
.deleted { color: #518C09; font-size: .84em; text-transform: uppercase; padding: 10px 0; font-weight: bold; text-shadow: #fff 1px 1px; }

.post { position: relative; clear: both; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }
.post img { margin: 0 12px 12px 0; float: left; }
.post h2 { font-size: 1.2em; margin: 0; }
.cuser { padding: 0 0 3px; }
.ctext { clear: both; color: #555; }
h2.comment { font-size: 1.2em; margin: 0 0 5px; }
.commentsbox { padding: 20px 0 0; margin: 0 0 15px; }
.pen { float: left; position: relative; margin: 0 0 -10px 8px; background: url(../images/pen.png) no-repeat; width: 23px; height: 27px; }
.carea { clear: both; padding-top: 12px; }

/* comments formatting */
.post-avatar { float: left; }
.post-avatar img { width: 55px; }
.post-text { float: right; width: 590px; }
.script-comments .post-text { width: 570px; }
.script-comments .post { clear: both; border-top: 1px dotted #ddd; padding: 10px 0; margin: 0 0 10px; }
#grouplist .post-text { width: 560px; }
#profile-comment { clear: both; background: #E2E2DC; padding: 12px; border-bottom: 2px solid #333; }
#profile-comment .post-text { width: 565px; }

.num { float: right; text-align: center; color: #a5a5a5; padding: 5px 5px 0 0; margin: 0; font-size: .9em; }
.num.info { font-size: .9em; text-align: right; }
.num span { font-size: 1.4em; font-weight: bold; }

.divide { padding: 0 0 10px; }
		

#sections { background: #eee; clear: both; height: 400px; padding: 10px 0; }
#ad {  margin: 0 0 13px; }


#jobs { clear: both; padding: 15px; background: #E2E2DC url(../images/q.png) no-repeat right bottom; border-left: 2px solid #6BBB0B; margin: 0 0 12px; }
#joblist { float: left; width: 400px; }
#joblist li { padding: 5px 0; border-bottom: 1px dotted #ccc; }
#joblist li a { color: #5FA50A; }

#jobs .ttl { background: #eee; position: relative; margin: -15px -15px 10px; padding: 15px 15px 10px; color: #5FA50A; }

#grouplist .ttl { background: #eee; position: relative; margin: -15px -15px 10px; padding: 15px 15px 10px; color: #B2186C; }

#jobs-faq { float: right; width: 170px; height: 125px; padding: 24px 0 0; }
#jobs-faq li { font-weight: bold; font-size: .9em; padding: 5px 0; }
#jobs-faq li a { color: #888; }

.menu { float: right; position: relative; margin: -5px 0 0; font-weight: bold; }
.menu li { display: inline; }
.menu li a { float: left; color: #444; font-size: .74em; padding: 8px 18px 17px; }
.menu li a.current { background: #E2E2DC;  }


#scripts { border-top: 2px solid #724DB0; float: left; width: 410px; background: #E2E2DC; padding: 12px 15px; height: 178px; margin: 0 0 12px; }
#scripts .ttl { color: #724DB0; }
#scripts a { color: #724DB0;  }
#scripts li { color: #777; border-bottom: 1px dotted #ccc; padding: 6px 0; }
#scripts li span { font-size: .84em; }


#ads { border-right: 2px solid #189AC0; float: right; width: 180px; background: #E2E2DC; padding: 12px 15px; height: 180px; margin: 0 0 12px; }
#ads .ttl { color: #189AC0; }
#ads a { color: #189AC0; font-size: .9em; }
#ads li { border-bottom: 1px dotted #ccc; padding: 6px 0; }


/* groups */
#college-title { font-size: .64em; position: relative; margin: 15px 0 0 -20px; float: left; color: #F0A2CD; text-shadow: #A31463 -1px -1px; }
.gr { float: left; width: 292px; margin: 0 20px 5px 0; }
.grst { text-transform: uppercase; font-size: 1.5em; color: #777; }
#main .grst a { color: #999; }
#main .grst a:hover { color: #222; }
.grttl { font-size: .9em; color: #777; }
.gline { clear: both; border-bottom: 1px dotted #aaa; padding: 5px 0 0; margin: 0 0 5px; }
#college-pic { margin: 0 0 12px; }
.cinfo { font-size: .84em; }

.menu.gl { float: left; }
.menu.gl li a { padding: 8px 9px 17px; }
#grouplist .ttl { height: 18px; }

#join { clear: both; color: #000; line-height: 1.8em; background: #FFFDA3; padding: 15px 30px 15px 70px; background: #FFFDA3 url(../images/join.png) no-repeat 20px 22px; border: 1px dotted #C2C084; margin: 0 0 15px; }
#join span { font-size: 1.2em; font-weight: bold; text-shadow: #fff 1px 1px; }
#join a { color: #000; border-bottom: 1px dotted #A9A86C; }


#members { padding: 2px 0; color: #aaa; text-transform: uppercase; float: right; font-size: 1.1em; }

#gtopics { clear: both; margin: 0 0 10px; }
#gtopics li { padding: 6px 0; border-top: 1px dotted #ddd; }
#gtopics li a { color: #888; font-size: .9em; }

/* add event */
#announce { clear: left; margin: 0 0 15px; }
.maingroups #announce a { float: left; width: 400px; height: 26px; padding: 6px 0 0 26px; font-size: 1.1em; background: url(../images/announce.png) no-repeat; color: #fff; text-shadow: #888 1px 1px; }
.maingroups #announce a:hover { background-position: left bottom; text-shadow: #A80A61 1px 1px; }
#addeventbox { display: none; clear: both; background: #E2E2DC; padding: 12px; margin: 0 0 5px; }
#addeventbox textarea, #addeventbox input.text { width: 390px; }
#addeventbox label { color: #888; font-size: .8em; text-transform: uppercase; margin: 0; padding: 0; float: none; }
#announced { float: right; width: 220px; color: #999; font-size: 1.1em; padding: 4px 0 0; }
#announced-list { float: right; width: 208px; font-size: .9em; }
.maingroups #announced-list a { color: #444; }
.maingroups #announced-list li.almore a { color: #000; font-size: .9em; text-transform: uppercase; border: 0; color: #DB2187; }
#announced-list li { border-bottom: 1px dotted #ccc; padding: 6px 0; font-weight: bold; }
#announced-list li span { font-weight: normal; font-size: .9em; color: #888; }
#addform { float: left; }


/* events */
#events-title { font-size: .64em; position: relative; margin: 15px 0 0 -20px; float: left; color: #fff; text-shadow: #B86A01 -1px -1px; }
.event { clear: both; margin: 0 0 20px; border-bottom: 1px dotted #ddd; padding: 0 0 10px; }
.event img { float: left; margin: 0 12px 0 0; }
.event h2 { margin: 0 0 12px; }
.when { float: left; width: 75px; border-right: 1px dotted #ddd; margin: 0 10px 0 0; font-size: 2em; height: 120px; color: #aaa; font-weight: bold; }
.event:hover .when { color: #777; }
.when.in { height: 260px; }
.till { font-size: .6em; }
.type { color: #999; font-size: .8em; text-transform: uppercase; }
.where { color: #555; font-size: .9em;  }
.where.in { font-size: 1.4em; color: #999; text-transform: uppercase; margin: 0 0 20px; }
.event .d { color: #999; text-transform: uppercase; font-size: .8em; padding: 7px 0 0; }

#charliesheen { background: #eee; padding: 5px; height: 42px; }
.mainevents a#win { background: url(../images/win.png) no-repeat; float: right; width: 223px; height: 31px;  padding: 10px 0 0 0; font-size: 1.1em; color: #fff; text-shadow: #D5800B 1px 1px; text-align: center; }
.mainevents a#win:hover { background-position: 0; }
#giveaway span { float: left; padding: 12px 0 0 215px; font-size: 1.1em; color: #444; text-shadow: #fff 1px 1px; text-align: center; font-weight: bold; }
#event-answer { float: left; padding: 10px; font-size: 1.3em; border: 1px solid #ddd; width: 310px; color: #777; }

.winentry { float: left; width: 82px; height: 20px; position: relative; margin: -105px 0 0 83px; background: url(../images/winentry.gif) no-repeat; }

#city-selection { display: none; padding: 20px 20px 14px; background: #eee; margin: 0 0 30px; border-bottom: 1px dotted #C1C1C1; }
#city-selection li { float: left; width: 155px; padding: 0 0 3px; }
#city-selection li.cscat { clear: both; float: none; width: 550px; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }
.mainevents #city-selection li.cscat a, .mainjobs #city-selection li.cscat a { color: #000; }
.mainevents #city-selection li a, .mainjobs #city-selection li a { color: #777; font-size: .9em; background: url(../images/footer-bullet.png) no-repeat left 7px; padding: 0 0 0 6px; }
#city-selection li a:hover, #city-selection li a.current { color: #222; }

#confirmevent { float: left; margin: 157px 0 0 0; text-align: center; font-size: .4em; line-height: 1.3em; text-transform: uppercase; }
#confirmevent a { clear: both; float: left; width: 31px; height: 33px; margin: 8px 0 10px 20px; background: url(../images/confirmevent.png) no-repeat; }
#confirmevent a:hover { background-position: left bottom; }
#confirmed { float: left; width: 31px; height: 33px; margin: 28px 0 0 20px; background: url(../images/confirmevent.png) no-repeat left bottom; }
.ccap { clear: both; float: left; height: 20px; }

.evconf { background: #EBEBE7 url(../images/events.png) no-repeat right -70px; padding: 13px; margin: 0 0 14px; font-size: .9em; border-bottom: 1px dotted #ddd; }
#main.mainevents .evconf a { color: #444; font-weight: bold; }
#eventdesc { clear: both; padding: 10px 0 0 86px; }

#evdetails { padding: 10px 0 15px; border-bottom: 1px solid #ddd; margin: 0 0 15px; }


.showmore { clear: both; padding: 0 0 0 86px; }
#main.mainevents .showmore a { float: left; padding: 10px 0 0 30px; width: 118px; height: 31px; background: url(../images/showmore.png) no-repeat; font-size: 1.1em; color: #fff; text-shadow: #D5800B 1px 1px; }
#main.mainevents .showmore a:hover { background-position: left bottom; }

/* scripts voting */
.voting { float: right; color: #555; text-transform: uppercase; }
.vnum { margin: 0 10px 0 0; background: url(../images/star.png) no-repeat 0 3px; padding: 0 0 0 14px; }
.voting a { background: url(../images/voting.png) no-repeat; float: right; width: 19px; height: 19px; margin: 0 0 0 5px; }
.plus { }
.voting a.plus:hover { background-position: left bottom; }
.voting a.minus { background-position: right top; }
.voting a.minus:hover { background-position: right bottom; }

/* new job */
#njcol { float: left; width: 340px; }
#njcor { float: right; width: 250px; }
#njcol label, #njcor label { display: block; float: none; width: auto; }
#njcol input.text, #njcol select, #njcol textarea { width: 325px; }
#njcor input.text { width: 235px; }
.error { padding: 15px; background: #FBC4C7; color: #B60E16; font-size: 1.2em; text-shadow: #fff 1px 1px; margin: 0 0 15px; }
.success { padding: 15px; background: #D2FAA3; color: #518C09; font-size: 1.2em; text-shadow: #fff 1px 1px; margin: 0 0 15px; }
.selection { background: url(../images/city-selection.png) no-repeat; height: 44px; padding: 15px 15px 0; color: #777; font-size: 1.2em; text-shadow: #fff 1px 1px; margin: 0 0 15px; }
#main .selection a { float: right; color: #444; border-bottom: 1px dotted #fff; }

/* wall */
#wall { float: left; padding: 12px; background: #E2E2DC; width: 400px; border-left: 2px solid #333;  }
.wall-item { border-bottom: 1px dotted #ccc; padding: 0 0 8px; margin: 0 0 8px; }
.wall-item img { max-width: 340px; }
.av { width: 40px; float: left; }
.wdate { font-size: .8em; color: #999; }
.wall-when { font-size: 1.2em; color: #888; font-weight: bold; text-shadow: #fff 1px 1px; }
.evdesc { font-size: .9em; color: #777; margin: 0 0 8px; }
.wi { float: right; width: 348px; }
.join { margin: 0 0 7px; text-shadow: #fff 1px 1px; text-transform: uppercase; font-weight: bold; font-size: .84em; }
.join a { background: url(../images/usr.png) no-repeat; padding: 1px 0 1px 20px; }
.joined { color: #999; background: url(../images/usr-joined.png) no-repeat; padding: 1px 0 1px 20px; }

/* groups page */
.maingroups #scripts { float: right; width: 192px; height: auto; }
.maingroups #scripts a { color: #724DB0; font-size: .9em; }
.maingroups .calendar { float: right; width: 190px; }
#main.maingroups .calendar .c { color: #fff; }

#wallcrew { float: right;  width: 206px; padding: 12px 0 12px 14px; background: #E2E2DC; border-right: 2px solid #333; }
#wallcrew img { width: 45px; margin: 0 5px 5px 0; }

/* news */
.newsitem { border-bottom: 1px dotted #ddd; padding: 0 0 10px; margin: 0 0 10px; }
.newsitem img { float: left; margin: 0 15px 10px 0; }
.newsitem h2 { margin: 0 0 10px; }
.dn{ font-size: .8em; text-transform: uppercase; color: #999; margin: 0 0 10px; }

#inner-tags { font-size: .9em; padding: 10px 0; border-top: 1px dotted #ddd; }
#inner-tags span { font-size: .9em; color: #888; }

/* RIGHT */
#right { float: right; width: 300px; }
#right h4 { background: #888; float: left; padding: 10px; color: #eee; }
#rightad { margin: 0 0 10px; }

.b { clear: both; margin: 0 0 15px; padding: 12px 15px; background: #E2E2DC; border-top: 2px solid #333; }
.b .ttl { color: #333; font-size: 1em; }
.user { background: #FFCC29; color: #057172; font-size: 1.2em; }

#right .calendar { width: 268px; height: 175px; margin: 0 0 10px; }
#right .calendar #caldate { float: right; font-size: 1.7em; color: #aaa; margin: 94px 0 0; text-align: right; }
.calinner { float: left; }

/* profile */
#profilepic { float: left; margin: 0 0 24px; }
#profiledesc { float: right; width: 565px; font-size: .9em; color: #888; line-height: 1.8em; }
.pbio { padding: 0 0 10px; border-bottom: 1px dotted #ddd; margin: 0 0 10px; font-size: 1.2em; color: #555; }
.ph2 { padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px dotted #ddd; font-size: 1.3em; color: #222; }
.button { font-weight: bold; }

#toplist { }
#toplist li { padding: 5px 0 5px 8px; font-size: .84em; line-height: 1.7em; border-bottom: 1px dotted #aaa; background: url(../images/footer-bullet.png) no-repeat left 14px; }
#toplist li a { font-size: 1.1em; }

/* forms */
label { float: left; width: 110px; }
input.text, select, textarea { padding: 4px; border: 1px solid #ccc; width: 310px; margin: 0 0 5px; }
textarea { width: 500px; height: 100px; }
input.margin { margin-left: 110px; }
.notice { padding: 15px 0; margin: 0 0 0 110px; font-size: .84em; line-height: 1.7em; text-shadow: #fff 1px 1px; }
.icon { margin: 0 0 10px; }

/* pagination */
.paginator { padding: 6px 10px; font-size: .84em; background: #f4f4f4; margin: 0 1px 0 0; }
.paginator.current { background: #ddd; }

#footer { padding: 12px 12px 5px; font-size: .84em; }
#footer p { line-height: 1.64em; margin: 0 0 10px; }
#footer a { color: #444; }
#footer a:hover { color: #000; }
#copy { float: left;  color: #777; padding: 12px 0 0; }
#links { float: right; text-align: right; padding: 5px 0 0; }
#links a { margin: 0 0 0 2px; background: url(../images/footer-bullet.png) no-repeat left 6px; padding: 0 0 0 6px; }
#links a.f { background: none; }