@CHARSET "UTF-8";

/**
 * sledgecrash.com website
 * 
 * Designed and implemented by getpepper.com
 *
 * Copyright getpepper 2009
 */


/**
 * css reset
 */

@import url("meyer-reset.css");


/**
 * Main body, text, headers, etc
 */

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height:1.2;
	color: #4b92dc;
	background: url("../images/sc-ground.jpg") repeat-x #e4ecf1;
}

h1 {
	font-size: 1.25em;
	margin: 15px 0 0 0;
}

h2 {
	font-size: 1.1em;
	margin: 1.3em 0em 0.8em 0em;
}

p {
	margin: 0.8em 0;
}

em {
	font-weight: bold;
	font-style: normal;
}

/**
 * Bookmarking
 */

#add-this {
	float: left;
}


/**
 * Links
 */

a {
	text-decoration: none;
}

a:link {
	color: #4b92dc; /* mid blue */
}

a:visited {
	color: #1f6fba; /* dark blue */
}

a:hover {
	color: #e888ac; /* pink */
	border-bottom: 1px solid #e888ac;	
}	

#header a {
	border-bottom-style:none;
	display: block;
	height: 164px;
	width: 800px;
}

#content a {
	text-decoration: underline;
	border-bottom-style:none;
}

#content .get-pepper a {
	text-decoration: none;
}


/**
 * Container and its borders
 */
 
#container-wrapper {
	width: 814px;
	margin: 0 auto;
	background-color: #fff;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}

#container-border-tl {
	background: url(../images/sc-drop-shadow-tl.jpg) no-repeat top left;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}

#container-border-tr {
	background: url(../images/sc-drop-shadow-tr.jpg) no-repeat top right;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}

#container {
	background: url("../images/sc-drop-shadow-b.jpg") no-repeat bottom;
	padding: 0 7px 9px 7px;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}


/**
 * Content
 */

#content {
	margin: 0px 30px 0px 30px;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
	min-height: 300px;	
	/* Fix for IE5/6 min-height bug */ 
  	height: 300px;
}
/* Fix for IE5/6 min-height bug */ 
html > body #content {
	height: auto;
}

#header {
	margin-bottom: 5px;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
	background: url("../images/sc-banner.jpg") no-repeat top left;
	height: 164px;
	width: 800px;
}

.main-content {
	width: 355px;
	float: left;
	display: inline; /* ie double margin fix */
	margin: 0 10px 0 0;
}

.subsidiary-content {
	width: 355px;
	float: right;
	display: inline; /* ie double margin fix */
	margin: 0 0 0 20px;
}

#group_summary .subsidiary-content,
#exchange .subsidiary-content {
		margin: 0 20px 0 0;
}

.subsidiary-content form {
	margin-top: 0;
}

.form-column {
	width: 300px;
	float: left;
	display: inline; /* ie double margin fix */
	margin: 0 15px 5px 0;
}

.form-column-wide {
	width: 385px;
	float: left;
	display: inline; /* ie double margin fix */
	margin: 0 15px 5px 0;
}

.full-width-content {
	width: 740px;
}

.two-thirds-content {
	margin-right: 260px;
}

.hrule-thin-wide {
	clear: both;
	border-top: 2px #e4ecf1 solid;
	margin: 15px 0 10px 0;
}

.clear-both {
	clear: both;
	height:0;
	line-height:0;
	font-size:0
}


/**
 * List styles
 */

ul.no-styling, ol.no-styling {
	list-style: none;
}


/**
 * Decorations
 */

.violator {
	height: 85px;
	width: 85px;
	float: right;
	display: inline; /* ie double margin fix */
	background: transparent url(../images/sc-violator.gif) no-repeat right top;
	margin: -150px 50px 0 0;
}

.footprints {
	height: 30px;
	width: 740px;
	margin: 20px 30px;
	background: transparent url(../images/sc-footprints.gif) no-repeat center;
}

#about .full-width-content,
#help .full-width-content {
	background: transparent url("../images/sc-snow.jpg") repeat-y top right;
}

#help .back-image,
#about .back-image {
	background: transparent url("../images/sc-lost-pressies.jpg") no-repeat bottom right;
	height: 194px;
	width: 265px;
	margin-left:475px;
}

.form-panel {
	background: #f4f9fd url("../images/sc-pale-ground.jpg") repeat-x top left;
}

.form-panel-bl {
	background: transparent url("../images/sc-corner-bl.gif") no-repeat bottom left;
}

.form-panel-br {
	background: transparent url("../images/sc-corner-br.gif") no-repeat bottom right;
	padding: 10px;
}

.summary {
	margin-top: 15px;
	background: #e4ebf1 url("../images/sc-form-ground.jpg") repeat-x top left;
}


/**
 * Menu bar
 */

#menu {
	margin: 0 20px 10px 30px;
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#menu ol {
	float: right;
	display: inline; /* ie double margin fix */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#menu ol li {
	display: block;
	float: right;
	display: inline; /* ie double margin fix */
	margin-left: 1em;
	height: 1em;
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#menu a	{
	font-weight: bold;
}

#help #menu .menu-help a {
	color: #e888ac; /* pink */
}

#about #menu .menu-about a {
	color: #e888ac; /* pink */
}

#account_profile #menu .menu-profile a {
	color: #e888ac; /* pink */
}

#groups #menu .menu-groups a {
	color: #e888ac; /* pink */
}

#home #menu .menu-home a {
	color: #e888ac; /* pink */
}

#signup #menu .menu-sign-up a {
	color: #e888ac; /* pink */
}

#home #menu .menu-home-login a {
	color: #e888ac; /* pink */
}


/**
 * Default form styling
 */

form {
	margin-top: 15px;
	background: #e4ebf1 url("../images/sc-form-ground.jpg") repeat-x top left;
}

.form-corner-bl {
	background: transparent url("../images/sc-corner-bl.gif") no-repeat bottom left;
}

.form-corner-br {
	background: transparent url("../images/sc-corner-br.gif") no-repeat bottom right;
}

form ol {
	list-style: none;
}

form ul, fieldset {
	margin-left: 10px;
}

form fieldset {
	margin-bottom: 10px;
}

form select {
	font-size: 1em;
	color: #315e88;
	padding: 0.1em;
}

form  ol li {
	clear: both;
	margin: 10px 0 5px 0;
}

.form-message {
	margin: 5px 0 5px 5px;
	min-height: 1.2em;
	/* Fix for IE5/6 min-height bug */ 
	height: 1.2em;
}
/* Fix for IE5/6 min-height bug */ 
html > body .form-error {
	height: auto;
}

.error-message {
	font-weight: bold;
	color: #f64d8b; /* bright pink */
}

.saved-message {
	color: #67a075;
	font-weight: bold;
}

.info {
	color: #e888ac;
	font-weight: bold;
}

form label {
	display: block;
	margin: 0.2em 0;
}

form legend {
	font-weight: bold;
	font-size: 1.1em;
}

form label strong {
	font-weight: bold;
}

.label-info {
	font-size: 0.8em;
}

form label.appended {
	display: inline;
	margin-left: 0.5em;
}

.input-text {
	width: 300px;
	border: 1px solid #61a6e4;
	font-size: 1em;
	padding: 0.2em;
	color: #315e88;
}

.input-text-wide {
	width: 400px;
	border: 1px solid #61a6e4;
	font-size: 1em;
	padding: 0.2em;
	color: #315e88;
}

.input-text-thin {
	width: 100px;
	border: 1px solid #61a6e4;
	font-size: 1em;
	padding: 0.2em;
	color: #315e88;
}  

.input-error {
	border: 1px solid #f64d8b;
	background: #f8ecf0;
}

.input-checkbox {
	margin: 0px;
	padding: 0px;
}

.checkbox-wrapper {
	padding: 2px;
}

.checkbox-wrapper.input-error {
	margin: 0px;
	padding: 0px;
	border: 2px solid #f64d8b;
	background: #f8ecf0;
}

.label-checkbox {
	display: inline;
	font-weight: normal;
	font-size: 1em;
}

.input-submit {
	margin: 10px 0;
	font-weight: bold;
	padding: 0.2em;
	color: #fff;
	background-color: #4b92dc;
	font-size: 1em;
	text-transform: lowercase;
}

.input-submit-main {
	margin: 10px 0;
	font-weight: bold;
	padding: 0.2em;
	color: #fff;
	background-color: #e888ac;
	font-size: 1em;
	text-transform: lowercase;
}	

.right-aligned {
	float: right;
	display: inline; /* ie double margin fix */
}


/**
 * Home page
 */

#sign-up span {
	display:none;
}

#sign-up a {
	display: block;
	background-image: url(../images/sc-sign-up.gif);
	background-position: 0px 0px;
	width: 280px;
	height: 32px;
	background-repeat: no-repeat;
	margin: 30px 0 10px 20px;
}	

#sign-up a:hover {
	background-position: 0px -32px;
	border-bottom: none;	
}	

#sign-up a:active {
	background-position: 0px -64px;
	border-bottom: none;	
}	




/* Registration form */

#registration-form {
	width: 350px;
	margin: 0 auto;
}

/* Login form */
#login-form {
	width: 350px;
	margin: 0 auto;
}

#login-form h1 {
	margin: 5px 0 1em 0;
}

#login-form p {
	margin: 0.4em 0 0.8em 0;
}

#login-form form {
	margin-top: 5px;
}


/* Group exchange form */

#group-form {
	width: 750px;
	margin: 0 auto;
}

#group-form .group-name {
	width: 300px;
}

#group-form .name-label {
	width: 300px;
	float: left;
	display: inline; /* ie double margin fix */
}

#group-form .email-label {
	width: 400px;
	float: left;
	display: inline; /* ie double margin fix */
}

#group-form .user-name {
	width: 300px;
	float: left;
	display: inline; /* ie double margin fix */
}

#group-form .user-email {
	width: 400px;
	float: left;
	display: inline; /* ie double margin fix */
}

.list-panel {
	font-size: 0.8em;
	margin: 10px 0px 10px 20px;
	padding: 10px;
	background-color: #fff;
}

#exchange .input-submit-main {
	margin-left: 20px;
	margin-top: 0;
}


.list-panel .hrule-thin-wide {
	margin: 5px 0;
}

.user-list {
	margin: 10px 0;
}

.user-list ul {
	margin: 0.8em 0;
}

.col-head {
	margin-left: 20px;
}


/**
 * Group list page
 */

li.dark-stripe {
	background: #f3f6f9;
	padding: 5px 5px;
	margin: 0 -5px;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}

li.light-stripe {
	background-color: #fff;
	padding: 5px 5px;
	margin: 0 -5px;
	min-width: 0; /* peekaboo bug fix for IE7 */
	position: relative; /* peekaboo bug fix for IE6 */
}

.list-column {
	width: 150px;
	float: right;
	display: inline; /* ie double margin fix */
	margin: 0 5px 0.2em 0;
	text-transform: lowercase;
}

.list-column-wide {
	width: 385px;
	float: left;
	display: inline; /* ie double margin fix */
	margin: 0 5px 0.2em 0;
}

#start-group span {
	display:none;
}

#start-group a {
	display: block;
	background-image: url(../images/sc-start-group.gif);
	background-position: 0px 0px;
	width: 158px;
	height: 28px;
	background-repeat: no-repeat;
	margin: 2em 0 0;
}

#start-group a:hover {
	border-bottom: none;	
}	

#start-group a:active {
	border-bottom: none;	
}	


/**
 * Group assembly page
 */

#group form {
	margin-top: 5px;
}

.members-list li {
	clear: both;
	margin: 4px 0;
}


/**
 * Group Rules page
 */
 
#group_rules .input-submit {
	margin-left: 10px;
}


/**
 * Group Summary page
 */

#group_summary .list-panel {
		margin-bottom: 20px;
}


/**
 * Help page
 */

#help span {
	display:none;
}

#help #content a {
	display: block;
	background-image: url(../images/sc-email.gif);
	background-position: 0px 0px;
	width: 173px;
	height: 16px;
	background-repeat: no-repeat;
}	

#help #content a:hover,
#help a:active {
	background-position: 0px -16px;
	border-bottom: none;	
}	

 
 /**
 * Housekeeping pages
 */
  
ul.terms-list {
	list-style-type: disc;
	list-style-position: outside;
	margin: 1em 0em 1em 1em;
}

ul.terms-list li {
	margin: 0.5em 0em 0.5em 0em;
}  

.gp-get {
	color: #f36f3f;
	font-weight: normal;
}

.gp-pepper {
	color: #555;
	font-weight: normal;
}


/**
 * Footer
 */


#footer {
	margin: 10px 20px;
	font-size: 0.8em;
	padding-bottom:5px;
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#housekeeping {
	float: left;
	display: inline; /* ie double margin fix */
	list-style: none;
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#housekeeping li {
	float: left;
	display: inline; /* ie double margin fix */
	margin-right: 2em;
	min-width: 0; /* peekaboo bug fix for IE7 */
}

#copyright {
	float: right;
	display: inline; /* ie double margin fix */
	min-width: 0; /* peekaboo bug fix for IE7 */
}