/* control the body and body lements */
body { margin:0; padding:0; background:#000000; font-family:Georgia, "Times New Roman", Times; color:#ffffff; height:100%; text-overflow:auto; }
img {border: none;}
a {border:none;}


/* control the container element */
#header {color:#FFFFFF; height:135px; width:700px; position:fixed; top:0px; left:0px; clear:both; }
#header a {color:#FFFFFF;}
#header ul {padding-bottom:5px; margin-left:325px;}
#header li {list-style:none; padding:5px; color:#fff; font-size:105%; display:block; }
#header img {float:left; clear:both; }

.portmain {display: block; width:250px; height:30px; background:url(../images/port_main.jpg) no-repeat 0 0;}
.portmain:hover {background-position: -250px 0;}
.portmain span {display: none;}

.altmain {display: block; width:250px; height:30px; background:url(../images/allt_main.jpg) no-repeat 0 0;}
.altmain:hover {background-position: -250px 0;}
.altmain span {display: none;}

.blogmain {display: block; width:250px; height:30px; background:url(../images/blog_main.jpg) no-repeat 0 0;}
.blogmain:hover {background-position: -250px 0;}
.blogmain span {display: none;}


/* control the container element */
#container { width:10000px; height:450px;  background:url(../images/back-ugh.jpg) no-repeat #000000 fixed; margin-top:150px; position:absolute; }


/* control the left panel (fixed) */
#stayleft {float:left; clear:right; width:310px; height:450px; position:fixed; left:0; background:#000000 url(../images/back2-ugh.jpg) no-repeat; /* background:#000000 url(../images/back-2.jpg) no-repeat;*/  }
#stayleft .links {padding-top:5px; padding-left:10px; color:#ffffff;  }

#stayleft li.black {list-style:none; padding:5px; margin-bottom:10px; background: url(../images/linkbg.png) repeat-x; color:#fff; font-size:105%; border-bottom:5px solid #fff; }
#stayleft li {list-style:none; }
#stayleft li.black:hover  {border-bottom:5px solid #1FB5FF; }
#stayleft a {padding:5px; text-decoration:none; color:#fff;font-weight:bold; }
#stayleft a:hover {color:#1FB5FF;  }
#stayleft a.home {padding:0px; }


/* control how the panels show and styling of the images and links */
#maincontent { margin:0; padding:0; margin-left:340px; background:url(../images/back.jpg) no-repeat #000000 0 0;}
#maincontent li{ list-style:none; width:300px; height:400px; /*padding:25px 10px;*/ padding:10px 25px; float:left; border-right:1px solid #ff9900; }
#maincontent a {color:#ffffff; font-weight:bold;}
#maincontent a:visited {color:#ffffff; font-weight:normal; }
img.thumb { border:0; margin:auto; }
.desc { text-transform:uppercase; font-weight:bold; background-color:#000000; color:#3399CC; padding: 3px; border: 1px solid #ffffff;}
.post{background: url(../images/postbg.png) repeat-x; color:#fff; padding:10px;}


/* control the footer */
#footer {background: url(../images/linkbg.png) repeat-x; font-size:75%; color:#FFFFFF; height:30px; padding:5px; }