/* CSS Document */
/*blue default theme*/
html, body {
margin: 0;
padding: 0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
color:#333333;
background:url(../images/bg4.gif) repeat;
}

A.typea:link {color:#FFFFFF; text-decoration:none;}
A.typea:visited {color:#CCCCCC; text-decoration:none;}
A.typea:hover {color:#FF9900; text-decoration:underline;}
A.typea:active {color:#FFFFFF; text-decoration:underline;}

A.typeb:link{color:#0033CC; text-decoration:none; border:none;}
A.typeb:visited{ color:#330066; text-decoration:none;}
A.typeb:hover{ color:#0099FF; text-decoration:none;border-bottom: 2px dotted;}
A.typeb:active{color:#CCCCCC; text-decoration:none;border-bottom: 2px dotted;}

A.sstyle:link{color:#FFFFFF; text-decoration:none; border:none;}
A.sstyle:visited{ color:#FFFFFF; text-decoration:none; border:none;}
A.sstyle:hover{ color:#0099FF; text-decoration:underline;}
A.sstyle:active{color:#FFFFFF; text-decoration:none; border:none;}

A.slogo:link{text-decoration:none; border:none;}
A.slogo:visited{text-decoration:none; border:none;}
A.slogo:hover{text-decoration:none; border:none;}
A.slogo:active{text-decoration:none; border:none;}

.hidden{
display: none;
}

#page-container {
width: 950px;
margin: 0 auto;
text-align:left;
background:#FFFFFF;
}

#header{
height:35px;
color:#FFFFFF;
background:#000000;
}

#logo{
color:#FFFFFF;
background:#000000  url(../images/logobg.gif) repeat-x;
}

#container-a{
float:left;
width: 950px;
background:#FFFFFF;
}

#nav-container{
}

#nav-spacer{
height:23px;
width: 90px;
float: left;
padding-left:10px;
padding-top:5px;
}

#nav-bar{
height:28px;
background:#6699CC url(../images/navbar.gif) repeat-x;
width: 850px;
color:#FFFFFF;
padding-top:15px;
float: left;
border-bottom:#006699 thin solid;
}

div.links{
text-indent: 10px;
letter-spacing: 0.4em;
font-weight:bold;
}

#content{
float:left;
width: 950px;
margin-top: 15px;
}

#comics{
float: left;
width: 760px;
margin-bottom:20px;
}

#sketches{
width:760px;
height:200px;
}

div.otherart-title{
margin: 20px 0px 10px 0px;
}

#sketches-words{
width:300px;
float:left;
margin-left:10px;
height:200px;
text-align:center;
}

div.otherart-link{
background: #CCFFFF;
width:260px;
margin-top:20px;
font-weight:bold;
margin-left:20px;
margin-right:20px;
}

#sketches-pic{
float:left;
width:400px;
}

#works{
width:760px;
height:200px;
}

#works-words{
width:300px;
float:left;
height:200px;
text-align:center;
}

#works-pic{
float:left;
width:400px;
margin-left:10px;
}

#right-bar{
float:left;
width: 180px;
}

.updates {
}

div.comic-pflag{
text-indent:7px;
font-size:small;
margin-left:10px;
font-weight: bold;
letter-spacing:-0.05em;
padding-top:4px;
color:#FFFFFF;
height:20px;
background:url(../images/updateptab.gif) no-repeat;
}

div.side-pflag{
float:left;
width:10px;
height:25px;
margin-left:10px;
background-color:#000000;
border-bottom:#666666 medium solid;
}

.comic-update a {
color: #003399;
background:url(../images/updateorange2.gif) repeat-x #FF9900;
margin:0px 0px 20px 20px;
height:20px;
padding-top:5px;
display: block;
font-size:small;
font-weight: bold;
text-indent:5px;
text-decoration: none;
border-bottom:#666666 medium solid;
}

.comic-update a:hover {
background:url(../images/updateorange2o.gif) repeat-x #FFFF33;
color: #0033FF;
text-decoration: none;
}

.sketch-update a {
color: #003399;
background:url(../images/updategreen2.gif) repeat-x #FF9900;
margin:0px 0px 20px 20px;
height:20px;
padding-top:5px;
display: block;
font-size:small;
font-weight: bold;
text-indent:5px;
text-decoration: none;
border:none;
}

.sketch-update a:hover {
background:url(../images/updategreen2o.gif) repeat-x #FFFF33;
color: #0033FF;
text-decoration: none;
}

.works-update a {
color: #003399;
background:url(../images/updateyellow2.gif) repeat-x #FF9900;
margin:0px 0px 20px 20px;
height:20px;
padding-top:5px;
display: block;
font-size:small;
font-weight: bold;
letter-spacing:0.1em;
text-indent:5px;
text-decoration: none;
border:none;
}

.works-update a:hover {
background:url(../images/updateyellow2o.gif) repeat-x #FFFF33;
color: #0033FF;
text-decoration: none;
}

.nayrbia-update a {
color: #003399;
background:url(../images/updategray2.gif) repeat-x #FF9900;
margin:0px 0px 20px 20px;
height:20px;
padding-top:5px;
display: block;
font-size:small;
font-weight: bold;
text-indent:5px;
text-decoration: none;
border:none;
}

.nayrbia-update a:hover {
background:url(../images/updategray2o.gif) repeat-x #FFFF33;
color: #00CCFF;
text-decoration: none;
}

#footer{
clear: both;
background:#6699CC url(../images/navfooter.gif) repeat-x;
height: 25px;
color:#CCCCCC;
font-size:small;
text-align:center;
font-variant:normal;
padding-top:8px;
margin-top:10px;
border-top:#99CCFF thin solid;
}

#super-footer{
font-size:smaller;
color:#999999;
background:#000000;
padding-left:5px;
}