/**********************************************
CSS FILE FOR PHOSPHOR WHITESITE - GLOBAL STYLES
DEVELOPED BY PHOSPHOR ESSENCE
COPYRIGHT 2008
www.phosphor.co.nz

- CONTENTS -

Universal CSS Rules

-=Layout (#mainContent, #subNav)
-=Content Elements (P, A, UL)
-=Removers
-=Headers (H1, H2, H3)
-=Navigation
-=Forms
-=Footer

**********************************************/



/* ---------- -=Layout  ------------*/
body {
    font-family: Verdana,Arial,Times,Geneva,Avenir,"Bitstream vera sans",Helvetica,sans-serif;
    font-size:75%;
    line-height:150%;
    color:#ccc;
}

#content .contentBody {
    margin-top:2em;
}
small {
    color:#999;
    font-size:0.9em;
}
.post ul, .post .entrytext ul {
	margin:4px 0;
	clear:left;
}
.post .entrytext li {
	padding:0 0 4px 5px;
}
.post .entrytext img {
    margin:0 8px 1em 0;
    display:block;
}
.divider {}

.readmore {
    float:right;
    text-decoration:none;
    clear:both;
    color:#ccc;
    border-bottom:solid 1px #777;
    text-transform:uppercase;
    font-size:10px;
    line-height:1.2em;
    margin:5px 0 0 0;
}
li h3 {
    display:inline;
    width:6em;
    margin-right:1em;
}
/* ---------- -=Content Elements ---*/


#mainContent img {
    border:1px #ccc solid;
}
#mainContent p.noBorder img {
    border:none;
}
#content p {
    margin:0.5em 0;
}
#content hr {
	margin:0 0 1em 0;
    padding:0;
    height:1px;
    border:none;
    background-color:#666;
    clear:left;
}
#content .contentBody p {
    margin:0 0 2em 0;
}
#content .contentBody p img {
	float:left;
    margin:0.3em 1em 1em 0;
}
#content .contentBody h3 {
	margin:0 0 0.5em 0;
}

#content .box p {
    margin:0 0 0.5em 0;
}
#mainContent ul {
    list-style:disc;
    margin-left:25px;
}
.box {
    padding:13px 16px 16px 16px;
    background-color:#7C7977;
    color:#ccc;
    overflow:hidden;
}
.box li {
    list-style:none;
}
.box .image {
    margin:3px 16px 5px 0;
    position:relative;
    overflow:hidden;
    float:left;
    clear:left;
}

.box .image span {
    position:absolute;
    left:1px;
    bottom:5px;
    color:#e2e2e2;
    margin:0;
    padding:6px;
    font-size:90%;
    line-height:1.2em;
    width:90%;
    display:block;
    background:url(../images/bkgd-utils.png) left top repeat;
}
.caption {
    float:left;
}
a {
    color:#CCC;
    text-transform:none;
}
a:hover {
    color:#FFF;
}
/*------------- -=Headers---------------------*/
h1,h2,h3,h4,h5,h6 {}

p {}

#content ol, #content ul {margin:5px 0 10px 25px;}

#content h1 {
    display:block;
    background:#222;
    color:#fff;
    /*text-transform:uppercase;*/
    padding:10px 7px;
    font-weight:normal;
    letter-spacing:0px;
    margin-bottom:7px;
    font-size:16px;
    border-left:solid 3px #7C7977;
}
#content h2 {
    color:#ccc;
    font-size:1.2em;
    line-height:1.5em;
    text-transform:uppercase;
    margin-top:10px; 
}
#content h3 {
    margin:10px 0 -2px 0; 
}
#content .contentBody h2 {
    margin-bottom:0.6em;
}

/*----------- -=Navigation---------------*/

a:hover {
    color:#ccc;
}
a:visited {
    color:#bbb;
}
a {
    color:#ccc;
    text-transform:uppercase;
}
a:hover {
	color:#777;
}

h1 a,h2 a,h3 a {
	text-decoration:none;
}

h1 a:hover,h2 a:hover,h3 a:hover,
h1 a:visited,h2 a:visited,h3 a:visited {
	color:#fff;
}


/*-------------- -=Forms-----------------*/

.fieldPanel p, .fieldPanel ul {
    margin:1em 0;
}
label, .fieldPanel span {
    width:80px;
    float:left;
}
.textbox {
    width:160px;
}
a.login {
    margin:0;
    padding:4px 10px;
    font-size:12px;
    text-align:center;
    text-transform:uppercase !important;
    text-decoration:none;
    background-color:#9C2C21;
    border:1px solid #524C4B;
    clear:left;
	float:right;
}
#registration .login {
    margin:0 0 0 140px;
}
.errorMessages {
    color:#E10D02;
}
fieldset {
	border:none;
}
fieldset li {
    background:none;
}

/*--------------- -=Footer---------------*/