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

*{margin:0;padding:0;background:none;border:none;}
body{background:#000 url(img/sunbg.jpg) fixed no-repeat bottom left;color:#FC6;font-family:Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:1px;text-align:center;}
a{color:#F60;text-decoration:none;}
strong{color:#FF9;}

/*DIVS*/
#wrapper{margin:auto;width:780px;overflow:hidden;}
#header{width:780px;height:200px;background:url(img/hoverbg.png);margin-bottom:10px;}

#subheaderleft{float:left;width:240px;height:60px;background:url(img/theportfoliotext.png);text-indent:-9999em;}
#subheaderleft a{display:block;width:240px;height:60px;}
#subheaderleft a:hover{background:url(img/theportfoliotext.png);}
#subheaderright-flashgames{float:right;width:260px;height:60px;background:url(img/subcat-flashgames.png);}
#subheaderright-webdesigns{float:right;width:260px;height:60px;background:url(img/subcat-webdesigns.png);}

div.flashgames{background:#444;}
#content{width:780px;}
#footer{width:780px;margin-top:10px;background:url(img/footer.png) no-repeat;height:150px;}
/*HEADINGS*/
h1#blogtitle{background:url(img/title.png) center no-repeat;}
h1#blogtitle a{display:block;width:780px;height:140px;text-indent:-9999em;}
h1#blogtitle a:hover{background:url(img/title.png) center no-repeat;}
/*MAIN NAV LINKS*/
ul#mainnavlinks{list-style:none;}
ul#mainnavlinks li{width:780px;height:220px;background:url(img/mainbg.png);margin-bottom:10px;}
ul#mainnavlinks li a{display:block;width:780px;height:220px;text-indent:-9999em;}
ul#mainnavlinks li a:hover{background:url(img/hoverbg.png);}
ul#mainnavlinks li a span{display:block;width:160px;height:220px;float:left;}
ul#mainnavlinks li a img{float:right;margin:10px;}

ul#mainnavlinks li a span#flashgames{background:url(img/flashgamestext.png) left center no-repeat;}
ul#mainnavlinks li a span#webdesigns{background:url(img/webdesignstext.png) left center no-repeat;}
/*SUB NAV LINKS*/
ul#subnavlinks{list-style:none;}
ul#subnavlinks li{width:780px;background:url(img/mainbg.png);margin-bottom:10px;}
ul#subnavlinks li a{display:block;width:780px;height:150px;text-indent:-9999em;}
ul#subnavlinks li a:hover{background:url(img/hoverbg.png);}
ul#subnavlinks li a img{float:right;}
ul#subnavlinks li p{display:block;width:96%;padding:2%;}
ul#subnavlinks li a.view{display:inline;text-indent:0;}
/*PNG FIX*/
img, div, a, input { behavior: url(http://www.mrsunstudios.com/iepngfix.htc) }