body {
	color: #333;
	/*font-family: Georgia, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif;
}



a { 
	color: #ec008c; 
	/*padding: 0 1px; */
	text-decoration:none; 
}
a:hover {color: #ec008c; text-decoration:underline;}
/*a:hover { color: #fff; background-color:#ec008c; }*/
a.hidehover, a:hover.hidehover { background-color:transparent; }






.fieldWithErrors {
	display:inline; float:left;
}

.fieldWithErrors input {
	background-color: #fbc9cb;
}

/* jquery.validate errors */
label.invalid, .formtastic fieldset p.inline-errors { color: #BF1B02; font-size:0.85em; font-family:arial; font-style:italic; }
input.invalid { background-color: #fbc9cb !important}


table.borderDotted td, table.borderDotted th {
	border-bottom: 1px dotted #999;
}



ul.slider {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	display: none; /* turn display back on with JS when DOM is laoded */
}



.wrap_buttons { margin-top: 3em; padding-bottom: 2em; }
.minor { margin-left: 1em; }




/* GR-specific */
.rails_environment {
	position: absolute;
	top: 0; left: 0;
	padding: 3px;
	color: #fff;
	background: #cc0000;
	font-size: 30px;
	text-transform: uppercase;
}


#outerwrap {
	min-width:980px;
	background: #fffdd7 url(/images/frame/final_bg2.jpg) no-repeat scroll center top;
}

#bg_container {
	background: transparent url(/images/frame/bg_bottom.png) no-repeat scroll center bottom;
}

#centered_container {
	width: 980px;
	margin: 0 auto;
	min-height: 900px;
	padding-bottom: 20px; /* causing firefox bg img issues */
}


.popup h3 { font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif; }


#content_wrapper {}

#content_container {	
	width: 848px;
	border: 3px solid #ed145b;
	background-color: #f7941d;
		
	/* rounded corners */
	border-radius: 25px;
  	-moz-border-radius: 25px;
  	-webkit-border-radius: 25px;
}


#inner_content_container {
	float: left;
	width: 536px;
	/*border-right: 3px solid #ed145b;*/
	
	background: #ffffff url(/images/border_red.png) repeat-y scroll right top;
		
	/* rounded corners */
	border-radius: 22px;
  	-moz-border-radius: 22px;
  	-webkit-border-radius: 22px;
}


#inner_content_container #tr_curve {
	width: 266px; /* when applicable, override this width in views content_for :head sections */
	background-color: #ed145b;
}


#inner_content_container #section_header {
	padding-top: 10px; 
	padding-left: 20px;
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
}


.wrapshare { float:left; margin-left: 15px; }
span.share { cursor: pointer; }

#inner_content_container .content_wrap {
	padding: 15px;
	min-height: 750px;
}


.bordered { border: 1px solid #999; }



#header {
	position: relative;
	top: 0;
	left: 0;
	/*left: -50px;*/
	z-index: 20;
}


#logo { float: left; margin-left:-50px; }


.ad_label { text-align:center; color:#dadada; }
	



#sidebar_left {
	width: 120px;
	padding: 20px 6px 10px 0;
}

#sidebar_right {
	width: 300px;
	padding: 24px 6px 12px 0;
}


.rule {
	background: transparent url(/images/rule_asterisk.png) repeat-x;
	height: 7px;
}

.rule_arrow {
	background: transparent url(/images/rule_arrow.png) repeat-x;
	height: 3px;
}

.underline { border-bottom: 1px solid #aaa;}

.instruct { font-family: arial; font-size: 9px; color: #818181; text-transform: uppercase; }


label { display:block; }


.inline { display: inline; }

.floatLeft { float: left ;}
.floatRight { float: right; }

.textRight { text-align: right; }
.textLeft { text-align: left; }
.textJustify { text-align: justify; }
.textCenter { text-align: center; }

.textBold { font-weight: bold; }



table { empty-cells:show; }

table.container {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.long {
	/*text-align: justify;*/
}

ul.bullets li {
	margin-bottom: 1.5em;
}


pre, .forcewrap 
{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.upperCase { text-transform: uppercase; }
.lowerCase { text-transform: lowercase; }




.toggler { cursor: pointer; padding-left: 12px; }
.collapsed { background: url(/images/collapsed.png) no-repeat left center; }
.expanded { background: url(/images/expanded.png) no-repeat left center; }





/* overrides - blueprint ---------------------------------- */
input[type=text], input[type=password] {width:300px;padding:5px;}
input[type=text].medium, input[type=password].medium {width:150px}
input[type=text].short, input[type=password].short {width:80px}

select.title { font-size:1.5em;}

li.title fieldset li label { font-size:1.5em; } /* dom hierarchy from formtastic */



li.captcha { margin-top: 2em; padding-bottom: 1em; }
div.recaptcha_had_incorrect_sol { background-color: #fbc9cb; }





input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:0em;}


input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  /*margin:0.25em 0;*/
}





.error, .notice, .success {padding:0 1.5em;margin-bottom:0em;border:0;}
.error, .notice, .success {border-bottom:dotted 1px #333}

.quieter { color: #999; }
.quietest { color: #aaa; }

.fixLineheight { line-height: 0; }
/* -------------------------------------------------------- */

tr.even td { background:#e0eaf5; }

table { border-collapse: collapse; }



#nav {
	padding: 7px 0 16px 0; /* padding working better than margin for IE */
}

#nav ul.main { 
	margin: 0; 
	padding:0; 
	font-size: 8px; 
	font-family: arial, sans-serif;
	line-height: 21px; 
	text-align: left;
}
#nav ul.main li { 
	/*display: inline; */
	float:left;
	cursor: pointer;
	list-style-type:none;
	margin: 0 1px 0 0; 
	width: 121px;
	height: 18px;
	color: #92278f;
	background-image: url(/images/nav/navitem_bg.png);
	background-repeat: none;
}





#nav ul.main li:hover { background-image: url(/images/nav/navitem_bg_on_black.png) }

#nav ul.main li .name { float:left; padding-left:12px; }

#nav ul.main li .notch { 
	float:right; 
	width:17px; 
	height:12px; 
	background-image: url(/images/nav/gem.png); 
	background-position: center; 
	background-repeat: no-repeat; 
	margin: 3px 3px 0 0; 
}
#nav ul.main li:hover .notch { }

#nav ul.main li { color: #92278f; }
#nav ul.main li:hover { color: #fff !important; }


#nav ul.main li.store, #nav ul.main li.store:hover { color: #39b54a !important; }

#nav ul.main li.forum, #nav ul.main li.forum:hover, 
#nav ul.main li.socialize, #nav ul.main li.socialize:hover { color:#00aeef !important; } 

#nav ul.main li.more-games, #nav ul.main li.more-games:hover { color:#fe237d !important; } 

#nav ul.main li.store .notch { background-image: url(/images/nav/store.png); }
#nav ul.main li.forum .notch, #nav ul.main li.socialize .notch { background-image: url(/images/nav/forum.png); }
#nav ul.main li.more-games .notch { background-image: url(/images/nav/moregames.png); }




#nav div.secondary {
	display: none;
	background: #ec008c;
}

#nav div.secondary ul {
	padding: 0;
}

#nav div.secondary li {
	color: #fff;
	background: #ec008c;
	padding: 3px 0;
	float: none;
}

#nav div.secondary li:hover { background: #000; }


#nav ul.main li.more-games { cursor: default; }
#nav ul.main li.more-games:hover div.secondary { display: inline; }






#footer { 
	margin-left: 136px; 
	color: #92278f;
}

#bottomnav {
	height: 28px;
	color: #dadada;
	text-transform: uppercase;
	font-size: 0.9em;
}


#bottomnav .links {
	width: 640px;
	height: 28px; 
	line-height: 28px; /* centers text */
	background-color: #ed145b;
	padding: 0 15px;
}

#bottomnav .links .delim {
	padding-left: 10px;
	padding-right: 10px;
}

#bottomnav a {
	color: #dadada;
	text-decoration:none;
}

#bottomnav a:hover {
	color: #ffffff;
	text-decoration: underline;
	background-color: transparent;
}


#cloud {
	width: 650px;
	height: 121px;
	background-image: url(/images/frame/cloudtop.png);
	margin-top: 19px;
}

#cloud .wrap-subnav {
	margin-left: 270px;
	margin-top: 1px;
	line-height: 26px;
	font-size: 11px;
	color: #004a80;
}

#cloud .wrap-subnav .primary {
	float: left;
	width: 217px;
	text-align: center;
}

#cloud .wrap-subnav .primary .delim { padding: 0 8px; }


#cloud .wrap-subnav .secondary {
	float: left;
	color: #ed1c24;
	padding-left: 12px;
}

#cloud .wrap-subnav .secondary a { color: #ed1c24; }
#cloud .wrap-subnav .secondary .delim { padding: 0 6px; }





#cloud .wrap-announcement {
	margin-top:15px;
	margin-left:140px; 
	width:420px; 
	height:38px;
	font-size:12px;
	line-height:1.2em; 
	color:#737373
}

#cloud .announcement .earned_gems {
	color: #000;
	font-weight: bold;
}




#cloud .announcement a { color: #737373; }
#cloud .announcement a:hover { color: #EC008C; text-decoration: none; }

#cloud .gems:hover { color:#EC008C; }


#cloud .wrap-welcome {
	margin-top: 2px;
	margin-left: 12px;
	color: #92278f;
}





#cloud .wrap-welcome img { vertical-align: middle; margin-bottom: 6px; margin-right: 3px; }

#cloud .welcome { float: left; width: 220px; overflow: hidden; }

#cloud .gems { float: left; margin-left: 12px; }
#cloud .points { font-weight: bold; }

#cloud .search { float: right; margin-right: 12px; }

/* buttons ------------------------------------------------------- */
a.button { text-decoration: none; }
input[type=submit], input[type=button], a.button {
	border: solid 2px #ec4db7;
	background-color: #ffcccc;
	color: #92278f;
	font-family: "Lucida Grande", verdana, arial;
	text-transform: uppercase;
	padding: 3px 30px;
	width: auto; overflow: visible; /* fix for IE extra padding */
	
	
	/* rounded corners */
	border-radius: 8px;
  	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
}

input[type=submit]:hover, input[type=button]:hover, a.button:hover {
	background-color: #ffd8d8;
}

input[type=submit]:active, input[type=button]:active, a.button:active {
	border-color: #a61375;
	background-color: #ffcccc;
}


button img, a.button img{margin:0 6px -3px 0 !important;}




body .admin {
  color:#888800;
}
input[type=submit].admin, input[type=button].admin, a.admin, button.admin { 
	padding: 3px 10px; 
	background-color: #f8f69e; 
	border-color: #C4C00E;
}

input[type=submit].admin:hover, input[type=button].admin:hover, a.admin:hover {
  background-color: #fffdd7 !important;
}

/* buttons ------------------------------------------------------- */





input[type=text], input[type=password],
input.text, input.title,
textarea, select { background-color: #f6f6f6; }

input[type=text]:hover, input[type=text]:focus,
input[type=password]:hover, input[type=password]:focus,
input.text:hover, input.text:focus,
input.title:hover, input.title:focus,
textarea:hover, textarea:focus, 
select:hover, select:focus 
{
	background-color: #f2f9ff;
}



input[type=text].prompt, input[type=password].prompt, textarea.prompt { color: #737373; }





.girlsrock_pagination {
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  /* self-clearing method: */ 

	margin:1.4em auto; display:inline-block;
}

  .girlsrock_pagination a, .girlsrock_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
	font-size: 10px;
    margin-right: 5px; }
  .girlsrock_pagination span.disabled {
    color: #999;
    border: 1px solid #bbb; }
  .girlsrock_pagination span.current {
    font-weight: bold;
    background: #8d3190;
    color: white;
    border: 1px solid #8d3190; }
  .girlsrock_pagination a {
    text-decoration: none;
    color: #1399be !important;
    border: 1px solid #5CC8EF; }
    .girlsrock_pagination a:hover, .girlsrock_pagination a:focus {
      color: #ec008c !important;
      border-color: #ec008c;
	}
  .girlsrock_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .girlsrock_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .girlsrock_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .girlsrock_pagination {
    height: 1%; }
  *:first-child+html .girlsrock_pagination {
    overflow: hidden; }
 


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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

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

/* note - we're not using the formtastic default stylesheet, we have blueprint for the reset and other base styles */

form.formtastic ol, form.formtastic ul { list-style:none; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }



.formtastic fieldset fieldset legend { font-size: 1em; font-weight: bold; } /* similar to label */

.formtastic fieldset { border:0; padding:0;}

.formtastic fieldset fieldset { margin: 0; }


.formtastic ul, .formtastic ol { padding-left: 0; margin-bottom:0; }

.formtastic fieldset li { margin-bottom: 1em; }
.formtastic fieldset fieldset li { margin-bottom: 0; }
.formtastic fieldset fieldset li label { font-weight: normal; } /* nested fieldset options (radio buttons, checkboxes, etc.) labels shouldn't be bold */

.formtastic fieldset li.boolean label { font-weight: normal; display: inline; }

.formtastic fieldset li.boolean input[type=checkbox] { margin-right: 0.5em; }



.formtastic fieldset ol li p.inline-hints { color:#999; font-family:arial; font-style:italic; font-size:0.9em; margin-top:-0.25em; }

.formtastic fieldset ol li abbr { border-bottom:0; }

/* errors */
.formtastic fieldset li.error { padding: 0; border-bottom: 0; color:inherit; background:transparent;}
.formtastic fieldset li.error input, .formtastic fieldset li.error textarea { background-color: #fbc9cb; }
.formtastic fieldset p.inline-errors { margin: 0; } /* see application.css for additional p.inline-errors styling */





/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


.cufon-loading #nav ul.main,
.cufon-loading .account_header,
.cufon-loading .search_header
{ 
	visibility: hidden !important;
}



.cufon-vml cvml\:shape, .cufon-vml cvml\:group {
                antialias: false;
}