﻿/* 0 BASIC TAGS */
body 
{	
	background:#5acb7a url(images/green.jpg) repeat left top;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #5c5858;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

h1 
{
	font-size:2.4em;
}

h2
{
	font-size:1.5em;
}

h3 
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
	color: #65588c;
}

h4 
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
	color: #666666;
}

p 
{
	font-size:1em;
	line-height: 150%;
	margin-top:0;
	margin-bottom:0;
}

hr {
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

a {
	text-decoration: none;
	color: #cc0000;
}

a:visited {
	color: #cc0000;
}

a:hover {
	text-decoration: underline;
	color: #cc0000;
}

a:active {
	color: #cc0000;
}

img {
	border-width: 0;
}

dl 
{	
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}


.paddingtop3 
{
	padding-top: 3px;
	padding-right:5px;
}

/* 1 TOTAL */
#Total
{
	background-color:#ff9;
	border:solid 3px #966;
	position:relative;
	margin:10px auto 10px auto;
	width:900px;
	
}

/* 2 HEADER & FOOTER */
.header 
{
	padding:10px 10px 10px 10px;
}

#HeaderImage
{
	background: url(images/header.gif) no-repeat center top;
	height:164px;
	margin-bottom:10px;	
}

#SiteNameContainer
{
	color:#65588c;
	padding-bottom:10px;
}

#SiteNameContainer .SiteName
{
	font-family: Tahoma, Helvetica, sans-serif, Verdana;
	font-size: 18px;
}

#SiteNameContainer .SiteSlogan
{
	font-family: Tahoma, Helvetica, sans-serif, Verdana;
	font-size: 15px;
}

.nav 
{
		
}

.nav a {
	text-decoration: none;
	color: #ff9;
}

.nav a:visited {
	color: #ff9;
}

.nav a:hover {
	text-decoration: underline;
	color: #ff9;
}

.nav a:active {
	color: #ff9;
}

.menua 
{	
	background-color:#966;
	padding:10px 10px 10px 10px;
	width:100%;	
}

.footer 
{
	padding:10px 10px 10px 10px;
}

.menub 
{
	background-color:#966;
	padding:10px 10px 10px 10px;
	width:100%;	
	
}

#footerCopyright
{
	margin:10px 0 10px 0;
	text-align:center;
}

#footerCopyright a:
{
	
}

#footerCopyright a:link 
{
	
}

#footerCopyright a:visited 
{
	
}

#footerCopyright a:hover 
{
	
	text-decoration: none;
}


/* 3 SIDEBAR */
#sidebar 
{
	padding: 0px 20px 0px 10px;
    vertical-align:top;
    width:214px;
}

#LoginView
{
	padding:5px 0 5px 0;
	color: #669966;
		
}

#SelectSkin
{
}

#PhotoOfDay
{
	border:solid 2px #966;
	padding:5px;
	margin-bottom:10px;
}

#LatestNews
{
	border:solid 2px #966;
	padding:5px;
	margin-bottom:10px;
}

#RecentLinks 
{
	border:solid 2px #966;
	padding:5px;
	margin-bottom:10px;
}

#UsersOnline
{
	border:solid 2px #966;
	padding:5px;
	margin-bottom:10px;
}

/* 4 MAIN CONTENT */
#MainContent
{
	vertical-align:top;	
	
}

/* 5 PAGE */
.page 
{
	padding:5px 10px 5px 0px;
}

/* 5.1 PAGES */

.SectionHeader
{
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	padding-bottom: 10px;
	font-size: 1.5em;
	color: #65588c;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

#home, #links, #register, #contact, #login 
{
}

#admin-albums, #admin-photos, #Comments
{
	
}

#craig, #jenny, #chloe , #james
{
		
}

#james h3
{
	background:url(images/doogles.gif) no-repeat ;
	height:50px;
	padding: 10px 0 0 50px;
}

#home .WelcomeTitle 
{
	color: #65588c;
	font-size: 160%;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	padding-bottom: 10px;
}

#home .WelcomeText 
{
	padding-bottom: 10px;
	margin-bottom:10px;
	border-bottom:solid 1px;
}

#home h4, #home hr, #home ul 
{
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
}

#home .WhatsNew 
{
	padding-bottom: 10px;
	border-bottom:solid 1px;
	margin-bottom:10px;
}

#home .BlogEntries
{
	margin-bottom:10px;
}

#Blog
{	
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.BlogEntryDate 
{
	font-size: 120%;
	margin:10px 0 10px 0;
}

.EntryTitle 
{
	font-size:1.2em;
	color: #65588c;
}

.EntryText
{
	margin:10px 0 10px 0;
}

.view .PostedBy 
{
	color: #999999;
}

.nullpanel {
	padding: 10px;
	width: auto;
	text-align: center;
}


/* 5.2 ALBUMS PAGE */

#albums 
{
	
}

.CategoryCaption
{
    font-size: 14px;
    font-weight: bold;
}

.view 
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;    
}

.view h5 {
    font-family: Trebuchet MS, Verdana, MS Sans Serif;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item 
{
	padding: 10px 10px 10px 10px;
	text-align:center;	
}

.item h4 {
	margin-bottom: 0.4em;
}

.Border1px 
{
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	padding: 10px 15px 10px 15px;
}

/* 5.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details 
{
	
}

#PhotoCaption 
{
    padding: 0px 50px 0px 50px;
}

#PhotoDownloadButton 
{
    padding: 10px 50px 10px 50px;
}

.buttonbar 
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	text-align: center;
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 5.4 Comments Styles */

#Comments 
{
	
}

#Comments .PostMessage
{
	padding:10px 10px 10px 10px;
	font-family: Trebuchet MS, MS Sans Serif, Verdana;
	font-size: 1.5em;
	font-weight: 600;
	color: #65588c;
}

#Comments .EntryTitle
{
	color: #666666;	
}

#Comments .CommentHeader
{
	margin: 0;
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
	color: #666666;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
}

#Comments .CommentTextbox
{
	padding: 5px 0px 5px 0px;
	background-color: #f5f5f5;
}

#Comments .TDBorderTop 
{
	
}

#Comments .TDAddComment
{
    
	
}

#Comments .TDBorderTopRight
{
	padding: 10px 10px 10px 10px;
}

#Comments .PostedBy 
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 120%;
	font-weight: bold;
	color: #999999;
}

#Comments .DatePosted
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	color: #999999;	
}

.CommentView 
{
	margin-left: auto;
	margin-right: auto;
	width: inherit;
	text-align: left;
}

#Comments .CommentPageTitle
{
	width:100%;
	padding:15px 0 15px 20px;	
}

#Comments .CommentsList
{
	width:230px;
	padding: 10px 10px 10px 10px;
}

/* 5.5 Site Settings, other */
.SiteSettingsLabel 
{
	font-weight: bold;
}

.SiteSettingsTextbox 
{
}

.photo_198 {
	border: 4px solid #fff;
	margin:3px;
}

/* Form Items */

.textfield {
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

/* Login View */

.login .label {
	display:block;
}

.login .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

/* LIST */

ul {
	list-style-type: none;
	list-style-image: url(images/bullet-2.gif);
	list-style-position: outside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}
.link {
	list-style-image: url(images/bullet-1.gif);
}









