/*  
testing
*/

/* Body's CSS */
*{margin:0; padding:0;}

body {
	background: url(img/bg.jpg);
	background-position: top;
	color: #000;
	font: normal 98%/180% calibri, gisha, helvetica, tahoma;
	margin: 0;
	padding: 0;
	text-align: justify;
	}

blockquote {
	border-left: 8px solid #65c0b7;
	border-top: 0px dotted #ebebeb;
	border-bottom: 0px dotted #ebebeb;
	border-right: 0px dotted #ebebeb;
	background-color: #ebebeb;
	margin: 15px;
	padding: 8px 8px 8px 15px;
	}

blockquote li {
        list-style-image: url('img/bullet.png');
        }


p b, b, strong {
	color: #5cb2b5;
	letter-spacing: 0px;
	font: bold 98%/180% calibri, gisha, helvetica, tahoma;
	}

center {
        margin: 0 auto;
	}


i, em {
	color: #61aaab;
	font-style: italic;
	letter-spacing: 0px;
	}

s {
	color: #717171;
	letter-spacing: 0px;
	text-decoration: line-through;
	}
	
u {
	color: #83c3c4;
	letter-spacing: 0px;
	text-decoration: underline;
	}

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

li {
        list-style-type: none;
        }


.alignleft {
        float: left;
        width: auto;
        }


a img {
	border:0px; 
	}

a:link, a:active, a:visited {
	background-color:inherit; 
	border: 0; 
	color: #39b2bd; 
	text-decoration:none;
	}

a:hover {
	text-decoration: none;
	color: #45b0b4;
	border: 0;
	}


/* Page Tags */

#code {
	background-color: #FF;
	border: 1px solid #000;
	color: #000; 
	font: normal 98%/180% calibri, gisha, helvetica, tahoma;
	margin-top: 5px;
	margin: 15px;
	padding: 8px 8px 8px 15px;
	text-align: left;
	}


#home {
	background-color: #ffffff;
	left: 0;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: justify;
	width: 970px;
	}

#header {
	background: url(img/headerbg.jpg) repeat-x;
	background-position: left;
	height: 180px;
	margin: 0px;
	text-align: center;
	width: auto;
	}



/* Sidebar CSS */

#sidebar {
        color: #545454;
	float: right; 
	font: normal 98%/180% calibri, gisha, helvetica, tahoma:
        right: 0;
	margin: 10px 0 5px 0;
	padding: 3px;
        position: relative;
	top: 10px;
	width: 250px;
	}

.head {
	background: url(img/titlebg.png) no-repeat;
	color: #ffffff; 
	font: normal 145%/130% gisha, calibri, century gothic;
	letter-spacing: 0px; 
	margin: 0;
	padding: 5px 0 2px 0 0;
	text-align: center;
	text-transform: lowercase; 
        width: 250px;
	}

a.rawr:link, a.elite:visited, a.elite:active {
        background-color: #dcf4f4; 
	color: #82c0c0; 
	display: block;
	font: normal 95%/180% georgia;
	letter-spacing: 1px;
        margin: 4px 0 0 0;
	padding: 4px;
	text-align: center;
 	text-decoration: none;
	text-transform: lowercase; 
        }



/* Content CSS */

.content {
	border-right: 1px dashed #545454;
	color: #545454;
	float: left;
	font: normal 98%/180% calibri, gisha, helvetica, tahoma;
        left: 0;
	letter-spacing: 0;
	padding: 10px 4px 10px 4px;
        position: relative;
	text-align: justify;
	text-transform: none;
        top: 10px;
	width: 700px;
	}	

h1 {
	color: #71cec4; 
	font: normal 150%/180% georgia;
	letter-spacing: 1px; 
	margin: 0 0 4px 0; 
	padding: 0 0 3px 2px; 
	}


h2 {
	color: #7dc6c7; 
	font: normal 150%/180% "century gothic";
	margin: 5px 0 3px 0;
	text-decoration: none;
	text-transform: lowercase; 
	}

h3 {
	border-bottom: 0px dotted #bfe8e4;
	color: #7dc6c7; 
	font: normal 120%/180% "century gothic";
	margin: 5px 0 3px 0;
	padding: 0 0 2px 0;
        text-decoration: none;
	text-transform: lowercase; 
	}

h4 {
        color: #7dc6c7;
	font: normal 105%/180% georgia;
        letter-spacing: 0px;
        padding-bottom: 2px;
        }

h5, h6 {
        color: #7dc6c7;
	font: normal 100%/180% georgia;
        letter-spacing: 0px;
        padding-bottom: 2px;
        }




.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* Footer CSS */

#base {
	float: left;
	clear: both;
	background: inherit;
	font: normal 98%/180% calibri, gisha, helvetica, tahoma:
	left: 0px;
        padding: 0 0 10px 0;
        position: relative;
        margin: 20px 0 0 0;
	text-align: justify;
	width: auto;
	}

#base .basehead {
	background: url(img/basehead.png) no-repeat;
	color: #ffffff; 
	font: normal 145%/130% gisha, calibri, century gothic;
	letter-spacing: 0px; 
	margin: 0;
	padding: 5px 0 2px 0 0;
	text-align: center;
	text-transform: lowercase; 
        width: 230px;
	}


#base ul {
	margin: 0 10px 8px 4px; 
	padding: 8px 0 0 0;
	width: 225px; 
	display: inline;
	float: left; 
	list-style-type: none;
	}

#base li {
	line-height: 25px;
	margin: 0;
	padding: 0;
        width: 225px; 
	}

#base ul li a {
	border-bottom: 1px dotted #545454;
	color: #7dc6c7;
        display: block;
        margin: 0;
	padding: 5px 0 5px 0;
        }

#base ul li a:hover {
	border-bottom: 1px dotted #545454;
	color: #b1dfe0;
        display: block;
        margin: 0;
	padding: 5px 0 5px 0;
        }

#footer {
        background-color: #343434;
	clear: both;
        height: 10px;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	text-align: center;
	width: auto;
	}

#footer p {
	color: #ffffff;
	font: normal 98%/180% calibri, gisha, helvetica, tahoma:
        margin: 0;
	padding: 5px;
	}

#footer a {
        border-bottom: 0px;
	color: #7dc6c7;
	font-weight:normal;
	text-decoration:none;
	}

#footer a:hover {
	border: 0;
	color: #b1dfe0;
	text-decoration:none; 
	}