html, body {
background-color: #000; color:#FFF; padding:0 ;margin: 0; font-family:Garamond;
}

body {background-image: url(assets/layout/bgsigil.png); background-repeat:no-repeat; 
background-position:bottom left;background-attachment:fixed;}

a:link {color: #FFF; text-decoration: none;}
a:visited {text-decoration: none;color: #CCC;}
a:hover {text-decoration: none;color: #FFF;}
a:active {text-decoration: none;color: #FFF;}
a {outline:none;}

div#main {
width: 955px;
margin: 0 auto; padding-top:25px;
}

div#top {position:fixed; top:0; right:0; z-index:1;}
div#meshbottom {position:fixed; bottom:0; left:auto; right:auto; z-index:1;}

/* Logo and Title */
id#logo {float: left;}

h1 {font-family:Garamond, Arial, Serif; font-size:32.52px; font-weight:normal;
top:0;margin-left:80px; position:absolute; top:0px;z-index:2;}

span#dotcom {font-size:21.48px;}

/* Top Nav */
ul#nav {position:relative; z-index:5;
top:-20.5em; left:5.5em; width:50em;}
ul#nav li {display: inline; padding-left: 2em;}
ul#nav:first-child {padding-right:4px;}
ul#nav img {border:none;}

li a {font-size:30px; padding-top:20px; padding-left:5px;} 
li#mainlink a {background-image:url(assets/layout/main-linka.png); width:68px; height:77px; background-repeat:no-repeat; display:table-cell;}
li#gallerylink a {background-image:url(assets/layout/gal-linka.png); width:68px; height:77px; background-repeat:no-repeat; display:table-cell;}
li#aboutlink a {background-image:url(assets/layout/about-linka.png); width:188px; height:77px; background-repeat:no-repeat; display:table-cell; }
li#shoplink a {background-image:url(assets/layout/shop-linka.png); width:66px; height:77px; background-repeat:no-repeat; display:table-cell;}

li#mainlink a:hover {background-image:url(assets/layout/main-roll.png); width:68px; height:77px; background-repeat:no-repeat; display:table-cell;}
li#gallerylink a:hover {background-image:url(assets/layout/gal-roll.png); width:68px; height:77px; background-repeat:no-repeat; display:table-cell;}
li#aboutlink a:hover {background-image:url(assets/layout/about-roll.png); width:188px; height:77px; background-repeat:no-repeat; display:table-cell;}
li#shoplink a:hover {background-image:url(assets/layout/shop-roll.png); width:66px; height:77px; background-repeat:no-repeat; display:table-cell;}

/* Main page Updates */

div#updatediv {position:relative; top:-19em; left:7em; z-index:4; }

div#news {width:450px; background-color:#333;
top:-19em;
position:relative; left:25em; bottom:23em; padding-left:1em; padding-top:5px; padding-bottom:5px; padding-right:1em;
Font-size:17.17px;}

div#news a:link {text-decoration:underline; color:#933;}
div#news a:visited {text-decoration: underline ;color:#988;}
div#news a:hover {text-decoration: underline ;color: #966;}
div#news a:active {text-decoration: underline ;color: #FFF;}

p.newsheader{font-size:18px; font-weight:bold;}
span.date {font-size:17.17px; font-style:italic; font-weight:lighter}

/* Side Nav */
/* I decided to remove the rollover images in favour of custom bullets. 2 of the same style roll-over menus was redundant.*/

ul#sidenav {position:relative; top:-16em; left:10px;  text-align:center; z-index:4;}

li#illink {list-style-image: url('assets/layout/illustration-link.png');}
li#illink:hover {list-style-image: url('assets/layout/illustration-roll.png');}

li#comlink {list-style-image: url('assets/layout/comic-link.png');}
li#comlink:hover {list-style-image: url('assets/layout/comic-roll.png');}

li#anilink {list-style-image: url('assets/layout/animation-link.png');}
li#anilink:hover {list-style-image: url('assets/layout/animation-roll.png');}

ul#sidenav li{padding-top:3px;}

ul#sidenav img{border:none;}
ul#sidenav li a {font-size:30px; padding-right:3px; display:table-cell; } 

/* Image Galleries */

ul.thumbs {list-style-type:none; position:relative; z-index:6; 
bottom:30em; left:11em; 
width:600px;}
ul.thumbs li {display:inline; padding-right:1.5em; margin-left:auto;}
ul.thumbs img {width:75px; height:75px; border:none;}
p.pages {font-size:24px; position: relative; 
bottom:29.5em; left:28em;}
p.images {display:inline; margin-top:1em; width:33px; height:28px;}

/* Image view */

div#wrap {position:relative; display:table; z-index:4;
left:11em; top:-18em;} /*Remember: Some images might need custom positioning. Do so in .php file.*/

div#wrap img {float:left;}
div#wrap object {float:left;}
h3{font-style:italic;}
p.des { margin-top:0; }
div#tri-nav {margin-left:11px; background-color:#000;}
div#tri-nav img{border:none; outline:none; background-color:#000;}

p#prints {
border:none;padding-top:2em;
font-weight:bold; font-size:24px;}


a#pstore {background-image:url(assets/layout/shop-linka.png); width:84px; height:102px; background-repeat:no-repeat; display:table-cell;
padding-top:24px; padding-left:7px;}

a#pstore:hover {background-image:url(assets/layout/shop-roll.png); width:84px; height:102px; background-repeat:no-repeat; display:table-cell;}

div#description { display:table-cell; width:200px; float:right;text-align:center; background-color:#666}

/* About */
span.boldserv {font-weight:bold;}

div#aboutdiv {width:420px; background-color:#333; z-index:4;
position:relative; left:26em; bottom:18em; 
padding-left:1em; padding-top:5px; padding-bottom:5px; padding-right:1em; Font-size:17.17px;}

p#aboutblah{font-size:24px; text-align:center; font-weight:500;}
p#aboutquote {font-size:18px; font-style:italic; font-weight:lighter; text-align:right;}

ul#services {list-style-type:none; font-size:24px; 
position:relative; bottom:17em; left:1em;}
ul#services li{padding-bottom: 10px
;}

ul#contact {list-style-type:none; font-size:24px; 
position:relative; bottom:24em; left:22em;}

/* Store */
ul.storelist {list-style-type:none; font-size:22px; 
position:relative; bottom:23em; left:1em;}
ul.storelist li{padding-bottom: 10px
;}

ul#storecontact {list-style-type:none; font-size:24px; 
position:relative; bottom:27em; left:22em;}