@charset "utf-8";
/* CSS Document */

a { text-decoration:none; color:#000000; }
a:hover { color:#000088; }
p a { text-decoration:underline; }
.clear { clear:both; }

h1,h2,h3,h4 { font-weight:bold; margin:1em 0 ; }
h1 { margin-top:0; }
h3 { font-size:16px; }
h2 { font-size:18px; }
h1 { font-size:20px; }
p { margin-bottom: 1.5em; line-height:1.5em;}
p:last-child { margin-bottom:0;}

strong { font-weight:bold; }

body { background: #f2ebd9 url(/assets/img/sitebg.jpg) top center no-repeat; min-height:1100px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#contentWrap { margin:0 auto; width:980px; }
#header img { margin:10px 20px 0 30px; float:left; }
#topMenu { float:left; background:url(/assets/img/splotches/home.png) top left no-repeat; width:645px; height:100px; padding:55px 0 0 0; }
#topMenu a { font-size:16px; font-weight:bold; margin-left:25px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; position:relative;}
#topMenu a img { display:none; }
#topMenu a:hover img { display:inherit; position:absolute; top:-50px; left:-80px; }

.leftCol { width: 660px; margin:0 20px 0 0; float:left; }
.rightCol { width:300px; float:left; }

.mammothText { text-align:center; margin-bottom:20px; line-height:1.8em; background:url(/assets/img/coffee.png) no-repeat top center; }
.mammothText strong { font-family:"Times New Roman", Times, serif; font-weight:normal; }
.what { font-size:19px; }
.major { font-size:26px; }
.mammoth { font-size:19px; font-weight:bold;}
.small { font-size:10px;}
.inlineHr { height:1px; width:64px; background:#000000; margin:3px 8px; display:inline-block; }





input, select, textarea{ border:1px solid #CC9966;margin:3px; height: 18px; padding:4px; color:#666666; font-weight:bold; font-size:14px; background-color:#F9F9F2;}
input:focus, textarea:focus { color:#333; background-color:#FFFFEE; border-width:2px; margin:2px;}

select, input.button, select:active, input.button:active, input.button:focus { height:28px; margin:3px; }
select:focus {background-color:#FFFFEE; margin:3px;}
input.button:active { background-color:#CC9900; border-color:#000000; }


label { text-align:right; display: inline-block; margin:3px; }
select option { margin:2px; padding:3px; color:#C96; }
textarea { height:10em; color:#666666; font-weight:bold; font-size:14px; vertical-align:top; }

input.button { border:3px #666666 solid; text-align:center; background:#CC9966; color:#FFFFFF; padding:0; height:2em; }

.rightCol label { width:80px; font-size:10px; }
.rightCol input { width: 190px; }
.rightCol select { width: 200px; }
.rightCol textarea { width: 190px; }
.rightCol input.button { margin-left:94px; width:200px;}

/* CSS Icon Hover */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.copyright { margin-top:20px; border-top:dotted 1px #CCCCCC; padding:10px;}

#tweets li { margin-bottom:1em;}
#tweets li:first-child { font-size:14px; font-weight:bold; }
.timestamp { font-size:0.6em; color:#999999; }

/* Messages */

.messages { margin:10px 200px; border:3px solid grey; background:#eee; padding:10px; }

.portfolioItem a { font-weight:bold; margin-bottom:0.5em; display:block; }
.portfolioItem { clear:both; margin-bottom:10px;}
.portfolioItem div { float:left; width:450px; }
.portfolioItem h3 { margin-top:0;}
.portfolioItem p { text-align:left;}
.portfolioItem img { float:left; margin: 0 15px 15px 0; border:#999999 5px solid;}