/* Start of CMSMS style sheet 'HarborGirl_V1: screen' */
/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

/*
This layout depends on modified news summary template

<!-- Start News Display Template -->
{foreach from=$items item=entry}

<h3>
	{$entry->titlelink}
</h3>

<p>
{$entry->category}
{if $entry->author}
	by {$entry->author}
{/if}

{if $entry->formatpostdate}
<strong>
		{$entry->formatpostdate}
</strong><br />
{/if}


{if $entry->summary}
 {eval var=$entry->summary}
</p>
  <p class="textright">[{$entry->morelink}]</p>

{else if $entry->content}
		{eval var=$entry->content}
</p>
{/if}

{/foreach}
<!-- End News Display Template -->

Copy paste this template to your news summary template and delete from here
*/
html {
	overflow:auto;
}


body {
	margin: 0 auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #F6B7D4 url(images/layer1-1280.jpg) top center no-repeat;
	width: 100%;	
}


#Lside
{ 
	z-index: -1;
	float: left;
	background: #F6B7D4 url(style/hg-left-matt-01.jpg) no-repeat left top;
	height: 100%;
	width: 100%;
	float: left;
	position: absolute;
}

#Rside
{ 
	/*z-index: -2;
	float: right;
	position: fixed;*/
	background: #F6B7D4 url(style/hg-rt-trans.gif) no-repeat right top;
	height: 100%;
	width: 100%;
	float: right;
}

#pagecenter
{
	text-align: center;
}

#wrap {
	color: #303030;
	margin: 0 auto;
	width: 805px;
	position: center top;
}
#header {
clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 165px;
}

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}

#header p {
width: 800px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#frontphoto {
margin: 0 0 10px 0;
border: 0;
}


/* Vertical MENU Start*/
#avmenu {
/*border: 1px solid black;
clear: left;*/
float: left;
width: 154px;
height:470px; 
background:transparent url(images/navigation_01.gif); 
margin:0 auto;
position:absolute;
}

#avmenu ul {margin:0; padding:0;}

#avmenu li {list-style-type:none; width:154px; height:470px; display:inline;}

#avmenu a#item51 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:36px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item52 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:44px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item53 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:48px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item54 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:48px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item55 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:48px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item56 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:40px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item57 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:74px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item58 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:53px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item59 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:36px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

#avmenu a#item60 {display:block; float:left; width:154px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:40px; background:transparent url(images/navigation_02.gif) no-repeat 500px 500px;}

* html #avmenu a  {height:35px; he\ight:0;}

#avmenu a#item51:hover {background-position: 0 0; z-index:50;} /*Login */
#avmenu a#item52:hover {background-position: 0 -36px ; z-index:50;} /* Parties */
#avmenu a#item53:hover {background-position: 0 -80px ; z-index:50;} /* Retail */
#avmenu a#item54:hover {background-position: 0 -128px; z-index:50;} /*Glitter Lab */
#avmenu a#item55:hover {background-position: 0 -176px; z-index:50;} /* Wishes Spa */
#avmenu a#item56:hover {background-position: 0 -224px; z-index:50;} /* Events */
#avmenu a#item57:hover {background-position: 0 -264px; z-index:50;} /* Character Lunches */
#avmenu a#item58:hover {background-position: 0 -338px; z-index:50;} /* Glow */
#avmenu a#item59:hover {background-position: 0 -391px; z-index:50;} /* Contact */
#avmenu a#item60:hover {background-position: 0 -427px; z-index:50;} /* Home*/
/* Vertical MENU End */

/* Horizontal MENU Start */

ul#nav_styled {
	width: 480px;
	height: 42px;
	margin: 0;
        padding:0;
	position:relative;
 	background-image: url(images/menuHoriz-whole.gif);
}
html>body ul#nav_styled {
	width: 480px;
	height: 42px;
	margin:0 0 0 90px;
/*        border: 1px solid black;*/
	padding:0;
	position:relative;
 	background-image: url(images/menuHoriz-whole.gif);
 }

ul#nav_styled li {
display:block;
height:42px;
margin: 0; 
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
}
ul#nav_styled li a {
display:block;
height:42px;
}

li#item61 {
left: 0px; 
width: 80px;
}

li#item62 {
left: 80px; 
width: 77px;
} 

li#item63 {
left: 157px; 
width: 86px;
} 

li#item64 {
left: 243px; 
width: 77px;
}
li#item65 {
left: 320px; 
width: 80px;
} 

li#item66 {
left: 400px; 
width: 80px;
}
li#item61 a:hover {
background: transparent url(images/menuHoriz-whole.gif) 0 -42px no-repeat;
}
li#item62 a:hover {
background: transparent url(images/menuHoriz-whole.gif) -80px -42px no-repeat;
}
li#item63 a:hover {
background: transparent url(images/menuHoriz-whole.gif) -157px -42px no-repeat;
}
li#item64 a:hover {
background: transparent url(images/menuHoriz-whole.gif) -243px -42px no-repeat;
}
li#item65 a:hover {
background: transparent url(images/menuHoriz-whole.gif) -320px -42px no-repeat;
}
li#item66 a:hover {
background: transparent url(images/menuHoriz-whole.gif) -400px -42px no-repeat;
}
li#item61 a, li#item62 a, li#item63 a, li#item64 a, li#item65 a, li#item66 a, {text-indent:-9000px; background-color:transparent; }

/* Horizontal Menu End */

.t {background:url(images/new_frame_t.gif) 80% 0 no-repeat; text-align:center}
.r {background:url(images/new_frame_r.gif) 100% 52% no-repeat; text-align:center}
.l {background:url(images/new_frame_l.gif) 155px 52% no-repeat; text-align:center}
.b {background:url(images/new_frame_b.gif) 80% 100% no-repeat; text-align:center}
.bl3 {background:url(images/new_frame_bl.gif) 0 100% no-repeat; text-align:center}
.bl2 {background:url(images/new_frame_bl.gif) 0 100% no-repeat; text-align:center}
.bl {background:url(images/new_frame_bl.gif) 155px 100% no-repeat; z-index: 50; text-align:right}
.br {background:url(images/new_frame_br.gif) 100% 100% no-repeat}
.tl {background:url(images/new_frame_tl.gif) 155px 0 no-repeat; z-index: 50}
.tr {background:url(images/new_frame_tr.gif) 100% 0 no-repeat}
.tr2 {background:url(images/new_frame_tr.gif) 100% 0 no-repeat}
.clear {font-size: 1px; height: 1px}

#main {
	padding-top: 65px;
	padding-right: 58px;
	padding-bottom: 67px;
	padding-left: 58px;
	width: 535px;
/*     border: 1px solid yellow;*/
	position: relative;
}

.level2Main {
        margin: -53px 0 0 0;
}

#content {
        width: 655px;
        height: 529px;
        margin: 0 0 0 155px;
        position: relative;
/*        border: 1px solid green;
        padding: 35px 0px 0px;
        line-height: 1.6em;
        text-align: left;*/
        color: #5B290E;
}

#content h2 {
      font-size: 1.25em;
      margin: 0 0 0.5em 0;
      color: #5B290E;
}

#content h3 {
      font-size: 1.75em;
      margin: 0 0 0.5em 0;
      color: #5B290E;
}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5B290E;
             padding 0 10px 0 3px;
}

html>body #content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5B290E;
        padding 0 3px 0 3px;
}

#text-bottom{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 535px;
        height: 190px;
        padding: 0 2px 0 2px;
        overflow-x: hidden;
        overflow-y: auto;
        overflow:-moz-scrollbars-vertical !important;
}


.announce {
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 130px;
	color: #505050;
	background-color: #f4f4f4;
	line-height: 1.3em;
}

#extras {
float: right;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 1.5em 0;
}


h3 {
font-size: 1.3em;
margin: 0;
}


a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
/*width: 450px;*/
text-align: center;
color: #B65450;
font-size: 0.9em;
}

#footer a {
	color: #5B290E;
	text-decoration: none;
	font-weight: bold;
}

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

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

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

/*Horizontal Rules*/
hr { border: none; /* For Internet Explorer */ color: #5B290E; height: 2px; text-align: right; width: 100%; }
html>body hr { background-color: #5B290E; border: none; /* For Gecko-based browsers */ height: 2px; margin-right: 0; width: 100%; }
html>body hr { background-color: #5B290E; border: 0px solid #5B290E; /* For Opera and Gecko-based browsers */ height: 1px; margin-right: 0; width: 100%; }
/* End of 'HarborGirl_V1: screen' */