/*  
Narutofever CMS Theme v1.0 beta
Author: Jason Tan

*/

body {
background: url("/images/bg1.jpg") repeat-x;
background-color: #095e87;
font-family: Verdana;
font-size: 12px;
margin-top: 0px; 
}

#container {
padding-left: 50px;
position: relative;
margin-left: -434px;
left: 50%;
width: 815px;
}
#header{
background: url("/images/headershadow.jpg") no-repeat;
width: 815px;
height: 274px;
}

#body {
position: relative;
background: url("/images/bg.jpg") repeat-y;
width: 813px;
padding-left: 50px;
}

#icon {
position: absolute;
top: 350px;
left: 585px;
width:55px;
height:61px;
}

#footer {
clear: both;
width: 815px;
height: 86px;
background: url("/images/footer.jpg") no-repeat;
padding-top: 35px;
color: #ffffff;
font-family: Arial;
font-weight: bold;
text-align: -moz-center; /*Hack for FireFox*/
text-align: center;
}
#footer a{
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover{
color: #99cccc;
text-decoration: underline;
}


#content {
padding: 10px 0 0 0px;
float: left;
width: 500px;
color: #143c4f;
}

#navigation {
float: left;
width: 213px;
padding-left: 15px;
/*
border-left: dashed 1px #f38a01;
border-right: dashed 1px #f38a01;
*/
}

.navi_header {
background: url("/images/navigation/header.jpg") no-repeat;
display: block;
width: 213px;
height: 39px;
}

.navi_body {
background: url("/images/navigation/body.jpg") repeat-y;
display: block;
padding-left: 15px;
}

.navi_footer {
background: url("/images/navigation/footer.jpg") no-repeat;
width: 213px;
height: 26px;
}

#navigation span{
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: #095e87;
}

#navigation a{
display: block;
margin-left: auto; /*Hack for FireFox*/
margin-right: auto; /*Hack for FireFox*/
text-align: -moz-center; /*Hack for FireFox*/
text-align: center;
border-bottom: dashed 1px #095e87;
font-size: 10px;
color: #095e87;
width: 150px;
height: 19px;
line-height: 19px;
text-decoration: none;
}

#navigation a:hover{
color: #00334b;
border: solid 1px #095e87;
}

.clearer {
display: block;
clear: both;
}

#clearer {
display: block;
clear: both;
}

#InfoTag {
color: #013a55;
font-family: Arial;
float: left;
width: 475px;
font-weight: bold;
font-size: 18px;
}

#loginbox {
float: left;
border: solid 1px #065276;
background-color: #b9dbd9;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-family: Verdana;
font-size: 10px;
color: #095e87;
background: url("/images/bio_header.jpg") no-repeat;
}

.loginbox_link a{
font-size: 10px;
color: #095e87;
height: 19px;
line-height: 19px;
text-decoration: none;
}

.loginbox_link a:hover{
border-bottom: dashed 1px #095e87;
color: #653300;
}

.newsimage {
width: 120px;
height: 70px;
float: left;
margin-right: 8px;
margin-bottom: 3px;
background-color: #ecd5a4;
padding: 4px;
border: solid 1px #bf8303;
}

.news {
position: relative;
margin-left:auto;
margin-right:auto;
float: left;
width: 100%;
}


.news_header{
color: #095e87;
font-size: 12px;
position: relative;
border-bottom: solid 1px #095e87;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
}

.news_body{
padding: 10px 0 0 0;
position: relative;
width: 465px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #095e87;
}

.news_body A:link{
color: #235167;
text-decoration: none;
font-style:italic;
}

.news_body A:hover{
border-bottom: solid 1px #095e87;
color: #095e87;
text-decoration: none;
}

.news_body A:active{
color: #235167;
text-decoration: none;
font-style:italic;
}

.news_body A:visited{
color: #235167;
text-decoration: none;
font-style:italic;
}

.news_footer_msg{
position: absolute; /* This is a hack fix for IE to wrap image around footer */
margin-bottom: 3px;
width: 465px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.news_footer_msg A:link {
font-weight: bold;
text-decoration: none;
color: #095e87;
}
.news_footer_msg A:visited {
font-weight: bold;
text-decoration: none;
color: #095e87;
}
.news_footer_msg A:active {
font-weight: bold;
text-decoration: none;
color: #095e87;
}
.news_footer_msg A:hover {
text-decoration: underline; 
font-weight: bold;
color: #095e87;
}

.news_footer {
text-align: right;
color: #095e87;
width: 465px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-top: 1px dashed #095e87;
}

.news_footer A:link {
font-size: 11px;
color: #095e87;
height: 19px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
}
.news_footer A:visited {
font-size: 11px;
color: #095e87;
height: 19px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
}
.news_footer A:active {
font-size: 11px;
color: #095e87;
height: 19px;
line-height: 19px;
text-decoration: none;
font-weight: bold;
}

.news_footer A:hover {
border-bottom: dashed 1px #095e87;
color: #653300;
font-weight: bold;
}


/* End of News Design */

/* Begin Affiliate Design */

.affiliate{
font-family: Verdana;
font-size: 10px;
}


/* End of Affiliate Design */

/* Begin Gallery Design */
.gallerypreview{
border: solid 1px #2f7ba2;
background-color: #b4dcdd;
margin-left: auto;
margin-right: auto;
font-family: Verdana;
font-size: 10px;
}

.gallerypreview-info{
padding: 10px 10px 10px 10px;
border: solid 1px #2f7ba2;
width: 70%;
background-color: #b4dcdd;
color: #095e87;
padding: 5px;
}

.gallerypreview-cell{
background-color: #b4dcdd;
padding: 5px 5px 5px 5px;
}

.gallerypreview-header{
background-color: #2f7ba2;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}

.gallerypreview-info A:link {
text-decoration: none;
color: #7c5208;
}
.gallerypreview-info A:visited {
text-decoration: none;
color: #7c5208;
}
.gallerypreview-info A:active {
text-decoration: none;
color: #7c5208;
}
.gallerypreview-info A:hover {
text-decoration: underline;
color: #7c5208;
}

.gallerypreview-cell A:link {
text-decoration: none;
}
.gallerypreview-cell A:visited {
text-decoration: none;
}
.gallerypreview-cell A:active {
text-decoration: none;
}
.gallerypreview-cell A:hover {
text-decoration: none;
}

.gallery-image {
height: 150px;
padding: 5px 5px 5px 5px;
}

.gallery-info {
font-family: Verdana;
font-size: 10px;
width: 400px;
padding: 5px 5px 5px 5px;
}

.gallery-page A:link {
text-decoration: none;
color: #c69200;
}
.gallery-page A:visited {
text-decoration: none;
color: #c69200;
}
.gallery-page A:active {
text-decoration: none;
color: #c69200;
}
.gallery-page A:hover {
text-decoration: none;
font-weight: bold;
color: #c69200;
}

/* End of Gallery Design */

/* Begin Articles Design */
#articles{
color: #095e87;
}

#articles h1{
text-align: center;
font-weight: bold;
font-size: 15px;
}

#articles h2{
text-align: center;
font-size: 13px;
font-weight: normal;
}

.article_body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #095e87;
}

.article_box{
border: dashed 1px #095e87;
background-color: #b9dbd9;
color: #095e87;
background: url("/images/bio_header.jpg") no-repeat;
}

.article_body A:link {
text-decoration: none;
color: #7c5208;
}

.article_body A:visited {
text-decoration: none;
color: #7c5208;
}

.article_body A:active {
text-decoration: none;
color: #7c5208;
}

.article_body A:hover {
text-decoration: underline;
color: #7c5208;
}

.article_header{
font-size: 12px;
font-weight: bold;
color: #660000;
}

.article_bio{
font-weight: bold;
text-align: center;
font-size: 12px;
}

#article_avatar{
padding-top: 5px;
padding-bottom: 5px;
padding-left:5px;
padding-right: 5px;
border: solid 1px #999a9a;
background-color: #dadada; 
}

#article_banner{
padding-top: 5px;
padding-bottom: 5px;
padding-left:5px;
padding-right: 5px;
border: solid 1px #999a9a;
background-color: #dadada;
width: 450px;
height: 105px; 
}

.bio_copyright{
font-style: italic;
}

.biocell {
float: left;
background-color: #b9dbd9;
border: 1px solid #79b2af;
width: 130px;
height: 50px;
text-align: center;
margin: 3px;
list-style: none;
}

.biocell A:link {
text-decoration: none;
color: #7c5208;
}

.biocell A:visited {
text-decoration: none;
color: #7c5208;
}

.biocell A:active {
text-decoration: none;
color: #7c5208;
}

.biocell A:hover {
text-decoration: underline;
color: #7c5208;
}
/* End of Article Design */

/* Begin Comment Box Design */
.pagination {
text-align: left;
background-color: #9acccd;
border-bottom: solid 1px #79b2af;
border-top: solid 1px #79b2af;
padding: 3px;
color: #095e87;
}

.pagination a {
padding: 5px;
text-decoration: none;
color: #095e87;
font-size: 10px;
}

.pagination a:active {
padding: 5px;
text-decoration: none;
color: #095e87;
}

.pagination a:visited{
padding: 5px;
text-decoration: none;
color: #095e87;
}


.comment-page a:hover {
background-color: #a2d1d2;
border-left: solid 1px #79b2af;
border-right: solid 1px #79b2af;
padding: 5px;
color: #095e87;
}



.commentbox{
position: relative;
background-color: #b9dbd9;
width: 100%;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}

.commentbox-info{
position: relative;
border: solid 1px #095e87;
background-color: #1e9b5f;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
color: #FFFFFF;
font-weight: bold;
}

.commentbox-header{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #095e87;
}

.commentbox-field{
}
/* End of Comment Box Design */

/* Begin Log in Form Design */
form#loginform{
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
padding-top: 3px;
 }

#loginbox .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 width: 70px;
 margin-right: 3px;
 background-color: #9acccd;
 border: solid 1px #065276;
}

#loginbox .loginbut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
width: 60px;
margin-right: 3px;
background-color: #095e87;
border: solid 1px #065276;
color: #FFFFFF;
}
/* End of Log in Form Design */

/* Begin Miscelleneous Design */
.statusMsg-success {
border: dashed 1px #0f7307;
background-color: #b9dbd9;
background: url("/images/bio_header.jpg") no-repeat;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #0f7307;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

.statusMsg A:link{
font-family: Verdana;
font-size: 10px;
color: #095e87;
text-decoration: none;
}

.statusMsg A:visited {
font-family: Verdana;
color: #095e87;
text-decoration: none;
}

.statusMsg A:active {
font-size: 10px;
color: #095e87;
font-family: Verdana;
text-decoration: none;
}
.statusMsg A:hover {
text-decoration: none;
font-weight: bold;
color: #095e87;
text-decoration: underline;
}

/* End Of Miscelleneous Design */

/* Begin Profile Design */

.profile{
font-family:Verdana;
font-size:10px;
background-color: #b9dbd9;
border: dashed 1px #095e87;
color: #095e87;
font-size: 11px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

/* End of Profile Design */

/*Begin User Menu Design */
.userMenu{
border: dashed 1px #095e87;
background-color: #b9dbd9;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #095e87;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

.userMenu A:link{
font-family: Verdana;
font-size: 10px;
color: #095e87;
text-decoration: none;
}

.userMenu A:visited {
font-family: Verdana;
color: #095e87;
text-decoration: none;
font-size: 10px;
}

.userMenu A:active {
font-size: 10px;
color: #095e87;
font-family: Verdana;
text-decoration: none;
font-size: 10px;
}

.userMenu A:hover {
text-decoration: none;
font-weight: bold;
color: #095e87;
text-decoration: underline;
font-size: 10px;
}

/*End of User Menu Design */

/* Standard Form Style Procedure */
.form p {
width: 300px;
clear: left;
margin: 0px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #2f7ba2;
border-left: 1px solid #2f7ba2;
border-right: 1px solid #2f7ba2;
background-color: #95c4c5;
}
.form label{
font-weight: bold;
float: left;
margin-left: -150px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: Verdana;
font-size: 10px;
width: 180px;
background-color: #9acccd;
border: 1px solid #7f9db9;
padding-left: 2px;
}

.form select{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: Verdana;
font-size: 10px;
width: 180px;
background-color: #9acccd;
border: 1px solid #7f9db9;
padding-left: 2px;
}

.miscBox { /*width of text boxes. IE6 does not understand this attribute*/
font-family: Verdana;
font-size: 10px;
background-color: #95c4c5;
padding-left: 2px;
}

.form input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: Verdana;
font-size: 10px;
width: 180px;
background-color: #9acccd;
border: 1px solid #7f9db9;
padding-left: 2px;
}

.form input[type="submit"]{
margin-top: 5px;
font-family: Verdana;
color: #2f7ba2;
background: #FFFFFF;
border: 1px solid #2f7ba2;
font-size: 10px;
font-weight: bold;
}

.form input[type="reset"]{
margin-top: 5px;
font-family: Verdana;
color: #2f7ba2;
background: #FFFFFF;
border: 1px solid #2f7ba2;
font-size: 10px;
font-weight: bold;
}

input[type="button"]{
margin-top: 5px;
font-family: Verdana;
color: #2f7ba2;
background: #FFFFFF;
border: 1px solid #2f7ba2;
font-size: 10px;
font-weight: bold;
}

input[type="Submit"]{
margin-top: 5px;
font-family: Verdana;
color: #2f7ba2;
background: #FFFFFF;
border: 1px solid #2f7ba2;
font-size: 10px;
font-weight: bold;
}

input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: Verdana;
font-size: 10px;
width: 180px;
background-color: #9acccd;
border: 1px solid #7f9db9;
padding-left: 2px;
}

.form input[type="reset"]{
margin-top: 5px;
font-family: Verdana;
color: #2f7ba2;
background: #FFFFFF;
border: 1px solid #2f7ba2;
font-size: 10px;
font-weight: bold;
}

.form textarea{
width: 250px;
height: 150px;
}

.formInfo {
font-family: Verdana;
font-size: 10px;
background-color: #95c4c5;
padding-left: 2px;
padding-bottom: 5px;
padding-top: 5px;
color: #b31212;
width: 453px;
border-left: 1px solid #2f7ba2;
border-right: 1px solid #2f7ba2;
}

.formHeader {
font-family: Verdana;
font-size: 10px;
background-color: #2f7ba2;
border-bottom: 1px solid #2f7ba2;
padding-left: 2px;
padding-bottom: 5px;
padding-top: 5px;
color: #ffffff;
width: 455px;
}

/* ErrorBox and ValidBox Standard Procedure*/
.errorBox{
padding: 3px;
width: 400px;
background-color: #FFFFFF;
border: 1px solid #b31212;
color: #000000;
font-size: 10px;
padding-bottom: 10px;
}

.errorBox .header{
text-align: left;
font-size: 12px;
font-weight: bold;
color: #931d1d;
display: block;
background-color: #d67878;
padding: 3px;
}

.validBox {
padding: 3px;
width: 400px;
background-color: #FFFFFF;
border: 1px solid #2b733c;
color: #000000;
font-size: 10px;
padding-bottom: 10px;
}

.validBox  .header{
text-align: left;
font-size: 12px;
font-weight: bold;
color: #246233;
display: block;
background-color: #55b16a;
padding: 3px;
}

img
{  border-style: none;
}