/*
   Base Style Sheet for m0|interactive

*/

@import url(nav.css);  /* CSS for navigation menu. */
@import url(foot.css);  /* CSS for footer menu. */
@import url(lay.css);  /* CSS for layout */
@import url(form.css);  /* CSS for layout */
@import url(lists.css);  /* CSS for lists */

html, body {color: black;font: 12px Arial, Verdana, sans-serif; text-decoration: none; margin:  0; padding: 0; border:  0;}
body {background-color: #333333}

/* Fieldsets in general
 *----------------------------------------------*/
fieldset {background: #9FEC6B;}
fieldset legend {color: #053188;background: #FFF;font-variant: small-caps;padding: .1ex .5ex ;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;font-weight: bold;}

/* HEADERS  ALLOW NO RESIZE OF TEXTS
 *----------------------------------------------*/
h1 {font-size:1.6em; font-weight:bold;}
h2 {font-size:1.3em; margin: 10px 0 10px 0; color:#0066CC;}
h3 {}
h4 {}
h3.aboutheader {letter-spacing: -1px;font-size:1.2em;margin-bottom:5px;color:#99cc33;}
p.titledate {letter-spacing: -1px;font-size:1em;color:#0099FF;margin-top:0;margin-left:10px;}

/* DATE BOX 
 *----------------------------------------------*/
.calPage {
  font-size: 10px; display: block; position: absolute; text-align: center; text-transform: uppercase; line-height: 1.5em; 
  padding-top:2px;width: 35px; left:-5px;top: 0px;color: #fff; background-color: #9ED241}

.numSym {  
  font-size: 20px; display: block; position: absolute; 
  text-align: center; text-transform: uppercase; line-height: 1.5em; 
  padding-top:2px;width: 30px; left:0;
  top: 0; color:#466432;border-right:3px solid #ccee99;border-bottom:3px solid #ccee99;
}

.admin_color { background: #333333; color: #fff;}
.a_color { background: #ADD65B;}
.b_color { background: #C1E083;}
.admin_color .numSym { background:#666666;}
.a_color .numSym { background:#C1E083;}
.b_color .numSym { background:#ADD65B;}

* html .calPage { left:-40px; /*I.E Fix */}
* html .numSym { left:-40px; /*I.E Fix */  top: 2px;}
* html .key { left:-125px; /*I.E Fix */}

.calPage .day {
  display: block; 
  font-weight: bold; 
  font-size: 20px; 
  text-indent: -3px; 
  letter-spacing: -2px; 
  padding-bottom: 5px;
  padding-top: 5px;
  color: #fff; 
  background-color: #ccc
}

/* Positioning and Style
 *----------------------------------------------*/

acronym { border-bottom: dotted 1px #000; cursor:help;}

.post  { position: relative;  margin: 5px; padding: 0 0 2px 36px;}
.comments {  position: relative;  margin: 15px 5px 0 15px; padding: 0 40px 0 40px;}
.comments h3 {padding-top:5px;}
.comments .reply {padding-bottom:5px;}
.post p , .comments p{ margin: 0 0 1em 0;}
.reply { font-size: 0.8em; font-weight:bold;}
.section_title { color: #0066CC; margin: 0.5em 0 0 0.5em; font-weight:normal;}
.sub_section_title { color: #0066CC; font-weight:normal;}
.sub_section_title { margin-top:15px; padding:0 0 0 10px; font-size:16pt; color:#0099FF;}
.withoutsidebar .sub_section_title { padding:0;}
.key {display: block; background: url(http://www.m0interactive.com/images/key.gif) 0 0 no-repeat; position: relative; text-align: center; width: 100px; height: 100px;left:-25px; top: -40px;}
.error_message {color: #ff0000;border: 0;}

#archive_nav .smaller { font-size:0.9em; color:#466432;}
#article_footer p { margin:0; padding:0;}


#mainContent h3.title_link {color:#466432;}
#mainContent a { text-decoration: none;color: #466432; border-bottom: dotted 1px #466432;}
#mainContent span.numSym a { border: 0;}
#mainContent .admin_color span.numSym a { color: #ccc;}
#mainContent span.numSym a:hover { background: none;}
#mainContent .admin_color span.numSym a:hover { color: #fff;}
#mainContent a:hover { border:0; background-color: #99cc33; color: white;}
#mainContent .reply a { text-decoration: none; color: #466432; border:0;}
#mainContent h2.addreply a { color:#466432;border-bottom: none;}
#mainContent h2.addreply a:hover {color:#466432;}
#mainContent .title_link a { border:0; text-decoration: none;color: #333;}
#mainContent .title_link a:hover { color: #333; background-color: transparent;}

/* for the quote system */
#projects div#outerquote { float: right; padding:20px 0 10px 10px; width:300px; font-size:0.8em; font-style:italic; color:#466432;}
#projects span.bigger1, #projects span.bigger2 { font-size:500%;margin-top:-20px;}
#projects span.bigger1 { padding-top:15px; float: left;}
#projects span.bigger2 { padding-bottom:18px; float: right;}
#projects #innerquote { padding:0 20px 0 20px;}

#archive_nav { padding: 15px 0 0 15px;  color: #0066CC; font-weight:normal;}
#archive_nav a {  color: #0066CC;}

.smaller {  font-size:1.4em;}
h1 span a { display:block;  margin: 10px 0 30px 20px;}
.resume a { margin: 5px auto;display: block; background: url(http://www.m0interactive.com/images/resume.gif) no-repeat;width:150px;height:196px;}
.resume p { padding: 0 0 5px 0}

/*IMAGE REPLACEMENT*/
/* contact */
#subheader {  float:right;  width: 343px;  height: 256px;  margin-bottom:15px;  position: relative;}

#subheader span { background: url(http://www.m0interactive.com/images/contact.gif) no-repeat; position: absolute;  width: 100%;  height: 100%;}
#contact {margin-top:20px;}
#contact p { margin:0 0 10px 0;  padding:0;}
#contact p span { font-weight:bold;  display:block;}
#loaded,#loading { width:336px;  height:212px;border: 15px solid #eee;  float:right;  margin: 20px 30px 50px 0;}
#loading { background: url(http://www.m0interactive.com/images/loading_archive.gif) no-repeat;}
#loaded { background: url(http://www.m0interactive.com/images/load_archive.gif) no-repeat;}
#portfolio { background: url(http://www.m0interactive.com/images/portfolio.gif) no-repeat; width:250px; height:169px; float:right; margin: 20px 15px 50px 10px;}
#tutorial {background: url(http://www.m0interactive.com/images/tutorial.gif) no-repeat; width:185px; height:162px; float:right; margin: 20px 15px 50px 10px;}
h3.hasuri a {padding-right: 30px;background: url(../images/url.gif) right no-repeat;}


/*STYLES FOR THE BLOG ARTICLES*/
table.timetable {font-family:Trebuchet MS;width:500px;margin:0 auto;background:#fff;border:outset 1.0pt;}
table.timetable td {border:inset 1.0pt;padding:.75pt .75pt .75pt .75pt;}
.bold {font-weight:bold;}
.coursename {font-size:7.5pt;text-align:center;}
table.timetable tfoot td {font-weight:bold;text-align:center;}


#ya-badge { background-color: #fff; padding:0px; font-family:arial; margin: 0 auto;}
#ya-badge #ya-faces {display: none; background:url("http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr/badge_emoticon.gif");height:53px; }
#ya-badge a { color:#00401A!important; text-decoration:none; }
#ya-badge a:hover { color:#006127; text-decoration:underline; }
#ya-badge #ya-badge-content #ya-badge-title { display:none;font-family: arial; font-weight:bold; font-size: 13px; margin:5px;}
#ya-badge #ya-badge-content ul { padding:0px!important;margin:0px!important;list-style-type: none!important;padding-left: 0px!important; border:0px!important; background-color: #fff;}
#ya-badge #ya-badge-content ul .ya-listitem { margin-left:5px!important; margin-right:5px!important; list-style-type: none!important; padding: 0px!important; font-family: arial; margin-bottom:3px; padding-bottom:3px; border-bottom:1px #dfdfdf solid; text-indent: 0px!important;}
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-title { font-size: 11px; }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata {display:block; color: #333; font-size: 9px; }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata a {color: #333!important; font-size: 9px; }
#ya-badge #ya-badge-content ul .ya-listitem .ya-question-metadata a:hover { color:#006699; text-decoration:underline; }
#ya-badge #ya-more-link { font-size: 10px; text-align:right; display:block; margin:5px; } 
#ya-badge #ya-badge-content #ya-level-area { color: #00401A; display:block; font-size:12px; text-align:center; }
#ya-badge #ya-badge-content #ya-level-area a { color: #00401A!important; }
#ya-badge #ya-badge-content #ya-level-area .ya-level-number { font-weight:bold;  }
#ya-badge #visit-link { display: none; margin:5px; margin-left:10px; color:#00401A; font-size:10px; margin-top:5px; }
#ya-badge #visit-link a { color:#00401A!important; text-decoration:underline; }

#mysql-logo {margin: 10px;border-top: 5px solid #eee;}
#mysql-level-area { color: #00401A; display:block; font-size:12px; text-align:center; padding-bottom: 10px;}
#mysql-level-area a { color: #00401A!important; }
#mysql-level-area .ya-level-number { font-weight:bold;  }

/* Styles for portfolo */
pre.code {width:95%;padding: 5px 5px 16px;font-size: 12px;font-family: monospace;background-color: rgb(250,250,250);border-width: 3px 1px 1px;border-style: solid dotted;border-color: rgb(160,160,160); line-height: normal;}
pre.code span.codetopic {color: red;font-weight:bold;font-size: 12px;}
/* IE mac sucks, the PREs disappear completely \*/
pre {overflow: auto;}

.download:hover { background-color: #9ed241}