/*

pale yellow			#fff59b
TEMPLATES:
default (fuschia):	#e2054a
home (pink)			#d80075 
books (purple)		#846ba8 
gang (red)			#e42522 
maggi (navy blue)	#18448d 
music (light blue)	#00b6df 
green (green)		#3da032 
fun (orange)		#e95d10 

1.	SITEWIDE CLASSES
2.	BUTTONS
3. 	SITE OUTLINE
4.	PRIMARY NAV
5.	BOX STRUCTURE
7. 	FOOTER
8. 	TABLES
9.	FORMS
10.	TEMPLATES
11.	ADDITIONAL CONTENT STYLES (HIDE FROM WYSIWYG)
12.	TELERIK
*/

@import "ss_styles_reset.css";
@import "ss_styles_content.css";
@import "ss_styles_rightcolumn.css";
@import "ss_styles_notebook.css";
@import "ss_styles_books.css";
@import "ss_styles_funstuff.css";

body { 
    font-size: 62.5%;
    background: none;
    font-family: Arial, Helvetica, Verdana;
    font-style: normal;
    line-height: 1.7em;
    background-color: #e2054a;
}

#editPageDataSpan {
    z-index: 100;
}

#psheaderedit {
    color: #000;
}

#psheaderpoweredbyleft p {  /* TEMP FIX FOR ISSUE OF PUBLISITE SYSTEM INFO MOVING WHEN EDITING A PAGE */
    padding: 0px 9px 4px 9px;
	}

ul li {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}   

/* BUTTONS */

p.button {
	padding:0;
	margin:0;
	font-size: 1.3em;
	}
	
.button a, .button a:link, .button a:active, .button a:visited, .button a:hover {
 	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0;
	}
	
.button a:hover {
	text-decoration:underline;
	}

.button .more {
	text-decoration: none;
	}

.button .more:hover {
	text-decoration: none;
	}

a.download, a.download:link, a.download:active, a.download:visited, a.download:hover {
	height:30px;
	position:relative;
	display:block;
	font-size:1em;
	line-height: 1.4em;
	font-weight:normal;
	padding:10px 0;
	width:192px;
	margin:0;
	font-variant:small-caps;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	}

a.download:hover {
	background-position:center -55px;
	}

/* SITE OUTLINE */

.outer_wrapper {
  	position:relative;
  	z-index: 1;
	margin:0 auto;
 	width:980px;
	background: url(../UploadedResources/ss_content_repeat.gif) repeat-y center 312px;
    font-size: 1.4em;
	}
	

.header {
	position:relative;
	float:left;
 	width:980px;
	text-align: center;
	z-index: 50;
	background: url(../UploadedResources/ss_head.jpg) no-repeat center top;
	height: 300px;
	}
.publisite_wrapper .header {    
    width: 100%;
    }
	

.page_content {
    position:relative;
	margin:12px auto 20px auto;
	text-align:left;
	width:863px;
	background:#ffffff url(../UploadedResources/ss_content_top.gif) no-repeat top left;
	}
	
.pagecontent_base {
	background: url(../UploadedResources/ss_content_base.gif) no-repeat bottom left;
	width:833px;
	padding:15px;
	}
	
.left_column {
	width:520px;
	position: relative;
	float: left;
	margin-left:0px;
	display:inline;
	background:#e42522 url(../UploadedResources/ss_maincol.gif) no-repeat top left;
	}

.leftcol_topcorners {
	background: url(../UploadedResources/ss_rounded_corners.png) no-repeat top left;
	width:520px;
	height:20px;
	}
	
.leftcol_botcorners {
	background: url(../UploadedResources/ss_rounded_corners.png) no-repeat bottom left;
	height:20px;
	}

.leftcol_content {
	padding:0 20px;
	width:480px;
	}
	
.right_column {
	margin-left:30px;
	width:270px;
	clear:none;
	margin-top:15px;
	float:left;
	color:#e2054a;	
	}
	
.footer {
  	z-index: 2;
  	margin:0 auto;
	clear:both;
	display:block;
	height:155px;
	padding:10px 0 0 0;
	background:url(../UploadedResources/ss_footer.gif) no-repeat center bottom;
	}
	
.right_column h2 {
	color:#e2054a;
}	
	
/* PRIMARY NAVIGATION */
	.primary_nav {
	position: relative;
	float: left;
	text-align:center;
 	width:980px;
    z-index: 10;
	margin-top:285px;
	}
	
.primary_nav ul {
	margin:0 30px 0 80px;
	text-align:center;
	padding:0;
	
	}	
	
.primary_nav ul li {
	float: left;
	margin:0;
	padding:0 8px;
	font-weight:bold;
	color:#e95d10;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	list-style-type: none;
	}	

.primary_nav li a, 
.primary_nav li a:link, 
.primary_nav li a:visited, 
.primary_nav li a:active, 
.primary_nav li a:hover {
	margin:0;
	color:#e95d10;
	text-decoration:none;
    cursor: pointer;
    font-size:1.4em;
    letter-spacing:-1px;
	}
		
.primary_nav li a:hover, 
.primary_nav li.active a{
	color:#e2054a;
	}			

/* FOOTER */

.footer p{
	font-size: 0.7em;
	line-height:1.2em;
	margin:90px 0 20px 70px;
  	color: #ffffff;
	text-transform:uppercase;
	}
	
.footer a, .footer a:active, .footer a:link, .footer a:visited, .footer a:hover {
  	color: #ffffff;
	text-decoration:none;
	}

.footer a:hover {
	text-decoration:underline;
	}

.footerlogo {
    float: left;
    margin: 0 10px 0 0;
}	



/* FORMS */

.formbackground {
  	position:relative;
  	padding: 10px;
  	margin: 10px 0;
  	background: url(../UploadedResources/ss_form_bg.jpg) no-repeat top;
  	background-color: #e42522;
  	border: 5px solid #fff49e;
  	}

.page_content input {
    border: 1px solid #fff59b;
    margin: 5px 0 5px 0;
    padding: 3px;
    background:#fff59b;
	}

.Submit {
    padding: 5px;
	color:#ffffff;
    border: 1px solid #fff59b;
    background-color:#e3004a !important;
    display: block;
    }

.Submit:hover {
   	border: 1px solid #ffffff;
    background-color:#d80075;
	cursor:pointer;
	}
	
.page_content input.formfield {
	background:#fff59b;
	border:1px solid #fff59b;
	padding:1px 5px 3px 5px;
	}	
	
.page_content textarea {
	background:#fff59b;
	border:1px solid #fff59b;
	padding:5px;
	width:400px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 0.91em;
	}
	
.page_content input:hover, 
.page_content textarea:hover {
	background:#ffffff;
	border-color:#ffffff;
	}

.page_content label{
    padding:0px 15px 15px 0;
	color:#fff0da;
	font-weight:bold;
	}
	
.page_content .captcha img 
{
    display: block;
    margin-top:10px;
    clear: both;
}	
	
.page_content .captcha a 
{
    display: inline-block;
    margin-top:0;
    clear: both;
    font-size: 0.91em;
}
/* notebook */

.notebook {
	line-height:19px;
	margin-top:20px;
	width:465px;
	background:url(../UploadedResources/ss_notebook_repeat.gif) repeat-y right 77px;	
	}
	
.note_head{
	background: url(../UploadedResources/ss_notebook_head.gif) no-repeat right top ;
	padding:20px 30px 30px 95px;
	width:340px;
	}

.note_foot {
	background: url(../UploadedResources/ss_notebook_foot.gif) no-repeat right bottom;
	padding:0;
	width:465px;
	height:37px;
	}

/* image side box*/

.sidecol_image{
	text-align:center;
	}	
	
/* home template */

.left_column#home {
	background:#e2054a url(../UploadedResources/ss_maincol_home.gif) no-repeat top left;
	}
	
/* fun template */

.left_column#fun {
	background:#e95d10 url(../UploadedResources/ss_maincol_fun.gif) no-repeat top left;
	}
	
/* green space template */

.left_column#green {
	background:#3da032 url(../UploadedResources/ss_maincol_green.gif) no-repeat top left;
	}
	
/* gang space template */

.left_column#gang {
	background:#d80075 url(../UploadedResources/ss_maincol_gang.gif) no-repeat top left;
	}
	
/* music template */

.left_column#music {
	background:#00b6df url(../UploadedResources/ss_maincol_music.gif) no-repeat top left;
	}
	
/* meet maggi template */

.left_column#maggi {
	background:#00b6df url(../UploadedResources/ss_maincol_maggi.gif) no-repeat top left;
	}
	
/* meet maggi template */

.left_column#books {
	background:#846ba8 url(../UploadedResources/ss_maincol_books.gif) no-repeat top left;
	}
	
.headerlink {
    position:absolute;
    display: block;
    width: 950px;
    height: 300px;
    left: 20px;
}

.publisite_wrapper {
    z-index: 1000;
}

.publisite_wrapper .inner_wrapper {
    width: 98%;
    }