/* Theodore Lee Portfolio Site 
XHTML and CSS - Copyright 2006 Theodore Lee
*/
/* Postitioning */
body{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;line-height:15px;color:#333333;
	background:url(../images/bg-2011.jpg)repeat-x;
	background-attachment:fixed;
	background-position: center bottom;
	margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
#frame{width:800px;margin-right:auto;margin-left:auto;padding:0px;text-align:left;margin-top:0px;top:0px;}
#body{width:758px;min-height:400px;padding:20px;background-color:#FFF;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;}
#body h2{font-family:Arial Black,sans-serif;font-size:16px;color:#2DA4DE;}
#body p{font-size:14px;}
#contentleft{width:398px;height:1550px;padding:0px;float:left;background:#E5E5E5;border-top:1px solid #999999;border-right:1px solid #999999;border-bottom:1px solid #999999;border-left-width:1px;border-left-style:solid;border-left-color:#999999;}
#contentcenter{width:199px;height:1550px;padding:0px;float:left;background:#eee;border-top:1px solid #999999;border-right:1px solid #999999;border-bottom:1px solid #999999;}
#contentright{width:199px;height:1550px;padding:0px;float:left;background:#E5E5E5;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-color:#999999;border-right-color:#999999;border-bottom-color:#999999;font-weight:bolder;}
#contentheader{background:#fff}
p,h1,pre{margin:0px 10px 10px 10px;}
h1{font-size:14px;padding-top:10px;}
#frame h1{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bolder;color:#333333;}
#contentheader h1{font-size:14px;padding:10px;margin:0px;}
#contentright p{font-size:10px}
#nav{background-color:#EEEEEE;background-image:url(../images/masthead-8.jpg);height:35px;width:800px;margin:0px;padding:0;overflow:hidden;}
#nav ul{list-style:none;padding:0;margin:0}
#nav ul li{width:264px;text-align:center;display: block;float:left;font-size:16px;font-family:Cabin,sans-serif;}

#nav .first{width: 266px !important;}
#nav .center{width:268px !important;border-right:1px solid #999;border-left:1px solid #999;}
#nav .last{width:266px !important;float:right;}

#nav ul li:hover { background: #000; }
#nav ul li a { color: #fff; text-decoration: none; margin:0; height:35px;line-height:35px; }

#footer{height:40px;width:798px;line-height:35px;text-align:right;background:#fff;border-left:1px solid #999; border-right:1px solid #999;}
#footer p { padding: 0 10px;}
li{list-style-image:url(../images/bullet.png);}
#contentleft .heading{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#2DA4DE;margin-top:10px;}

#social{background:#fff;border-left:1px solid #999; border-right:1px solid #999;}
.twitter {width:40px;float:left;padding:10px 25px 0 10px}
.facebook{width:50px;float:left;padding:10px 20px 0 0;}
.plusone{width:50px;float:left;padding:10px 20px 0 0;}
#header{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#333333;height:150px;background:#FFF url(../images/ted.jpg) no-repeat 600px 5px;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:#999999;border-left-color:#999999;}
#header h1 {font-family:Cabin,sans-serif;font-weight:normal;height:30px;line-height:30px;font-size:70px;color:#2DA4DE;text-align:center;padding-top:70px;letter-spacing:-2px;}
#header h1 a{color:#2DA4DE;text-decoration:none;}
#header h1 a:hover{color:#999;text-decoration:none;}
#header p {margin:0;padding:20px 0 0 0;display:block;font-family:sans-serif;color:#666;font-weight:bolder;text-align:center;}
#header p a {color:#666 !important;text-decoration:none;}
#header p a:hover{color:#333 !important;text-decoration:none;}
#contentcenter .heading{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#2DA4DE;margin-top:10px;}
#contentright p{margin-right:10px;margin-left:10px;font-size:11px;}
#contentright .heading{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#2DA4DE;margin-top:10px;}
.heading1{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#2DA4DE;font-weight:bolder;}
.darkblueheading{color:#0080FF,font-size:12px;}
a:link,a:visited,a:active{color:#357FB7;text-decoration:none;}
a:hover{color:#666;border-bottom:none;text-decoration:underline;}
#contentleft ul li{list-style-image:url(../images/bullet.gif);}
/* Lightbox Classes */
#lightbox{background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em;padding-top:0.4em;}
#lightboxCaption{width:100%;margin:0px;padding:5px;font-size:13px;float:left;background-color:black;color:white;}
#keyboardMsg{float:right;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image:url(../images/overlay.png);display:none;}
#close { display: block; position: relative; width: 30px; height: 30px; background: url(../images/fancy_close.png) no-repeat; float: right; margin: -25px -25px 0 0; cursor: pointer; }
/*
* html #overlay{background-color:#333;back\ground-color:transparent;background-image:url(../images/blank.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png",sizingMethod="scale");}
*/
/* Contact Classes */
#overlay { width: 100%; height: 100%; background:url(../images/overlay.png); position: fixed; top: 0; left: 0; z-index:2; }
#contact{z-index:3;position:absolute;background:#000;padding:10px;border:4px solid #fff;width:375px;height:500px;margin:0 auto;top:50%;margin-top:-177px;left:50%;margin-left:-187px;border-radius:12px;position:fixed;
#contact h5{font-size:16px;font-weight:bolder;margin:0;padding:4px;padding-bottom:10px;}
#contact label{float:left;font-weight:bolder;width:6em;font-size:12px;}
#contact p{line-height:18px;color:#FFF;font-size:12px;}
#contact input,#contact textarea{border:1px solid #999;color:rgb(85,85,85);font:normal normal normal 11px/normal Arial,Helvetica,sans-serif;margin:0px 5px 0px 0px;padding:4px;font-size:12px;line-height:16px;background-image:url(../images/input-field-bg.gif);background-repeat:repeat-x;}
#contact input:focus:hover,#contact textarea:focus:hover{background-color:yellow;}
#submit{margin-left:6em;color:white;background-image:url(../images/button-bg.gif);background-repeat:no-repeat;border:1px solid #CCC;text-shadow:1px 1px 1px #000;font-weight:bolder;padding:2px 5px;}
#contact #submit:hover{background-image:url(../images/button-bg-hover.gif);}
.show{font-size:14px;color:white;padding-left:20px;text-align:right;margin-left:700px;}
a.show{color:white;text-decoration:none;}
.required{color:red;font-weight:bolder;}
label#name_error{margin-left:120px;}
label#email_error{margin-left:120px;}
label#email_error{margin-left:120px;}
label#phone_error{margin-left:120px;}
iframe{border:none;overflow:hidden;margin:0;padding:0;}