@charset "UTF-8";

/*** GENERAL STYLES ***/

* {
	margin: 0;
	padding :0;
	font-family: trebuchet, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	color: #333;
}

/* adds vertical scrollbar even on pages that don't need it */
/* prevents content shifting across pages */
/* html { min-height: 100%; margin-bottom: 1px; } */

body { 
	text-align: center;
	background: #fff0e0 url("/images/page-bg.gif") repeat-x top left;
}

p, td, div, span, blockquote { 
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2em;
}

#lightbox p, #lightbox div { 
	margin-bottom: 0;
	font-size: 11px;
}

.intro {
	font-size: 18px;
}
 
.small {
	font-size: 10px;
}

#header h1 {
	margin: 0;
	padding: 0;
	height: 100px;
	width: 300px;
	background: url("/images/logo-header.gif") no-repeat top left;
}

#header h1 a {
	float: left;
	overflow: hidden;
	width: 300px;
	height: 100px; !important; 
	height /**/:100px; /* for IE5/Win */
	text-indent: -100em;
}

h2 {
	font-size: 30px;
	height: 36px;
	width: 600px;
	margin-bottom: 10px;
	color: #62863e;
}

h3 {
	font-size: 28px;
	height: 28px;
	margin: 10px 0;
	color: #6c5454;
	font-weight: normal;
}

#sidebar h3 {
	font-size: 20px;
	height: 20px;
	width: 200px;
}

h4 {
	font-size: 18px;
	height: 18px;
	margin: 10px 0;
	color: #6c5454;
}

a {
	color: #009;
	text-decoration: underline;
}

a:visited {
	color: #036;
	text-decoration: underline;
}

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

ul, ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
}

li {
	margin: 0;
	padding: 0;
}

input, textarea {
	border: 1px solid #ccc;
	padding: 1px;
}

input:focus, textarea:focus {
	border: 1px solid #333;
}

.required{
	color: #900;
	font-weight: bold;
}

.hidden {
	display: none;
}

.first {
	margin-top: 0;
	padding-top: 0;
}

.noborder {
	border: none;
}





/*** PAGE LAYOUT STYLES ***/

#pageHolder {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 950px;
}

#headerBG {
	margin: 0 auto;	
	padding: 0;
	width: 100%;
	height: 100px;
	text-align: center;
}

#header {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	background: url(/images/headers/rotate.php) top right no-repeat;
}

#navigationBG {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background: #62863e url(/images/nav-bg.gif) top left repeat-x;
	height: 30px;
	float: left;
}

body#page-forum #pageHolder {
	width: 100%;
}

body#page-forum #navigationBG {
	width: 100%;
}

body#page-forum #navigation {
	width: 950px;
	margin: 0 auto;
}

#contentBG {
	padding: 0;
	margin: 0 auto;
	width: 950px;
	text-align: left;
	float: left;
}

#sidebar {
	width: 250px;
	min-width: 220px;
	padding: 20px;
	position: relative;
	float: right;
	top: 0;
	left: 0;
	text-align: left;
	background: #d0dac5 url(/images/sidebar-bg.gif) top left repeat-x;
}

#mainContent {
	width: 910px;
	position: relative;
	float: left;
	padding: 20px;
	margin: 0;
	text-align: left;
	background: #fff url(/images/maincontent-bg.gif) top left repeat-x;
}

.twoColumnLeft, .twoColumnRight {
	width: 440px;
	float: left;
}

.twoColumnLeft {
	margin-right: 30px;
}

.threeColumnLeft, .threeColumnMiddle, .threeColumnRight {
	width: 290px;
	float: left;
}

.threeColumnLeft, .threeColumnMiddle {
	margin-right: 20px;
}

body.page-sidebar #mainContent {
	width: 620px;
}

body.page-sidebar #contentBG {
	background: url(/images/contentbg-sidebar.gif) top left repeat-y;
}

#pageEnd {
	position: relative;
	clear: both;
	float: none;
	height: 0;
	width: 0;
    background: #fff;
}

#footer {
	clear: both;
	width: 910px;
	height: 40px;
	margin: 0 auto;
	padding: 5px 20px;
	text-align: left;
	background: #62863e url(/images/nav-bg.gif) top left repeat-x;
}

#footer div {
	color: #d1c6b8;
	font-size: 11px;
	margin: 5px 0;
}

#footer a {
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 10px;
	text-indent: -300em;
	overflow: hidden;
	background: url(/images/pwwo-footer.gif) top left no-repeat;
}

#footer a:hover {
	background-position: 0 -40px;
}




/*** SITE NAVIGATION STYLES ***/

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
} 

#navigation li {
	display: block;
	margin: 0;
	height: 30px;
	line-height: 30px;
	padding: 0;
	float: left;
	width: auto;
	color: #fff;
}

#navigation a {
	float: left;
	overflow: hidden;
	height: 30px; !important; 
	height /**/:30px; /* for IE5/Win */
	text-indent: -300em;
}

#navigation a:hover {
	background-position: 0 -30px;
}

#nav-home a  {
	background: url(/images/nav-home.gif) top left no-repeat;
	width: 85px;
}

#nav-blog a  {
	background: url(/images/nav-blog.gif) top left no-repeat;
	width: 141px;
}

#nav-about a  {
	background: url(/images/nav-about.gif) top left no-repeat;
	width: 84px;
}

#nav-galleries a  {
	background: url(/images/nav-galleries.gif) top left no-repeat;
	width: 110px;
}

#nav-contact a  {
	background: url(/images/nav-contact.gif) top left no-repeat;
	width: 104px;
}

#nav-forum a  {
	background: url(/images/nav-forum.gif) top left no-repeat;
	width: 91px;
}

#nav-store a  {
	background: url(/images/nav-store.gif) top left no-repeat;
	width: 85px;
}

#nav-links a  {
	background: url(/images/nav-links.gif) top left no-repeat;
	width: 75px;
}

body#page-home #navigation #nav-home a, body#page-home #navigation #nav-home a:visited,
body#page-blog #navigation #nav-blog a, body#page-blog #navigation #nav-blog a:visited,
body#page-about #navigation #nav-about a, body#page-about #navigation #nav-about a:visited,
body#page-galleries #navigation #nav-galleries a, body#page-galleries #navigation #nav-galleries a:visited,
body#page-contact #navigation #nav-contact a, body#page-contact #navigation #nav-contact a:visited,
body#page-forum #navigation #nav-forum a, body#page-forum #navigation #nav-forum a:visited,
body#page-links #navigation #nav-links a, body#page-links #navigation #nav-links a:visited,
body#page-store #navigation #nav-store a, body#page-store #navigation #nav-store a:visited {
	background-position: 0 -60px;
}



/*** SPONSORED LINK STYLES ***/

#ad {
	border: 1px solid #62863e;
	margin-top: 20px;
	background: #fff;
	padding: 0;
}

#ad .adTitle {
	background: #62863e;
	color: #fff;
	padding: 2px 5px;
	margin: 0;
}

#ad .adText {
	color: #666;
	padding: 5px;
	background: #fff;
	margin: 0;
}

#ad .adText a, #ad .adText a:visited {
	color: #112f3f;
}




/*** HOME PAGE STYLES ***/

body#page-home #contentBG {
	background: #fff0e0 url(/images/home-content-bg.gif) top left repeat-x;
}

body#page-home #mainContent {
	width: 650px;
	padding: 0;
	background: transparent;
}

body#page-home #sidebar {
	padding-top: 10px;
	background: transparent;
}

#mainPromos {
	height: 190px;
	width: 660px;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	white-space: nowrap;
}

.mainPromoLeft, .mainPromoRight {
	float: left;
	width: 325px;
	text-align: left;
}

.mainPromoLeft img, .mainPromoRight img {
	border: none;
}

.mainPromoLeft {
	margin-left: 10px;
}

.mainPromoRight {
	text-align: right;
}

#latestIssueCover {
	margin-bottom: 20px;
}




/*** BLOG STYLES ***/

body#page-home .blogEntry .summary {
	background: url(/images/blog-divider.gif) bottom left no-repeat;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

body#page-home .blog {
	background: #fff;
	padding: 20px;
	border: 1px solid #6c5454;
	width: 615px;
}

body#page-home .blog .title {
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
}

body#page-home .blog .continue {
	font-weight: bold;
}

body#page-home h2 {
	font-size: 30px;
	height: 30px;
	margin: 10px 0 5px 0 ;
	color: #6c5454;
}

body#page-home .blog h3 {
	width: 600px;
}

.blog h3 {
	margin-top: 5px;
}

body#page-blog h3 {
	width: 600px;
}

body#page-blog #sidebar h3 {
	width: 200px;
}

.rssSidebar {
	margin: 30px 0;
}

body#page-home .blogEntry .date {
	line-height: 16px;
	margin-bottom: 0;
}

.blogEntry {
}

.blogEntry .date {
	font-size: 11px;
	color: #6c5454;
	margin-top: 0;
}

.blogEntry .first {
	float: none;
}

.blogFooter {
	font-size: 11px;
	padding: 5px 10px;
	margin-bottom: 40px;
	background: #d0dac5;
}

.blogFooter img, .blogFooter a {
	border: none;
}

.blogFooter a {
	padding: 5px 20px 5px 0;
}

.blogFooter .comment-link  {
	padding-left: 20px;
	background: url(/images/icon-comment.gif) center left no-repeat;
}

.blogFooter .permanent-link {
	padding-left: 20px;
	background: url(/images/icon-link.gif) center left no-repeat;
}

.blogLinks {
	padding-bottom: 10px;
}

#comments .comment-poster {
	margin: 30px 0 0 -3px;
	font-size: 12px;
}

#comments .comment-poster, #comments .comment-poster a, #comments .comment-poster a:visited {
	color: #333;
}

.comment-poster strong {
	font-weight: bold;
	font-size: 16px;
}

#comments .comment-body {
	margin: 5px 0 0 30px;
}

#comments .comment-icon {
	display: none;
}

.comment-timestamp{
	margin: 30px 0;
	border-top: 1px solid #d0dac5;
	padding-top: 5px;
}

.comment-timestamp .comment-link {
	padding-left: 20px;
	background: url(/images/icon-comment.gif) center left no-repeat;
	font-weight: bold;
}

.archive {
	padding-left: 20px;
	background: url(/images/icon-archive.gif) center left no-repeat;
	float: left;
	width: 155px;
}

.rss {
	padding-left: 20px;
	background: url(/images/icon-feed.gif) center left no-repeat;
	float: left;
}

.ringo {
	margin-top: 40px;
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
	width: 175px;
}


/* Craig's blog */

.craig .date {
	font-size: 11px;
	color: #6c5454;
	margin: 0;
}

.craig .title {
	font-weight: bold;
	font-size: 12px;
}

body#page-blog .craig {
	padding: 20px 0;
}

body#page-home .craig {
	padding: 10px 0 20px 20px;
}

body#page-blog .craig h3 {
	width: 200px;
	margin-bottom: 10px;
}

body#page-home .craig .date {
	float: left;
	width: 110px;
}





/*** ABOUT PAGE STYLES ***/

#charList {
	float: left;
	width: 525px;
}

.charListItem {
	float: left;
	width: 160px;
	height: 160px;
	margin: 0 15px 15px 0;
	padding: 0;
	background: #ccc;
}

.charListItem a {
	width: 160px;
	height: 160px;
	display: block;
}

#charDetail {
	float: left;
	width: 385px;
	height: 510px;
}

.charDetailBox. .charDetailBox p {
	padding: 0;
	margin: 0;
}





/*** GALLERY PAGE STYLES ***/

.galleryLink {
	float: left;
	width: 280px;
	height: 350px;
	margin-top: 20px;
}

body#page-galleries .galleryLink a {
	float: left;
	width: 280px;
	height: 350px;
	text-indent: -300em;
	overflow: hidden;
}

body#page-galleries #menuMain a {
	background: url(/galleries/menu-main.jpg);
}

body#page-galleries #menuGuest a {
	background: url(/galleries/menu-guest.jpg);
}

body#page-galleries #menuFan a {
	background: url(/galleries/menu-fan.jpg);
}

body#page-galleries #menuMain a:hover,
body#page-galleries #menuGuest a:hover,
body#page-galleries #menuFan a:hover {
	background-position: 0 -350px;
}

.galleryLinkColumn {
	margin-right: 35px;
}

.galleryThumb {
	float: left;
	margin: 0 10px 10px 0;
	width: 150px;
	height: 160px;
	line-height: 150px;
	padding: 10px;
	border: 1px solid #fff;
	text-align: center;
}

.galleryThumb:hover {
	border: 1px solid #6c5454;
}





/*** STORE STYLES ***/

body#page-store h3 {
	clear: both;
}

body#page-store .galleryLink {
	float: left;
	width: 280px;
	height: 350px;
	margin: 20px 0;
}

body#page-store .galleryLink a {
	float: left;
	width: 280px;
	height: 350px;
	text-indent: -300em;
	overflow: hidden;
}

body#page-store #menuBooks a {
	background: url(/store/menu-books.jpg);
}

body#page-store #menuArt a {
	background: url(/store/menu-art.jpg);
}

body#page-store #menuPrints a {
	background: url(/store/menu-prints.jpg);
}

body#page-store #menuBooks a:hover,
body#page-store #menuArt a:hover,
body#page-store #menuPrints a:hover {
	background-position: 0 -350px;
}

.storeItem {
	float: left;
	height: 200px;
	width: 425px;
	padding: 25px 25px 25px 0;
	border-top: 1px solid #ccc;
	margin-top: 0;
}

.storeItem * {
	border: none;
}

.storeItem img {
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
}

.storeItem .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.storeItem .publisher {
	font-size: 11px;
	color: #666;
	margin: -5px 0 5px 0;
}

.storeItem .description {
	font-size: 12px;
	margin-bottom: 5px;
}

.storeItem .price {
	font-size: 12px;
	font-weight: bold;
}

.storeItem .button {
	float: left;
	padding-right: 10px;
}

.viewcart {
	float: right;
	width: 86px;
	padding: 0;
	margin: 0 0 0 20px;
}

.viewcart * {
	border: 0;
}





/*** LINKS PAGE STYLES ***/

.weblink {
	padding-left: 20px;
	background: url(/images/icon-link.gif) center left no-repeat;
}

.offsiteLinks a {
	padding-left: 20px;
	background: url(/images/icon-link.gif) top left no-repeat;
	margin-bottom: -5px;
	display: block;
}

body#page-links .threeColumnLeft, body#page-links .threeColumnMiddle {
	width: 255px;
	float: left;
}

body#page-links .threeColumnRight {
	width: 360px;
	float: left;
}






/*** CONTACT PAGE STYLES ***/

.contactForm {
	margin-bottom: 50px;
}

.contactForm td {
	padding: 5px 10px 5px 0;
}

.formInput {
	padding: 3px;
	width: 350px
}

.formButton {
	padding: 3px 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	background: #62863e;
	border: 1px solid #47622d;
	color: #fff;
}

.formButton:hover {
	text-decoration: underline;
}