/* CSS style: author - Matthew Laine */

body {margin:0; padding:0; line-height:18px; background-color:#CCCCCC; font:11px normal  Arial, Helvetica, sans-serif, Helvetica, sans-serif; color:#939BAC; }
img{border:0; }

/*font styles*/
p{font:11px normal  Arial, Helvetica, sans-serif, Helvetica, sans-serif; color:#939BAC; }
ul{list-style:none; }
.txt12{font:12px normal  Arial, Helvetica, sans-serif; color:#666666; }
.large{font:14px bold  Arial, Helvetica, sans-serif; color:#939BAC; text-decoration:underline; }
a, .red {font:14px normal "Courier New", Courier, monospace; color:#FF0000; }
a.red_title{font:22px normal "Courier New", Courier, monospace; color:#FF0000 !important; }
.white{font:14px normal "Courier New", Courier, monospace; color:#FFFFFF; }
.XL{font:22px normal  Arial, Helvetica, sans-serif; color:#939BAC; }
.XXL{font:34px normal  Arial, Helvetica, sans-serif; color:#939BAC; }
a:link, a:hover, a:visited {text-decoration:none; }
a.white{font:14px bold Arial, Helvetica, sans-serif; color:#FFFFFF; }
a.white:hover{text-decoration:underline; }
a.red{color:red; }

/*layout*/
#wrapper{ position:relative; width:1080px; margin:0px auto 20px auto; text-align:left; }
#wrapper ul.tweets { position:absolute; display:block; top:65px; right:0; width:160px; padding:58px 12px 12px; height:450px; overflow-y:scroll; background-color:#fff; border: 1px solid #ccc; border-width: 1px 1px 1px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; list-style:none; }
#wrapper ul.tweets img.twitterlogo { position:absolute; right:0; width:160px; height:500px; list-style:none; }
#wrapper ul.tweets h3 { position:absolute; top:65px; right:0; width:160px; height:500px; list-style:none; }
#wrapper ul.tweets li { margin-bottom:0.3em; list-style:none; }
#wrapper ul.tweets li a { font:11px normal  Arial, Helvetica, sans-serif, Helvetica, sans-serif; color:#939BAC; }
#wrapper ul.tweets li a:hover { color:#FF0000;}
#top{ position:relative; background:url(../images/top.gif) no-repeat; width:704px; padding:0px 10px 0px 187px;}
#title{ margin:65px 0px 0px 20px; width:260px; height:40px; float:left; }
#subtitle{ margin-top:65px; width:350px; height:40px; float:left; }
.clear{ clear:both;  font-size:1;  zoom:1;  overflow:hidden; }
#main{ top:60px; left:0px; width:541px; background:#fff; }
#main_left{ float:left; width:120px; padding:20px; }
#main_right{ float:left; width:350px; padding:10px; }
#resume{ float:left; width:350px; padding:10px; display:none; }
#portfolio{ float:left; width:350px; padding:10px; display:none; }
#contact{ float:left; width:350px; padding:10px; display:none; }
ul.nav li a{ color:red; margin:0; padding:0; }
ul.nav li a:hover{ text-decoration:underline; }
#bottom{ position:relative; background:url(../images/bottom.gif) no-repeat; width:784px; height:186px; }
#emailTxt{ position:absolute; right:60px; }