/* @override 
	http://localhost:3000/stylesheets/global.css
	http://75.101.150.157/stylesheets/global.css
	http://zappn.com/stylesheets/global.css
	http://zappn.local/stylesheets/global.css
*/

/*    CSS Reset
---------------------------------------------------    */
html, body, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, ul, li, blockquote    { margin: 0; padding: 0; border:0; }

/*    Body
---------------------------------------------------    */
body    { background: #000; color: #666; font: normal 12px/1.5 Arial, sans-serif; text-align:center; }


/*    Page + Global Page Elements
---------------------------------------------------    */
img { border:0; }
h1 { position:absolute; top:0; }
h2 { color:#fff; font-size:20px; margin:0 12px 20px 13px; padding:6px 0 0 25px; }
h2.normal {
  padding: .5em 0;
  margin: 0 0 .8em;
}
.username { font-weight:bold; font-size:14px;  color: #fff; }
h4.username a {
  color: #fff;
  text-decoration: none;
}
h4.username a:hover {
  color: #fff;
  text-decoration: underline;
}

h2.signup { background:url('../images/icons/icn_signup.png') left no-repeat; }
h2.login { background:url('../images/icons/icn_login.png') left no-repeat; }
h2.whatshappening { background:url('../images/icons/icn_whatshappening.png') left no-repeat; }

h2.settings {
background: url('../images/icons/icn_settings.png') no-repeat left 10px;  
margin-bottom: -5px;

}

h2.photostream { background:url('../images/icons/icn_photostream.png') left no-repeat; }
h2.eventsandphotos { background:url('../images/icons/icn_eventsandphotos.png') left no-repeat; }
h2.editprofile { background:url('../images/icons/icn_signup.png') left no-repeat; }
h2.event_create { background:url('../images/icons/icn_eventsandphotos.png') left no-repeat; }
h2.whatsup { background:url('../images/icons/icn_login.png') left no-repeat; }
h2.comments { background: url('../images/icons/icn_comments.png') no-repeat left 12px; }
h2.comments.black {
  background-image:url('../images/icons/icn_comments_black.png') ;
}
h2.event_photos {
background: url('../images/icons/icn_photos.png') no-repeat left 12px;}
h2.event_photos_black {
background: url('../images/icons/icn_photos_black.png') no-repeat left 12px;}
h2.event_attending {
background: url('../images/icons/icn_attendees.png') no-repeat left 12px;}  

h2.friends {
background: url(../images/icons/icn_attendees.png) no-repeat left 12px;}  

#page { width:940px; text-align:left; margin:0 auto; position:relative; }
h3 {
  color: #fff;
  background: url(../images/backgrounds/bkg_h3_rule.png) no-repeat -4px bottom;
  padding: 0 0 6px 0;
  margin-bottom: 4px;
  font-size: 14px;
}


#top_row { color:#fff; font-size:11px; float:right; margin:20px 3px 17px 0;}
#top_row a { color:#fff; text-decoration:none; padding:0 5px; }

form#search { float:right; background:url('../images/backgrounds/bkg_input_search.gif') left top no-repeat; width:385px; height:26px; }
form#search #search_input { display:block; float:left; width:328px; font-size:14px; font-weight:bold; margin:3px 12px 0 5px; background:none; border:none; }
form#search #search_submit { float:left; display:block; }

#page_content { margin:20px 0; text-align:center; }

#footer a, #footer a:link, #footer a:visited {
  color:#29a429;
}

#footer { text-align:right; font-size:10px; margin:20px 0; padding-left: 160px; }
#footer .left a {
  color: #fff;
  text-decoration: none;
}
#footer .left {
  width: 260px;
  text-align: left;
}
#footer strong { display:block; font-weight:bold; color:#999; }

.edit_controls a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.edit_controls a:hover {
  text-decoration: underline;
}
.edit_controls {
  float: none;
}

/*    Left Nav
---------------------------------------------------    */
#left_nav { text-align:left; float:left; width:140px; background:url('../images/backgrounds/bkg_leftnav_top.png') left top no-repeat; clear: both; }
#left_nav ul { margin:0 0 2px 0; }

#left_nav .hr { background: url('../images/backgrounds/bkg_leftnav_rule.png') no-repeat 0 center; width:138px; height:17px; margin:0; padding:0; }
#left_nav .hr.grad { background: url('../images/backgrounds/bkg_leftnav_rule_grad.png') no-repeat 1px center; width:138px; height:17px; margin:0; padding:0; }
#left_nav li { list-style:none; }
#left_nav a, .action { color:#fff; font-size:12px; text-decoration:none; padding:3px 5px 5px 33px; margin:7px 0 0 7px; display:block; }
#left_nav a.edit_profile { background:url('../images/icons/icn_leftnav_editprofile.png') no-repeat; top left; }
#left_nav a.account_settings { background:url('../images/icons/icn_leftnav_accountsettings.png') no-repeat; top left; }
#left_nav a.messages { background:url('../images/icons/icn_leftnav_messages.png') no-repeat; top left; }
#left_nav a.my_events { background:url('../images/icons/icn_leftnav_myevents.png') no-repeat; top left; }
#left_nav a.followers { background:url('../images/icons/icn_leftnav_followers.png') no-repeat; top left; }

a.create_event { background:url('../images/icons/icn_leftnav_createevent.png') no-repeat; top left; }
#left_nav a.my_invites
{ background:url('../images/icons/icn_leftnav_messages.png') no-repeat; top left; }
.pagination {
  text-align: right;
  color: #114912; 
  text-transform: lowercase;
  padding-right: 1em;
  margin: 10px 0;
}
.pagination a {
  color: #238e23 !important; 
  text-decoration: none;
  padding: .3em .5em;
  margin: 0 .2em;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;    
}
.pagination a:hover {
  background:#111 ;
}
.pagination span.current {
	color: #73da73;
  padding: .3em .5em;
  margin: 0 .2em;
  font-weight: bold;
  background: #111;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: rgba(114,213,114,0.86) 0px 0px 7px;
}
a.viewmore {
  text-align: right;
  display: block;
  color: #1e7b1e !important; 
  text-transform: lowercase;
  padding:0 10px;  
  margin: 0;
}
a.viewmore:hover {
  color: #29a92a !important; 
}

h2 a {
  color: #fff !important;
  text-decoration: none;
}
h2.event_title a {
  color: #fff !important;
}
h2 a:hover {
  color: #fff;
  text-decoration: underline;
}

#notice {
  color: #111;
  font-weight: bold;
  margin:;
  padding: 10px;
  border: 2px solid #333;
  background: url(../images/backgrounds/bkg_flash_msg.png) repeat-x;
  z-index: 20;
  position: relative;
}

#single_profile h3 span {
  color: #666;
  font-size: 1em;
  float: none;
}

#left_nav a.invite_friend { background:url('../images/icons/icn_leftnav_invitefriend.png') no-repeat; top left; }
#left_nav .btm { display:block; width:140px; height:8px; background:url('../images/backgrounds/bkg_leftnav_btm.png') no-repeat; }

/* @group comments */

div.comments {
  margin: 10px 20px;
  width:440px ;
}
div.comment {
  width: 100%;
  float: right;
  margin-bottom: 15px;
}

/* @end */
.content_twocolumn .comment_text, .comments .comment_text {
  width: 350px;
  float: right;
}

#dashboard {
  padding-top: 20px;
  margin-bottom: 20px;
}
#dashboard .stats {
  font-size: 2em;
  color: #fff;
}
.stats span:after {
  content: ", ";
}
#admin_actions {
  margin-bottom: 30px;
}
#admin_actions h2 {
  padding: 0;
  margin: 1em 0 0;
}
#admin_actions h3, #admin_actions h3 a {
  color: #3c3;
  text-decoration: none;
}
.meetups tr td {
  padding: 5px 5px 5px 0;
}
/*    Form Styles 
---------------------------------------------------   */
form fieldset { clear:both; margin:3px 20px; }
form fieldset div { clear:both; }
form label { color:#fff; font-weight:bold; float:left; width:127px; text-align:right; margin:6px 13px 0 0; }
form input.text { color:#fff; float:left; width:230px; height:25px; border:0; background:url('../images/backgrounds/bkg_input.png') left top no-repeat; padding:3px 10px 0 10px; }
form input.checkbox { margin:6px 0 0 3px; }
form input.file { color:#fff; float:left; width:250px; height:25px; border:0; background:url('../images/backgrounds/bkg_input.png') left top no-repeat; padding:3px 0 0 10px; }
form p { margin:11px 20px 0 165px; }
form select { margin:8px 5px 3px 0; font-size:14px; }

.new_event textarea{
  background: url(../images/backgrounds/bkg_input_textarea.png) no-repeat;
  width: 250px;
  height: 100px;
  border: none;
  color: #fff;
}

#event_top div.event_info_contain.left div.event_info div.info a, #event_top div.event_info_contain.left div.posterless.event_info div.info a {
  color: #2ebb2e;
}

#avatar {
  margin-left: 170px;
}


/*    Top Nav
---------------------------------------------------    */
ul#top_nav { margin-left: 220px;}
ul#top_nav li { padding:0 55px 0 0; }
ul#top_nav li, ul#top_nav li a { list-style:none; float:left; display:block; color:#fff; font-size:18px; text-decoration:none; }

#feature_spot {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 4px 5px 12px 5px;
  width: 240px !important;
  font-size: 13px;
}

#feature+spot > a img {
  display: block;
}
#feature_spot a{
  color: #fff;
  text-decoration: none;
}
#feature_spot #feature_image {
	margin-bottom: 5px;
}

/* @group search */

#new_search {
  width: 360px;
  float: right;
}

input#search_keyword.left {
  width: 310px;
  background: #ccc;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;  
  border: none;
  padding: .5em;
}

input#search_submit.right {
  display: block;
  width:25px;
  height: 25px;
  border: none;
  text-indent: -999em;
  cursor: pointer;
  background: url(../images/icons/icn_search.png) no-repeat;
}

#new_search label {
  display: none;
}



/* @end */

#feature_spot h2 {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
  width: auto !important;
  padding: 0;
  text-align: center;
  margin: 0 0 -.4em 0;
  font-size: 13px;
}
#feature_spot span {
  color: #666;
  text-align: center;
  font-weight: normal;
  display: block;
  font-size: 14px !important;
}

#feature_spot #twitter {
  text-indent: -999em;
  display: block;
}
img#twitter_logo {
  float: right;
  position: relative;
  top: 7px;
}
/*    Universal Classes
---------------------------------------------------    */
*.padded {
  padding: 0 40px;
}
.nobm {
  margin-bottom: 0;
}
.tm20 {
  margin-top: 20px !important;
}
.clear { clear:both; }
.clear_left {
  clear: left;
}
.nofloat {
  float: none !important;
}
.hr hr { display:none; }
.viewmore { text-align:right; }
.viewmore a { font-size:11px; color:#29a429 !important; text-decoration:none; padding:0 .8em; }

#whats_up_submit {
  margin: 0;
}
.viewmore a:hover {text-decoration: underline; }
a.forgotpass { font-size:11px; color:#29a429; text-decoration:none; margin-left: 150px; }
.btn { display:block; border:0; padding:0; width:100px; height:25px; float:right; margin:38px 46px 10px 0; font-size:16px; color:#fff !important; font-weight:bold; cursor: pointer; text-align: center; text-decoration: none;}
a#signup.btn {
  margin-right: 28px;
}
* a:active, a:visited, a:link {
  outline: none;
  color:#29a429 ;
}
h2 .btn {
  margin: 0;
}
.btn.green {
background: url('../images/buttons/btn_greenA.png') top left;  
color: #fff !important;
}
.btn.green.grad {
  background: url(../images/buttons/btn_green_attend.png) no-repeat;
  width: 90px;  
}
.btn.gray {
background:url('../images/buttons/btn_grayA.png') top left;  
}
.btn.gray.bg {
background:url('../images/buttons/btn_grayA.png') top left !important;   
width: 100px !important; 
}
.btn.gray.grad {
background:url('../images/buttons/btn_grayA_grad.png') top left;    
}
.green { color:#28a428; }
.red { color:#f80000 !important;}
.orange { color:#ff9900; }
.blue { color:#0066ff; }
.right { float:right; }
.left { float:left; }


/*    IE6 Hacks 
---------------------------------------------------    */

*HTML form#search { width:389px; }
*HTML .content_twocolumn_left { margin-left:-2px; }
*HTML .content_twocolumn_right { margin-left:-2px;padding-left: 16px; }
*HTML .content_onecolumn { margin-left:-2px;padding-left: 16px; }

#event_top div.event_header span a {
  font-size: 1.5em;
  float: right;
  padding: 2px 1em 0 0;
}

#errorExplanation.errorExplanation {
  width: 418px;
  margin: 0 auto 20px auto;
  padding: 10px;
  min-height: 82px;
background: #191919 ;  
}
#errorExplanation.errorExplanation ul {
  margin-left: 2em;
}
#errorExplanation p {
  float: none;
  margin: 0;
  font-weight: bold;
}

#errorExplanation h2 {
  padding: 0;
  margin: 0;
  font-size: 1.4em;  
}
div.fieldWithErrors label {
	background: url(../images/icons/icn_wrong.png) no-repeat;
	float: none;
	padding: 5px 0 0 35px;
	display: block;
	height: 25px;
	margin: 0 0 5px 10px;
	text-align: left;
}
.fieldWithErrors {
  margin: 0 0 0 140px;
}

.ad {
  border: none;
  margin: 15px 0;
}
#ads {
	float: left;
  width: 140px;
  background: #000;
  padding-top: 25px;
  color: #666;
}
#ads a {
  color: ;
}

#footer a#red {
  color: #fff;
}
#red img {
  vertical-align: middle;
  margin-right: 5px;
}
#footer a#red:hover{
 text-decoration: none;
 color: #ccc; 
}