/* Start of CMSMS style sheet 'home_master' */
/**
 * Screen Stylesheet 
 * Author Matthew Holmes
 * Created 29 Nov 2007
 */

	body {
		margin: 0;
		padding: 0;
		background: #e6e6e6;
		color: #666666;
		font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
		}
		
	
	/* links */
	a {
		color: #f60;
		}
	a:hover {
		text-decoration: none;
		}
	a:focus {
		outline: none;
		}
	a img {
		border: 0;
		}
		
		
	/* headings */
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		}
		
		
		/* structure
		--------------------*/
		.container {
			background: #fff;
			}
		.wrapper {
			width: 1000px;
			margin: auto;
			}
		.clearfix:after {
			clear: both;
			display: block;
			height: 0;
			content: ".";
			visibility: hidden;
			}
		
		
		/* header 
		--------------------*/
		#header {
			position: relative;
			height: 135px;
			}
			
			/* logo */
			#header h1 {
				padding: 45px 0 0;
				}
			
			/* nav */
			#navigation {
				position: absolute;
				bottom: 0;
				right: 0;
				}
			* html #navigation {
				bottom: -1px;
				}
			ul#nav {
				list-style: none;
				margin: 0;
				padding: 0;
				}
			#nav li {
				float: left;
				display: block;
				margin: 0 2px 0 0;
				}
			#nav li a {
				display: block;
				margin: 0;
				padding: 0;
				background: #024f9c url(../webimages/bg-right-corner.gif) top right no-repeat;
				color: #fff;
				font-size: 1.2em;
				text-decoration: none;
				}
			#nav li a span {
				display: block;
				margin: 0;
				padding: 8px 16px 7px;
				background: url(../webimages/bg-left-corner.gif) top left no-repeat;
				}
			#nav li a:hover {
				background: #f60 url(../webimages/bg-right-over-corner.gif) top right no-repeat;
				}
			#nav li a:hover span {
				background: url(../webimages/bg-left-over-corner.gif) top left no-repeat;
				}
				
				
			/* search */
			#header form {
				position: absolute;
				top: 45px;
				right: 0;
				margin: 0;
				padding: 0;
				}
			#header form label {
				float: left;
 				display: block;
 				width: 47px;
 				height: 14px;
 				margin: 4px 0 0;
 				background: url(webimages/label-search.gif) no-repeat;
 				text-indent: -999em;
				}
			#header form input {
 				margin: 0 3px 0 5px;
 				}
 			#header form button {
 				width: 34px;
 				height: 21px;
 				border: 0;
 				background: url(webimages/btn-search.gif) no-repeat;
 				text-indent: -999em;
 				cursor: pointer;
 				}
				
		
		/* banner
		--------------------*/
		#banner {
			height: 150px;
			background: #036 url(../webimages/bg-banner.gif) repeat-x;
			}
		#banner h2 {
			margin: 0;
			padding: 50px 0 0;
			}
			
			
		/* content
		--------------------*/
		#content {
			height: 1%;
			margin: 25px 0;
			padding: 0;
			background: url(../webimages/bg-content.gif) repeat-y;
			}
		#content .col {
			float: left;
			width: 214px;
			margin: 0 1px 0 0;
			padding: 10px 17px;
			font-size: 1.2em;
			line-height: 1.6;
			}
		
			#content .col h3 {
				margin: 0 0 10px;
				}
			#content .col h3 span {
				display: none;
				}
			#content .col h4 {
				margin: 0 0 5px;
				color: #036;
				font-size: 1em;
				}
			#content .col ul {
				list-style: none;
				margin: 0;
				padding: 10px 0 15px;
				}
			#content .col li img {
				vertical-align: middle;
				margin-right: 5px;
				}
			#content .col li a {
				font-weight: bold;
				}
				
				
				/* blog */
				#blogs-showblogsentry {
					padding: 10px 0;
					border-bottom: 1px solid #ddd;
					}
				#blogs-showblogsentrytitle {
					padding: 5px 0;
					font-size: 1.5em;
					font-weight: bold;
					}
				#blogs-showblogsentryshorttext {
					padding: 0 0 5px;
					}
					
					
				#content-sub {	
					float: left;
					width: 228px;
					padding: 0 22px 0 0;
					}
				#content-main {
					float: right;
					width: 740px;
					font-size: 1.2em;
					line-height: 1.6;
					}
					
				.image, .image-right {
					float: right;
					margin-left: 10px;
					}	
				.image-left {
					float: left;
					margin-right: 10px;
					}
					
				
				ul#characters {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				#characters li {
					float: left;
					display: block;
					margin: 0;
					padding: 0 5px 10px;
					text-align: center;
					}
				#characters li p {
					margin: 0;
					}
				#characters li img {
					margin: 0 0 5px;
					border: 1px solid #bbb;
					}
					
					
				h2#content-title {
					margin: 0 0 5px;
					color: #036;
					font-size: 1.8em;
					}
				h3 {
					font-size: 1.2em;
					}
					
				#content-sub ul#nav li {
					float: none;
					margin: 0;
					border-bottom: 1px solid #ddd;
					}
				#content-sub ul#nav li a {
					background: none;
					border: 0;
					color: #024f9c;
					font-size: 1.2em;
					}
				#content-sub ul#nav li a:hover {
					background: #eee;
					color: #f60;
					}
				#content-sub ul#nav li.currentpage a {
					font-weight: bold;
					color: #f60;
					}
					
				#errors {
					color: #ff0000;
					}
					
				
				/* profile form */
				form#profile-form, form#email-form,
				form#profile-form fieldset, form#email-form fieldset,
				form#profile-form legend {
					margin: 0;
					padding: 0;
					border: 0;
					}
				form#profile-form legend {
					padding: 0 0 10px;
					}
				form#profile-form ol, form#email-form ol {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				form#profile-form li, form#email-form li {
					clear: both;
					margin: 0 0 .75em;
					padding: 0;
					}
				form#profile-form li#captcha, form#email-form li {
					clear: none;
					display: block;
					}
				form#profile-form label {
					float: left;
					display: block;
					width: 100px;
					margin-right: 5px;
					text-align: right;
					}
				form#profile-form li#captcha label, form#profile-form li#captcha div, form#profile-form li#captcha input, form#email-form label {
					float: none;
					width: auto;
					margin-left: 108px;
					text-align: left;
					}
				form#email-form label {
					display: block;
					margin-left: 0;
					}
				form#email-form input {
					width: 190px;
					}
				form#email-form textarea {
					width: 205px;
					height: 40px;
					}
				form#profile-form label:after, form#email-form label:after {
					content: ":";
					}
				form#profile-form button, form#email-form button {
					margin-left: 105px;
					display: block;
					width: 55px;
					height: 25px;
					text-indent: -999em;
					border: 0;
					background: url(../webimages/btn-send.gif) no-repeat;
					cursor: pointer;
					}
				form#email-form button {
					margin: 0;
					}
					
					
				table.table {
					border-collapse: collapse;
					border-right: 1px solid #ddd;
					border-top: 1px solid #ddd;
					}
				table.table th, table.table td {
					padding: 5px;
					border-left: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					text-align: left;
					}	
			
		
		/* footer
		--------------------*/
		#footer {
			height: 1%;
			padding: 25px 0;
			border-top: 5px solid #ccc;
			font-size: 1.1em;
			}
		#footer p {
			margin: 0;
			padding: 0;
			}
		#footer #right {
			float: right;
			}
		#footer #left {
			float: left;
			}
/* End of 'home_master' */