/*
Color Alternatives:
#660000 (reddish)
#430064 (dark purple)
*/

@font-face { font-family: "Colaborate"; src: url(ColabReg.otf) format("opentype"); }

body { color: #FFF; font-size: 1em; font-weight: normal; background: #42403C;}
/* Font Set */
body, h1, h2, h3, p, ul, li {font-family: Corbel, Arial, Sans-Serif;}

img { border: none; }

h1 {font-size: 3.0em; font-weight: normal; color: #FFF; float: left; margin: 0px; padding: 0px; line-height: 75px; text-shadow: 2px 2px 2px #000; font-family: Colaborate, Calibri, "Trebuchet MS", Helvetica, Sans-Serif; }
h2 { font-size: 1.8em; font-weight: normal; color: #FFF; margin: 15px 0; text-shadow: 2px 2px 2px #222; font-family: Colaborate, Calibri, "Trebuchet MS", Helvetica, Sans-Serif;  }
a { color: #FFF; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; color: #FFF; }

#wrapper { width: 800px; margin: 0px auto; padding: 0 25px; }

.top {margin: 15px 0;}
.entro {font-size: 2.2em; text-align: center; margin: 20px 0; padding: 20px; background: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
 span.slant {font-style:italic; color: #C6CE73;}
 span.slant2 { font-family: miriad, serif; color: #EFDC94; }
 span.slant3 {font-weight: bold; color: #8AA06D;}
 span.slant4 { color: #C6CE73; font-size: 1.2em;}
 span.slant5 {color: #FFF2B1;}
 span.slant6 {font-style:italic; color: #8AA06D;}

img.picture { float:right; margin: 0 0 10px 10px; border: 3px solid #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#briefly { margin: 30px 0; }

ul.menu { list-style: none; margin: 10px auto; text-align: center; padding: 0px; }
ul.menu li { margin: 0 10px; display: inline; font-size: 1.1em; }
ul.menu a { color: #EFDC94; font-weight: normal;}
ul.menu a:hover {  }

ul.social { list-style: none; margin: 15px auto; padding: 0px; text-align: center; }
ul.social li { display: inline; margin: 0 2px; }
ul.social li a img { filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
ul.social li a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }

#recent { margin: 25px 0; padding: 15px 0 0 0; border-top: 1px solid #EEE; }

#recent .twitter { width: 48%; float: left; }
#recent .blogs { width: 48%; float: right; }

#recent a:hover {text-decoration: underline;}

#twitterID ul, #blogsID ul { list-style: none; margin: 0px; padding: 0px; }
#twitterID ul li, #blogsID ul li { margin-bottom: 4px; padding: 3px 0px 8px 20px; border-bottom: 1px solid #EEE; }
#twitterID ul li { background: url(../images/twitter_16.png) 0px 5px no-repeat; }
#blogsID ul li { background: url(../images/rss_16.png) 0px 5px no-repeat; }
#twitterID ul li a, #blogsID ul li a { font-weight: normal; text-decoration: none; }

.labelfield{ /*CSS for label field in general*/ color:#CCC; font-size: 90%; }
.datefield{ /*CSS for date field in general*/ color: #999; font-size: 90%; }

code{ /*CSS for insructions*/ color: red; }

#footer { font-size: 90%; color: #999; text-align: center; margin: 40px 0 0 0;  }

div.clear {clear:both;}