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

Author: Arnel E. Siazon
arnelsiazon@gmail.com

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

body {
	
	background:#005288;
	font: 11px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif;
	color:#5D5F60;

	
	}
	
	
h1 { font: 18px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#0065A4; font-weight: bold; margin-bottom:5px;} 


h2 { font: 13px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#0065A4; font-weight: bold; margin-bottom:5px;} 
h3 { font: 11px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#54B948; font-weight: bold; margin-bottom:5px;} 
h4 { font: 11px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#3F3F3F; font-weight: bold; margin-bottom:5px;}
h5 { font: 18px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#54B948; font-weight: bold; margin-bottom:5px;}
 
 a:link img, a:visited img
{
	/* seems to prevent flickering in Mozilla-based browsers */
	opacity:0.999;
}
a:active img, a:hover img, a:focus img
{
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
}

 
 
 
/* links */
a {

color: #0065A4;
}

a:visited {
	color: #0065A4;
}


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


}




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







#gradient {
margin: 0 auto;
padding: 7px;
background:url(../images/grad_wide.jpg) repeat-y;
width:1024px;
}

#global {
margin: 0 auto;
height:auto;
width:1024px;
background:#FFFFFF;

}

#header {
position:relative;
}

#header-left {
float:left;
}

#header-mid {
float:left;
text-align:right;
width: 495px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
color:#0065A4;
}

#header-mid a {
font-weight:normal;

}




#header-right{
float:right;
}

#header-bottom{
clear:both;
background:url(../images/grad_wide.jpg) repeat-y;
height: 7px;

}











#container{
padding: 5px;
margin: 15px 5px 0 5px;
}






#left-side{
width: 210px;
display: inline;
font-size:15px;
float:left;


}

#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;
	border-bottom:1px solid #CCC;	
	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;
	border-bottom:1px solid #ccc;
}


#search {
text-align:right;
margin: 20px 0 20px 0;
}




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

#back{
float:right;
}

#info{
margin: 10px;
width:750px;
}




#com{
margin: 10px;
padding: 0 33px 0 33px;
}

#com img{
margin: -10px -33px -10px -33px;
overflow:hidden;
}


#info-local{
}

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



#info img {
margin-right: 10px;
}




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


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


#follow{
background:#FFFFFF;
text-align:center;
height:72px;

}




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





.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 #4b4b4b;
	font: normal 1em Verdana, sans-serif;
	color:#3F3F3F;
}

textarea {
	padding:2px;
	border:1px solid #4b4b4b;
	color:#3F3F3F;
}




span.formButton2 input{
background: transparent url(../images/submit.jpg) no-repeat;
color:#ffffff;
border:1px solid #000000;
margin: 5px 0 10px 0;



padding:2px;
font-size: 13px;

}

span.formButton3 input{




}

#footer {
margin: 0 auto;
padding: 5px 0 0 0;
width:1038px;
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-right {
float:right;
text-align:right;
}

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

.archive22 a{
color:#0065A4;
}

.think a{
color:#54B948;
font-weight:bold;
font-size:12px;
background:url(../images/think_bt.jpg) no-repeat;
padding: 0 8px 0 18px;
}

.think2 a{
color:#54B948;
}



#commentbox input{
margin: 2px;
}

#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;
}



#vid{
margin: 0 10px 0 10px;
float:left;
width:268px;
}


#video-description{
float:left;
width: 230px;
}



.more a{
color:#0065A4;

}