/*  
Theme Name: MLP Design v7
Theme URI: http://www.mlpdesign.net/
Version: 7.0
Author: Maica Policarpio
Author URI: http://www.mlpdesign.net/
*/

/* Global Settings */
body
 { background:url(images/bg-header.gif) repeat-x #fff; 
   color:#666; 
   font:normal 10pt Arial,sans-serif; 
   text-align:center;
   padding:0;
   margin:0;}

a:link, a:active, a:visited
 { background-color:inherit;
   color:#6c0;
   text-decoration:none; }

a:hover
 { text-decoration:underline; } 

acronym 
 { cursor:help;}


input, textarea, select
 { background:#fff; 
   color: #999; 
   border:#666 1px solid;
   margin:8px 0 0 0;}
  
img
 { border:0; }

.center
 { text-align:center;
   border:0;	}
 
.clear
 { clear:both; }

.spacer
 { height:5px;
   clear:both; } 

/* Wrappers */
#wrapper
 { width:780px;
   padding:0 0 10px 0;
   margin:0 auto; }
   

   
/* Header Items */
#header
 { background:url(images/logo-top.gif) no-repeat;
   width:780px;
   height:165px;
   padding:0;
   margin:0; }

#header h1,#header span
 { font-size:0;
   display:none; }   
#header ul
 { padding:15px 0 0 0;
   border:0;
   margin:50px 10px 0 0;
   float:right; }

#header ul li  
 { padding:0 5px;
   display: inline; }

/* Sidebar Items */
#sidebar
 { background-color:#fff;
   color:#666;
   width:230px;
   text-align:left;
   padding:0;
   margin:0;
   float:left; }

#sidebar h2
 { font:bold 9pt Arial,sans-serif;
   text-transform:uppercase;
   border-bottom:1px solid #333;
   padding:5px;
   margin:10px 5px 10px 15px; }

#sidebar ul 
 { width:210px;
   font:bold 9pt Arial,sans-serif;
   padding:0;
   margin:0 0 20px 15px; }

#sidebar li 
 { list-style: none;
   border-bottom:1px solid #ddd;
   padding:0;
   margin:0;
   display:block; }

#sidebar li a
 { background:#fff;
   color:#666;
   text-decoration: none;
   padding:5px 0 5px 20px;   
   display:block;  }

#sidebar li a:hover,#sidebar li a.active
 { background:url(images/ico-more.gif) 1px 50% no-repeat;
   color:#9c6;
   text-decoration: none;
   padding:5px 0 5px 20px;   
   display:block;}

#sidebar li ul
 { width:160px;
   padding:0;
   margin:0 0 0 15px;} 

#sidebar li ul li
 { border-color:#fff;  }   
 
#sidebar p
 { text-align:justify;
   font-size:8pt;
   padding:5px 10px 5px 20px;
   margin:0; }        

#sidebar p.headline
 { font-weight:bold;
   margin-top:10px; }   

#sidebar .ads
 { padding:0;
   margin:0 0 0 20px; }
    


/* Content Items */
#content
 { background-color:#fff;
   color:inherit;
   width:540px;
   text-align:left;
   padding:0;
   margin:0 0 0 10px;
   float:left; }  

#content h2 
 { background:url(images/bg-boxtop.gif) repeat-x #9c6;
   color:#fff;
   font-weight:bold;
   font-size: 12pt;
   padding:3px 0 2px 12px; 
   margin:10px 0 0 0;}

#content h3 
 { font-weight:bold; 
   font-size:1em;
   padding:5px 0 0 12px;
   margin:10px 0;}

#content h4
 { border-bottom:#999 1px solid;
   text-align:left;
   font-size: 1em; 
   font-weight: lighter; 
   letter-spacing:.1em; 
   padding-bottom:10px; 
   clear:both;}
 
#content ul 
 { list-style:none;
   padding:1px;
   margin-left:20px; }

#content ul li 
 { background: url(images/bg-hover.gif) 0 5px no-repeat #fff; 
   color:inherit;
   padding:2px 0 2px 20px; }

#content p
 { font-family:Verdana,sans-serif; 
   text-align:justify;
   line-height:1.5em;
   padding:5px 12px;
   margin:0; }
   
#spotlight
 { background:url(images/bg-spotlight1.gif) no-repeat;
   width:540px;
   height:135px;
   padding:0;
   margin:10px 0; }

#spotlight a:link, #spotlight a:active, #spotlight a:visited
 { background-color:#fff;
   color:#666;
   text-decoration:none;}

#spotlight a:hover
 { background:url(images/bg-boxtop.gif) repeat-x;
   color:#fff; }   
  
#spotlight .img
 { background-color:#eee;
   color:inherit;
   width:125px;
   height:95px;
   padding:5px;
   margin:0 15px 5px 250px;
   float:left;} 

#content .overview
 { width:270px;
   padding:0;
   margin:0;
   float:left; }

#content .boxes
 { background:url(images/bg-boxes.gif) bottom right no-repeat;
   width:255px;
   height:110px;
   padding:0;
   margin:10px 0 15px 5px; }      

#content .boxes p
 { font:normal 8pt Arial,sans-serif;
   text-align:justify;
   padding:5px 10px;
   margin:10px 0 0 0;}
   
#content .boxtop
 { background:url(images/bg-boxtop.gif) repeat-x #9c6;
   color:#fff;
   font-weight:bold;
   width:240px;
   height:18px;
   padding:3px 0 0 10px;
   margin:0; }
   
#content .boxtop a
 { background:inherit;
   color:#fff;
   text-decoration:none; }

#content .boxtop a:hover
 { text-decoration:underline; }  

#content .resources a
 { background-color:inherit;
   color:#111;
   text-decoration:none; }
   
#content .resources a:hover
 { text-decoration:underline; } 
 
#gallery
 { width:525px;
   text-align:center;
   padding:0;
   margin:0 auto; }

#gallery strong
 { background:inherit;
   color:#9c6;
   font-weight:normal; }

#gallery .item  
 { background-color:#f9f9f9;
   color:inherit;
   padding:2px 5px;
   margin:5px; }
 
#gallery .thumb 
 { width:120px; 
   text-align:center; 
   margin:10px 10px 10px 15px; 
   float:left; }

#gallery .thumb .img
 { width:120px;
   height:90px;
   border:1px solid #777;    
   display: inline; }

#gallery .desc 
 { width:350px;
   text-align:left;
   line-height:1.75em;
   word-spacing:.1em; 
   font-size:9pt;
   padding:5px 0 0 0;
   margin:0; 
   float:left;} 

#codingproject
 { width:525px;
   text-align:center;
   padding:0;
   margin:0 auto; }

#codingproject .item
 { background-color:#f9f9f9;
   color:inherit; 
   width:150px;
   height:200px;
   padding:10px 5px 5px 5px;
   margin:5px;
   float:left; }

#codingproject img
 { border:1px solid #ccc;
   padding:5px;
   margin:0; }
   
#codingproject p
 { font-size:7pt;
   text-align:center; } 

/*Contact Form*/
ul#contactform 
{	list-style:none;
	text-align:left;   
    padding:0;
    margin:20px 0 0 30px;}
    
ul#contactform li
  { 	background:url(images/bg-hover.gif) 0 5px no-repeat;
	padding:1px 0 20px 18px;
	margin:0;
    display:block;}
	
ul#contactform .btn
 { background: #9c3;
   color: #fff; 
   border: 1px solid #666;
   font-size: 8pt; 
   margin:0;}

ul#contactform img
{	width:110px;
	height:35px;
	border:0;
	padding:5px 12px 0 0;
	float:left;	}

#credit a
{	background-color:inherit;
	color:#FFF;
	padding:0;
	margin:0;
	float:right;}
 
/* Footer Items */
#footerwrapper
 { background:url(images/bg-footer.gif) repeat-x #fff; 
   color:#ccc;
   width:100%;
   padding:0;
   margin:0; }

#footer
 { width:780px;
   height:45px;
   font-size:9pt;
   padding:0;
   margin:0 auto; }    

#footer a
 { background:inherit;
   color:#ccc;
   text-decoration:none; }

#footer a:hover
 { background:inherit;
   color:#888;
   text-decoration:none; }   

#footerleft
 { width:400px;
   text-align:left;
   padding:20px 0 0 15px;
   margin:0;
   float:left; }

#footerright
 { width:350px;
   text-align:right;
   padding:20px 15px 0 0;
   margin:0;
   float:left; }