/* 
Theme Name: SAMOA TIMES THEME
Description: samoa times newspaper
Author: Iwan Sugiharto
Version: 0.3 
*/
@charset "UTF-8";
/* CSS Document */

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family: inherit;font-size:inherit; font-weight:inherit; margin-bottom:6px; line-height:1.4em}
label{font-size: .9em; float: left; display:block; }

a{ text-decoration:none;}

*{margin:0; padding:0}
/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.floatleft {float:left}
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { color:#FF0909; font-weight:bold !important;}
.linksign{color:#FF0909}
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }

/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/*>>>>>>>>>> ABOUT/CONTACT/ADVERTISE PAGE <<<<<<<<<*/
p{margin-bottom:1em; line-height:1.5em;}

body{ background:transparent url(images/backglow.gif) repeat-y scroll center top; background-color:#000000; font-family:"Verdana", Geneva, sans-serif !Important; font-size:.8em }

#container2 {margin:auto; width: 966px; height:600px }
#headBox{margin-left:10px; margin-top:10px; width:595px; height:70px; background-color:#006666 }
#stLogo{float:left; display:inline; margin-left:170px; margin-top:20px; width:620px; height:120px; background-image:url(images/stlogo.gif); background-repeat:no-repeat; text-indent:-9999px }
#stLogo a{float:left; display:inline; margin-top:0px; width:620px; height:80px }

#navTab{float:left; display:inline; margin-top:6px; width:966px; background-color:#000000; height:30px; text-align:center }
#navTab ul { list-style:none; margin-top:4px; margin-left:30px; text-align:center }
#navTab li { display:inline; font-family:verdana; margin-right:15px; color:#fff; font-size:1em;  font-style:normal }
#navTab li a{text-decoration:none; color:#fff;  font-style:normal  }
#navTab li .selected{color:#F00; font-weight:bold }
#navTab h2{ color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-top:6px; font-size:1em; text-align:center}

#boxAboutOne{float:left; display:inline; margin-top:6px; min-height:700px; margin-bottom:60px; width:746px; padding-left:200px }
#boxAbout{float:left; display:inline; margin-top:6px; min-height:700px; margin-bottom:60px; width:946px; }
#content{float:left; display:inline; margin-left:26px; padding-left:25px; padding-bottom:60px; margin-bottom:20px; margin-top:5px; width:445px;

min-height:400px; overflow:auto; border-left:1px dotted #999 }
#contentabout, #idTab2, #idTab1{float:left; display:inline; margin-left:160px; margin-top:30px; width:630px; min-height:600px; margin-bottom:60px }

#leftbar { float:left; display:inline; width:270px; margin-left:60px;  min-height:400px;}
.advdetail {float:left; display:block; margin:30px 0px; width:270px; list-style:none}
	.advdetail a:link, #advdetail span {float:left; display:block; font-size:1.3em; font-weight:bold; width:270px; height:26px; color:#000; text-decoration:none; margin-bottom:10px; border-bottom:1px dotted #999; color:#000}
	.advdetail a:hover{ color:#F00}

.entryContact p{float:left; display:inline; margin-top:8px; line-height:1.8em; }
.entry p a{ text-decoration:none; color:#C30}


pre, pre+p, p+p {margin: 1em 0 0 }
code {font-family: "Courier New", Courier, monospace }


.fieldwrap label{float:left; width:73px }
.fieldwrap img{margin-left:73px; margin-top:2px }
.fieldwrap textarea{width:232px }
.ddfmwrap label{color:#666666}

.stpromo{float:left; display:block; border-top:1px solid #999; border-bottom:1px solid #666; margin:10px 0px; padding:4px 0px;}


/* FORM */
#notices {float:left; display:inline; width:270px; padding-top:10px; padding-bottom:10px; margin-bottom:20px; line-height:1.3em;border-bottom:1px solid #333 }
#notices label{float:left; display:block}
	.blockred {float:left; display:inline; padding:10px 4px; width:262px; background-color:#F00; color:#FFF; margin-bottom:10px;}
.blockred h3{color:#fff; font-size:1.2em}
.blockred h5{color:#000000}
#prevBtn{ display:none}

#contentabout{ margin:0; padding:0; width:630px;  list-style:none; height:600px; }
	#contentabout h3{float:left; display:inline; margin:10px 5px 10px; border-bottom:1px dotted #999; width:100%; padding-top:20px; }	
	#contentabout p{ margin-bottom:1em; line-height:1.3em; }
	#contentabout label{flaot:left; display:inline; padding-left:10px; width:640px; margin-bottom:4px;}

	#notices p {float:left; display:block; margin-bottom:6px; color:#000}
	.input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 16px/20px Helvetiva, Arial, sans-serif; }
	
	#formRegister label.error, #contentabout label .error {
  background:url("images/unchecked.gif") no-repeat 0px 0px; float:left; display:inline;
 padding-bottom: 2px; font-weight: bold; color: #F00; width:200px }

#formRegister label.checked { background:url("images/checked.gif") no-repeat 0px 0px;
}

#formRegister .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px }
	#firstname, #lastname, #email, #comments, #enquiry, #company, #city, #phone, #country{width:250px; height:16px; margin-top:4px; margin-bottom:4px;}
 	.ErrorField { border-color: #D00; color: #D00; background: #FFFFFE }
 	span.ValidationErrors { display: inline-block; font-size: 12px; color: #D00; padding-left: 10px; font-style: italic }
	input:focus, select:focus { outline: none }
	
	.question{float:left; display:inline; width:500px; margin-bottom:4px; padding:5px 0; border-bottom:1px solid #999}
	.question h4{ float:left; display:inline; font-weight:bold; color:#333; width:260px; margin-right:6px;}
	.answer{float:left;}
	
/* TERM COND */	
#formRegister{float:left; display:block; width:630px}
#formRegister a{float:left;display:inline;margin-right:8px;}
#formRegister span{float:left; display:inline; width:100px;}
.regbox{float:left; display:block; clear:both}
#contentabout label.short{width:100px;}
	#confirm{float:left; display:block; width:100%; height:40px; margin:50px 0px; text-align:center}
	#confirm li {float:left; display:inline; font-family:verdana; margin-right:15px; color:#fff; font-size:1em;  font-style:normal }
	#confirm li a{text-decoration:none; color:#333;  font-style:normal  }
	#confirm li a:hover{color:#000; font-weight:bold }
	
	#dobDay, #dobMonth, #dobYear{position:relative;}