/* Senior Portfolio Main Style Sheet http://deborahmauldin.com*/

/* @group Document */

html, body { margin: 0; padding: 0; font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; background-image: url(img_main/Bg.gif);}
p a, p a:link, p a:active, p a:visited, p a:hover{ color: #960040; text-decoration: none; border-bottom: 1px dotted; }
p a:hover{ color: #696969; border: 0 none; }
/* @end */

/* @group Content */
#container{ position: relative; width: 740px; margin: 0 auto; background-color: #fff; border-right: 12px solid #C4C4C4; border-left: 12px solid #C4C4C4; }

/* @group Header */
#header { position: relative; height: 130px; background-image: url(img_main/headerBG.gif); background-repeat: repeat-y; color:#fff; }
#header #mylogo { position: absolute; left: 30px; top: 15px;}
/* @end */

/* @group Navigation */
#nav{ background-image: url(img_main/navBg.png); width: 740px; height: 39px; border-top: 3px solid #C4C4C4; margin: 0px; padding: 0px; font-family:  "Gill Sans", Lucida, Tahoma, Verdana, sans-serif; }
#nav ul{ list-style: none; }
#nav li{ float: left; position: relative; font-size: 1.2em;}
#nav li a { color: #333333; display:  block; line-height: 36px; margin-right: 15px; margin-top: -16px; padding: 0px; text-align: center; text-decoration: none;}
#nav ul li a:hover {background: url(img_main/hover.gif) bottom center no-repeat; color: #960040; text-decoration: none;} 
/* @end */

/* @group Sections */
#content { padding: 0 25px;}

p{ line-height: 1.6em; margin: 0 0 1em 5px; }
a:link { color: #960040; text-decoration: none;}
a:hover { color: #696969; }

h1{ position: relative; top: 0; left: -79px; width: 740px; height: 40px; margin: 0; padding: 15px 0 0 60px; font-family:  "Gill Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 160%; font-weight: 100; color: #fff; background-image: url(img_main/h1Bg.gif); background-repeat: no-repeat; background-position: 54px; }

span.toTop{ position: relative; top: -2px; right: 6px; float: right;}
span.toTop img{ border: 0 none; }
span.toTop img:hover { background-image: url(img_main/topHover.gif); }


ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{list-style: none; float: left; padding: 0; margin: 5px; position: relative; text-align: center; }
ul.thumbs li a img{ border: 5px solid #CCCCCC; height: 100px; }
ul.thumbs li a:hover img{ border: 5px solid #22333a; }
ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }

#about{  }
.aboutRight{ margin-top: 5px; margin-left: 10px;float: right; background-color: #F9F9F9; border: 5px solid #CCCCCC; padding: 3px; font: 11px/1em "Gill Sans", Lucida, Tahoma, Verdana, sans-serif; text-align: center; }
.aboutRight img{ border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px;}

/* @end */

/* @group Footer*/

#footer{ position: relative; background-color: #fff; color: #7F7F7F; margin-top: 10px; padding: 10px 0 10px 0; font-size: 75%; text-transform: uppercase; background-image: url(img_main/headerBG.png); background-repeat: repeat-y; background-position: bottom; border-top: 3px solid #C4C4C4; border-bottom: 3px solid #C4C4C4; }
#footer p{ padding: 0 0 .25em 30px; margin: 0 290px 0 0; }
#footer p.thanks{ margin: 0 25px; padding: .25em 5px; }
#footer ul{ margin: 0; padding: 0; list-style: none; position: absolute; top: 1.2em; right: 30px; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color: #fff; text-decoration: none; }
#footer a:hover{ color: #960040; border: 0 none; }

/* @end */
/* @end */


/* @group clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 
/* @end */