/* CSS Document */
/* colours:
	top section of curved box: #282828
*/

html,body {
	margin:0;
	padding:0;
        
	border:none;
	color:white;
	font:9pt verdana, arial, helvetica, sans-serif;
	background-color:#191919;
	background-image:url(graphics/background_fill_slice.gif);
	background-repeat:repeat-x;
}

#overall {
        
	width: 900px;
	margin-left:auto;
	margin-right:auto;
    
}

img {
	border:none;
	margin: 0;
	padding: 0;
}

/*img.padding {
	padding:5px 10px 5px 10px;
}*/

pre, blockquote {
	background-color:#252525;
	padding:.4em .8em .4em .8em;
	margin:0 1em 1.3em 1em;
}
pre {
	border:1px solid #444444;
	overflow:auto;
}
blockquote {
	border:1px dashed #444444;
}


.floatLeft {
	float:left;
	padding: 5px;
}

.floatRight {
	float:right;
	padding-left:5px;
}

.imgLeft {
	float:left;
	padding:.3em;
	margin:0 1em 1em 0;
	border:1px solid #333333;
}

.imgRight {
	float:right;
	padding:.3em;
	margin:0 0 1em 1em;
	border:1px solid #333333;
}

.txt-centre {
	text-align:center;
	margin-bottom:1em;
}
.read-more {
	text-align:center;
	margin:-.5em 0 0 0;
	padding:0;
}

a, a:visited {
	text-decoration:none;
	color: #B3BE48;
}

a:hover, a:active {
	text-decoration:underline;
	color: #B3BE48;
	/*color:#5046BE;*/
}


h2 {
	color:#B3BE48;
	font-size:140%;
	padding:0;
	margin:0 0 .8em 0;
}

h3 {
	font-size:130%;
	color:#B3BE48;
	margin:0 0 .8em 0;
}

h4 {
	font-size:130%;
	color:#5046BE;
	margin:0 0 .8em 0;
	font-weight:normal;
}
p {
	margin:0 0 1em 0;
	padding:0;
}

p.posted-by {
	margin:1em 0 1em 0;
	padding:0;
}

.green {
	color:#B3BE48;
}
.blue {
	color:#5046BE;
}
.white {
	color:white;
}

.date {
	color:#aaaaaa;
	text-align:right;
}

.timestamp {
	color:#aaaaaa;
}

.nodecoration {
	color:inherit;
}
.nodecoration:hover {
	text-decoration:none;
	color:inherit;
}

/* -- tabbed menu sprite -- */
ul#tabNav {
	width: 448px;
	height: 40px;
	background: url(graphics/tab_sprite_template.png);
	padding: 0;
	margin:0;
	position: relative;
}
#tabNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#tabNav li, #tabNav a {
	height: 40px;
	display: block;
}

#tab1 { left: 0; width: 112px; }
#tab2 { left: 113px; width: 112px; }
#tab3 { left: 225px; width: 112px; }
#tab4 { left: 337px; width: 112px; }

#tab1 a:hover { background: transparent url(graphics/tab_sprite_template.png) no-repeat 0 -40px; }
#tab2 a:hover { background: transparent url(graphics/tab_sprite_template.png) no-repeat -113px -40px; }
#tab3 a:hover { background: transparent url(graphics/tab_sprite_template.png) no-repeat -225px -40px; }
#tab4 a:hover { background: transparent url(graphics/tab_sprite_template.png) no-repeat -337px -40px; }

#tabButtons {
	margin-top:52px;
	float:right;
}

/* -- end of tabbed stuff -- */

#content .pic-left  {
        float: left;
        margin: 0 1em 1em 0;
}

#content .pic-right {
        float: right;
        margin: 0 0 1em 1em;
                
}

hr {
        clear: both;
        margin: 0;
        padding: 0;
        visibility: hidden;
}

#pageHeading {
	width:900px;
	height:94px;
	background-image:url(graphics/page-header-logo.jpg);
        background-repeat:no-repeat;
}

/* -- banner with two boxes in -- */
#bannerSection {
	width:900px;
	border-top:2px solid #444444;
	height:143px;
	background-image:url(graphics/top-box-section.jpg);
        background-repeat:no-repeat;
	background-color:#323232;
}

#banner {
	background-image:url(graphics/logo-filled-banner.jpg);
        background-repeat:no-repeat;
	width:635px;
	height:115px;
	margin:15px 0 0 15px;
}

#bannerContent {
	padding:1em;
}
#bannerContent h2 {
	margin:0 0 .5em 0;
}
#bannerContent p {
	font-size:10pt;
}



/* main page content */

#pageContent {
	width:900px;
	border-top:1px solid #444444;
	border-bottom:2px solid #444444;
	background-image:url(graphics/top-box-section.jpg);
        background-repeat:no-repeat;
	background-color:#323232;
	min-height:200px;
}

#contentCol {
	float:right;
	width:650px;
	margin:15px 15px 0 0;
}
#contentCol p, #contentCol ul, #contentCol pre {
	font-size:10pt;
}

#menuCol {
	margin:15px 0 0 15px;
	width:210px;
}

#footer {
	width:900px;
	border:1px solid #191919;
}

#footer #webIcons {
	float:right;
	margin:5px 5px 0 0;
}

#footer #copyright {
	width:400px;
	margin:5px 0 0 5px;
	color:#999999;
}
/* -- nasty rounded boxes :( -- /*

/* -- verticle menu navigation styles -- */


.menuNav {
	padding:0 0 0 10px;
	background-image:none;
}
.menuNav h3 {
	margin:0;
}

.menuNav a, .menuNav a:visited {
	color:#5046BE;
}

.menuNav a:hover, .menuNav a:active {
	color:white;
        /*color: #B3BE48;*/
	text-decoration:none;
        /*color:#5046BE;*/
}

.menuNav ul.menulist {
	margin:0 0 0 .5em;
	padding:.3em 0 0 0;
}

.menuNav ul.sublist {
	padding:0 .8em 0 .8em;
	margin:0;
}

.menuNav ul.sublist li {
	border-left:1px solid #323232;
        padding-left:.4em;
}

.menuNav ul li {
	list-style:none;
}
/* -- end of verticle menu navigation styles -- */

/* -- styles for content in the menu column -- */

.menuColCont h4 {
	margin-bottom:.5em;
}

/* rounded boxes with dark top coners and light bottom corners */
.roundContBox div.r, .roundMenuBox div.r, #bannerBox div {
	background-image:url(graphics/drk-top-left-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: top left;
	/*border: 1px solid blue;*/
}
.roundContBox div.r div.b, .roundMenuBox div.r div.b, #bannerBox div div {
	background-image:url(graphics/drk-top-right-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: top right;
	/*border: 1px solid red;*/
}
.roundContBox div.r div.b div.o, .roundMenuBox div.r div.b div.o, #bannerBox div div div {
	background-image:url(graphics/bottom-right-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	/*border:1px solid white;*/
}
.roundContBox div.r div.b div.o div.x, .roundMenuBox div.r div.b div.o div.x, #bannerBox div div div div {
	background-image:url(graphics/bottom-left-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	/*border:1px solid blue;*/
	padding:1em 1.5em 1em 1.5em;
}

/* sub-level round menu boxes "roundSubMenuBox" */
.roundSubMenuBox div.rr, .rndSubContBox div.rr {
	background-image:url(graphics/lig-top-left-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: top left;
	/*border: 1px solid blue;*/
}
.roundSubMenuBox div.rr div.bb, .rndSubContBox div.rr div.bb {
	background-image:url(graphics/lig-top-right-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: top right;
	/*border: 1px solid red;*/
}
.roundSubMenuBox div.rr div.bb div.oo, .rndSubContBox div.rr div.bb div.oo {
	background-image:url(graphics/bottom-right-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	/*border:1px solid white;*/
}
.roundSubMenuBox div.rr div.bb div.oo div.xx, .rndSubContBox div.rr div.bb div.oo div.xx {
	background-image:url(graphics/bottom-left-rnd-box.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	/*border:1px solid blue;*/
	padding:1em 1.5em 1em 1.5em;
}

/* banner box */
#bannerBox {
	width:215px;
	margin:15px 15px 0 0;
	background-color:#1e1e1e;
	float:right;
}
#bannerBox p {
	margin:0;
}
#bannerBox div div div div {
	min-height:91px;
}
#bannerBox h4 {
	margin:0 0 .5em 0;
}

/* -- menu box -- */
.roundMenuBox, .roundSubMenuBox {
	width:200px;
	background-color:#1e1e1e;
	margin-bottom:.8em;
}

/* -- content box -- */
.roundContBox, .rndSubContBox {
	width:650px;
	background-color:#1e1e1e;
	margin-bottom:.8em;
}
.roundContBox div.r div.b div.o div.x {
	min-height:150px;
}
/* -- end of nasty boxes -- */

/* -- styles for the contact form on contact page -- */
/*div#contactForm {
	width:70%;
	border:1px solid white;
	margin-right:auto;
	margin-left:auto;
}*/
table.contactFormTable {
	margin-right:auto;
	margin-left:auto;
}
table.contactFormTable th {
	background-color:#323232;
	padding:4px 0 4px 0;
	color:#B3BE48;
	font-size:120%;
}
table.contactFormTable input, table.contactFormTable textarea {
	background-color:#444444;
	border:none;
	color:white;
	width:195px;
}
table.contactFormTable textarea {
	height:120px;
}
table.contactFormTable input.button, table.contactFormTable input.button {
	width:80px;
}


table.contactFormTable td {
	background-color:#323232;
	padding:2px 2px 2px 2px;
}

table.contactFormTable td.formTitle {
	padding-left:5em;
}
/*table.contactFormTable .fieldset .text {
	background-color:#444444;
	border:none;
	
}*/

/* -- special CSS rules for blog things -- */
.roundSubMenuBox input, .roundSubMenuBox select {
	background-color:#323232;
	border:1px solid #444444;
	margin-top:1px;
	color:white;
}

.roundSubMenuBox input.image {
	background-color:transparent;
	border:none;
	margin:0;
	color:none;
}

h3#comment {
	width:60%;
	margin-right:auto;
	margin-left:auto;
}

.comments-wrapper table {
	margin-right:auto;
	margin-left:auto;
}
.comments-wrapper table input, .comments-wrapper table textarea {
	background-color:#323232;
	border:1px solid #444444;
	color:white;
}
.comments-wrapper table td {
	padding:4px;
	margin:0;
	border:none;
	background-color:#1e1e1e;
}

/* -- divider seperating blog posts -- */
div.divider {
	border-top:1px solid #444444;
	width:50%;
	margin: 0 auto 1.3em auto;
	clear:both;
}
/* -- styles used for recent and related articles in menucol -- */
ul.recent_articles, ul.related_articles {
	margin:0;
	padding-left:1.2em;
}
ul.recent_articles li, ul.related_articles li {
	/*border:1px solid #444444;*/
	margin:.3em 0 .3em 0;
}
/* -- moves the 'comments' invite text to the right of the page -- */
/*p.comments_invite {
	text-align:right;
}*/


/* -- general table styles -- */
table {
	margin:0 auto 1.5em auto;
	
}
table th {
	background-color:#323232;
	padding:4px 7px 4px 7px;
	color:#B3BE48;
	font-size:120%;
}

table td {
	background-color:#323232;
	padding:3px 7px 3px 7px;
}