html, body { height: 100%; }

body {
	margin: 0px;
	padding: 0px;
	background: #6699cc url(/imgs/static/skytop.gif) repeat-x top;
}

a {
	text-decoration: none;
	color: #114455;
}

p {
	margin: 0px 0px 8px;
	font-family: Arial;
	text-indent: 0px;
	font-size: 15px;
	line-height: 18px;
	color: #114455;
}

p a {
	color: #1a8033;
	text-decoration: none;
}

p a:hover {
	color: #80331a;
}

div#clouds {
	width: 100%;
	height: 100%;
	background: url(/imgs/static/skycloud.gif) no-repeat top;
}

div#outer {
	width: 830px;
	height: 100%;
	margin: auto;
	background: url(/imgs/static/outer.gif) repeat-y top;
}

div#midder {
	width: 830px;
	background: url(/imgs/static/outer.gif) repeat-y top;
}

div#head {
	width: 100%;
	height: 85px;
	background: #6699cc url(/imgs/static/skycloud.gif) -140px 0px;
}

div#title {
	width: 350px;
	height: 85px;
	background: url(/imgs/static/title.gif);
}

div#notSide {
	width: 655px;
	float: left;
}

div#menubar {
	width: 655px;
	height: 50px;
	background: #115522 url(/imgs/static/menubar.gif);
}

div#menubarNews {
	width: 655px;
	height: 39px;
	background: #1a6680 url(/imgs/static/menubarnews.gif);
}

div#menubarBack {
	width: 655px;
	height: 20px;
	background: #b3cce6 url(/imgs/static/menubarback.gif);
}

div#menuNews {
	margin-left: 15px;
	display: inline;
}

div#menuNews a { background: url(/imgs/static/news.gif) 128px 0px no-repeat; }
div#menuGames a { background: url(/imgs/static/games.gif) 128px 0px no-repeat; }
div#menuComics a { background: url(/imgs/static/comics.gif) 128px 0px no-repeat; }
div#menuStuff a { background: url(/imgs/static/stuff.gif) 0px 128px no-repeat; }
div#menuContact a { background: url(/imgs/static/contact.gif) 128px 0px no-repeat; }

div#menuNews a:hover, div#menuGames a:hover, div#menuComics a:hover, div#menuStuff a:hover, div#menuContact a:hover { background-position: 0px 0px; }

div.menuItem {
	margin-top: 20px;
	width: 128px;
	height: 30px;
	overflow: hidden;
	float: left;
}

div.menuItem a {
	display: block;
	width: 100%;
	height: 100%;
}

div#innerSide {
	background: #6699cc url(/imgs/static/skytop.gif) 0px -174px repeat-x;
	width: 640px;
	float: left;
}

div#inner {
	background: #6699cc url(/imgs/static/skycloud.gif) -140px -174px no-repeat;
	width: 640px;
}

div.newsItem {
	width: 640px;
	background: #22aa44 url(/imgs/static/itemback.gif);
}

div.newsItem div.bar {
	width: 640px;
	height: 34px;
	overflow: hidden;
	background: #1a6680 url(/imgs/static/bar.gif);
}

div.leafLeft {
	width: 10px;
	height: 86px;
	float: left;
	background:  url(/imgs/static/leafleft.gif);
}

div.itemSide {
	width: 60px;
	padding: 0px 0px 10px;
	background: url(/imgs/static/leafside.gif) no-repeat;
	float: left;
}

div.itemIcon {
	margin: 0px 6px 10px;
	width: 48px;
	height: 48px;
}

div.itemSide p {
	margin: 0px;
	text-align: center;
	line-height: 1em;
	font-weight: bold;
	color: #156a2b;
}

div.itemSide p.date { font-size: 22px; }
div.itemSide p.month { font-size: 16px; }

div.itemText {
	width: 514px;
	padding: 8px 20px;
	background: #ddffee url(/imgs/static/leafback.gif) no-repeat;
	float: left;
	overflow: hidden;
}

div.itemText p {
	text-indent: 10px;
	text-align: justify;
}

div.itemHead {
	width: 514px;
	margin: 0px 0px 14px;
}

div.itemHead p.title {
	margin: 0px 10px 0px 10px;
	font-size: 25px;
	line-height: 30px;
}

div.itemHead div.left, div.itemHead div.right {
	width: 257px;
	float: left;
}

div.itemHead div.left p, div.itemHead div.right p {
	text-transform: uppercase;
	font-family: Arial Narrow, Arial;
	font-size: 11px;
	line-height: 11px;
}

div.itemHead div.left p {
	margin: 0px 0px 0px 10px;
}

div.itemHead div.right p {
	text-align: right;
	margin: 0px 0px 0px 0px;
	font-style: italic;
}

.colour1 { color: #2244aa; }	/* blue */
.colour2 { color: #44aa22; }	/* green */
.colour3 { color: #8822aa; }	/*purple */
.colour4 { color: #aa2244; }	/* red */
.colour5 { color: #aa8822; }	/* yellow */

div.leafRight {
	width: 16px;
	height: 46px;
	float: left;
	background:  url(/imgs/static/leafright.gif);
}

div.itemBottom {
	height: 12px;
	width: 640px;
	background: url(/imgs/static/itembottom.gif);
	clear: both;
	overflow: hidden;
}

div#innerSolid {
	width: 640px;
	margin: 0px 0px 0px 15px;
	background: #b3cce6;
}

div#sectionPage {
	width: 600px;
	margin: auto;
	padding: 10px 0px 10px;
	text-align: center;
}

div#sectionPage p.title {
	margin: 0px 0px 14px;
	font-size: 25px;
	line-height: 30px;
}

div.sectionItem {
	width: 440px;
	margin: 0px 80px 10px;
	text-align: left;
}

div.sectionLogo {
	width: 122px;
	height: 66px;
	float: left;
}

div.sectionLogo img {
	border: 0px;
}

div.sectionText {
	width: 298px;
	margin: 0px 0px 0px 20px;
	float: left;
}

div.sectionText p {
	margin: 0px 0px 0px;
}

div.comicsMenu {
	width: 425px;
	margin: 10px auto;
	height: 25px;
	background: url(/imgs/static/b17menu.gif);
}

div.comicsButton {
	width: 85px;
	height: 25px;
	float: left;
	overflow: hidden;
}

div.first a { background: url(/imgs/static/first.gif) 85px 0px no-repeat; }
div.prev a { background: url(/imgs/static/prev.gif) 85px 0px no-repeat; }
div.random a { background: url(/imgs/static/random.gif) 85px 0px no-repeat; }
div.next a { background: url(/imgs/static/next.gif) 85px 0px no-repeat; }
div.last a { background: url(/imgs/static/last.gif) 85px 0px no-repeat; }

div.comicsButton a {
	display: block;
	width: 100%;
	height: 100%;
}

div.comicsButton a:hover { background-position: 0px; }

div#soonPage p {
	text-align: center;
}

div#creativeCommons {
	width: 450px;
	margin: 50px auto auto;
}

div#creativeCommons p {
	text-align: left;
	margin: 0px;
	font-size: 12px;
	line-height: 15px;
}

div#ccLogo {
	width: 93px;
	height: 31px;
	float: left;
}	

div#soonPage {
	width: 600px;
	margin: auto;
	padding: 10px 0px 200px;
}

div#soonPage p.title {
	margin: 0px 0px 200px;
	font-size: 25px;
	line-height: 30px;
}

div#errorPage {
	width: 600px;
	margin: auto;
	padding: 10px 0px 100px;
}

div#errorPage p {
	text-align: justify;
}

div#errorPage p.title {
	margin: 0px 0px 20px;
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	color: #44aa22;
}

div#validBox {
	width: 625px;
	height: 41px;
	padding: 10px 0px 0px;
	text-align: center;
}

div#validBox img {
	border: 0px;
	margin: 0px 5px;
}

div#side {
	width: 160px;
	float: left;
}

div#sideTop {
	width: 160px;
	height: 115px;
	margin: 0px 0px 10px;
	background: url(/imgs/static/currentprojects.gif);
}

div.sideItem {
	width: 160px;
	height: 72px;
	margin: 0px 0px 10px;
	text-align: center;
}

div.sideItem img {
	border: 0px;
}

div.footer {
	width: 0px;
	height: 0px;
	clear: both;
	overflow: hidden;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.sub {
	font-size: 8px;
	vertical-align: sub;
}
.sup {
	font-size: 8px;
	vertical-align: super;
}