@charset "iso-8859-1";
 /*#############################################################

Author: Arnel E. Siazon
arnelsiazon@gmail.com

#############################################################*/   	
 
/********************************************
   HTML ELEMENTS
********************************************/ 
* { padding: 0; margin: 0; }

body {
	
	background:#fff url(../images/bg.jpg) top center repeat;
	font: 11px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif;
	color:#3F3F3F;

	
	}
	
	
h1 { font: 18px  Georgia, "Times New Roman", Times, serif; color:#0065A4; font-weight: bold; margin-bottom:5px;} 


h2 { font: 12px Georgia, "Times New Roman", Times, serif; color:#3F3F3F; font-weight: bold; margin-bottom:5px;} 
h3 { font: 12px Georgia, "Times New Roman", Times, serif; color:#0065A4; font-weight: bold; margin-bottom:2px;} 











/* links */
a {

color: #961B1E;
}

a:visited {
	color: #961B1E;
}


a:hover {
	color:#961B1E;
	text-decoration:underline;


}




img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
}


#gradient {
margin: 0 auto;
padding: 8px;
background: #FFFFFF;
width:900px;
}

#global {
margin: 0 auto;
height:auto;
width:900px;
background:#FFFFFF url(../images/gradient_side2.jpg) repeat-y;

}

#header {
position:relative;
}

#header-left {
float:left;
height:145px
}

#header-mid {
background: url(../images/justice_img.jpg) no-repeat;
float:left;
text-align:left;
width: 610px;
padding: 0 0 0 0;
margin: 0 0 0 0;
color:#ffffff;
height:145px;
}


#joinbox{
position:relative;
top:5px;
left: 150px;
width:300px;
}

#navi{
position:relative;
color:#FFFFFF;
font-weight:bold;
top:120px;
left: 150px;
width:300px;
}


#header-bottom{
clear:both;
height: 0px;

}











#container{
padding: 0;
margin: 0;
}







#left-side{

width: 216px;
display: inline;
font-size:15px;
float:left;
margin: 0 10px 0 0;
height:100%;
min-height: 100%;



}

#left-side ul.sidemenu {
	list-style:none;
	margin:0 0 10px 0px;
	padding:0;
}
#left-side ul.sidemenu li {

	margin-bottom:1px;
	
}
#left-side ul.sidemenu a {

	display:block;
	font-weight:bold;
	color: #5D5F60;	
	text-decoration:none;	
	padding:2px 5px 5px 7px;
		
	min-height:18px;
}

* html body #left-side ul.sidemenu a { height: 18px; }

#left-side ul.sidemenu a:hover {
	padding:2px 5px 5px 7px;

	color: #999999;

}


#search {
text-align:left;
margin: 0 0 0 10px;
font-size:11px;
}




#middle{
float:left;
width: 654px;
margin: 0 10px 0 10px;

}

#info{
margin: 0 0 10px 0;
line-height: 15px;
}


#info2{
margin: 0 0 10px 0;
padding: 5px 5px 0px 5px;
}

#head_img{
float:left;
}

#headline{
float:left;
width:247px;
margin: 0 0 0 5px;
}

#info_cl{
clear:both;
height: 1px;
}



#info-local{
margin: 0 0 15px 0;
padding: 0 0 0 5px;
}

#info-local a{
color:#3F3F3F;
font-weight:normal;
font-size: 12px;
}

#info-local a:hover{
color:#0065A4;

}



#right-side{
float:right;
width: 332px;
margin: 10px 0 0 5px;
}


#follow-cont{
background:url(../images/grad.jpg) repeat-y;
width: 332px;
margin: 10px 0 5px 0;
padding: 0;
}


#follow{
background:#FFFFFF;
text-align:center;

}




#end{
clear:both;
height: 1px;
}





.read1 a{
color:#0065A4;
font-weight:bold;
font-size:11px;



}

.read1 a:hover{
color:#0065A4;
text-decoration:underline;

}

span.formButton input{
background: transparent url(../images/go.jpg) no-repeat;
width: 32px;
height: 25px;
border:none;
}

input {
	padding: 4px;
	border:1px solid #999999;
	font: normal 1em Verdana, sans-serif;
	color:#3F3F3F;
}


span.formButton2 input{
background: transparent url(../images/submit.png) no-repeat;
color:#ffffff;
border:none;
margin: 5px 0 10px 0;
padding:2px;
font-size: 13px;
}

span.formButton3 input{




}

#footer {
margin: 0 auto;
padding: 5px 0 0 0;
width:914px;
height: 50px;
background:none;
color:#FFFFFF;
line-height: 15px;
}

#footer a { 
	color: #ffffff;
	font-weight:normal;
}


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



#footer-left {
float:left;
}

#footer-box {
border:1px solid #ffffff;
padding:3px;
margin-bottom:5px;

}

#footer-right {
float:right;
text-align:right;
}

.archive a{
color:#0054A5;
font-weight:bold;
font-size:12px;
float:right;
padding-right: 10px;
}

.archive22 a{
color:#0054A5;
font-size:12px;
}

.think a{
color:#961B1E;
font-weight:bold;
font-size:12px;
background:url(../images/star.jpg) no-repeat;
padding: 0 0px 0 14px;

}

.think2 a{
color:#961B1E;
}


#commentbox input{
margin: 2px;
border:1px solid #999999;
}

#commentbox textarea{
margin: 2px;
}

#mysubmit {
background: url(../images/mysubmit.jpg) repeat-x;
padding: none;
}

span.formButton input{
background: transparent url(../images/go.jpg) no-repeat;
width: 32px;
height: 25px;
border:none;
}

.yellow a{
color:#ce3d3d;
}

.white a{
color:#FFFFFF;
}