body {
background: #020612 url('images/bg.jpg') repeat-x;
margin: 0;
padding: 0;
font-family: verdana, arial, tahoma;
font-size: 12px;
line-height: 17px;
color: #fff;
cursor: default;
}

a, a:visited, a:active, span.toggle {
color:#C383F9;
text-decoration: none;
cursor:pointer;
}

a:hover, span.toggle:hover {
color:#b9ade8;
cursor:pointer;
}

p a, p a:visited, p a:active {
border-bottom:1px solid #7CBEEB;
}

p a:hover {
border-bottom:1px solid #d13023;
}

i, b {
color: #FFE5BA;
}

label{
color: #FFE5BA;
font-weight:bold;
}

h1{
font-weight:normal;
color: #AEE1E8;
font-size: 25px;
font-family: verdana, arial, tahoma;
background: url('images/headerbg.gif') no-repeat;
padding: 25px 0 7px 55px;
margin: 0 0 0 -13px;
}

h1:first-letter{
font-size: 27px;
color: #FFF;
font-style:italic;
}

h2{
font-weight:normal;
color:#8BB5E0;
font-size:15px;
text-transform:uppercase;
background: #010510;
padding: 0 5px;
margin: 0;
letter-spacing: 1pt;
}

h3{
background: #020612;
color: #D6D7D9;
font-size:13px;
padding: 8px 15px;
letter-spacing: 1pt;
margin:0;
text-transform:uppercase;
font-family: arial, tahoma;
}

h4{
text-transform:uppercase;
margin:0;
font-size:12px;
}

#maincontainer {
width: 100%;
height:425px;
background: url('images/bg2.jpg') top center no-repeat;
}

#container {
width: 981px;
margin: 0 auto;
background: url('images/bg3.jpg') repeat-y;
}

#bcontainer {
float:left;
width: 981px;
background: #020612 url('images/footerbg2.jpg') no-repeat;
}

#bbox{
height: 200px;
margin: 50px 54px 0 54px;
background: #182335;
border: 2px solid #212A39;
padding: 20px 0;
}

#content{
padding: 0 55px;
}

#topnav{
float: left;
list-style: none;
margin: 0;
padding: 8px 0 0 35px;;
}

#topnav li{
float:left;
margin: 0 3px;
position: relative;
}

#topnav li a, #topnav li a:visited, #topnav li a:active  {
float: left;
color: #BAC7CD;
font-weight: bold;
font-family: arial, trebuchet ms, tahoma, verdana;
font-size: 18px;
padding: 0 11px 3px 11px;
text-transform: lowercase;
letter-spacing: 1pt;
border:none;
display: block;
}

#topnav li a.active, #topnav li a:hover{
color: #FFF;
}

#topnav li ul.subtopnav{
list-style: none;
position: absolute;
top: 15px;
left:0;
background: #000;
margin: 4px 0 0 0;
padding: 10px 0;
display:none;
}

#topnav li ul.subtopnav li{
margin: 0; padding: 0;
clear: both;
}

#topnav li ul.subtopnav li a, #topnav li ul.subtopnav li a:visited, #topnav li ul.subtopnav li a:hover, #topnav li ul.subtopnav li a:active{
text-align:left;
font-size: 17px;
padding: 3px 16px 0 16px;
width: 115px;
border-bottom: #606478 1px solid;
display:block;
}

#text{
margin-top: 77px;
padding: 0 15px 0 0;
float:right;
width: 653px;
}

#text .box, #text .avatarbox{ margin: 7px 0; }

.graphics .box, .graphics .avatarbox, .text .box, .profile .box, .goodies .box { float: left; }

.profile{clear:both; padding:10px 0 30px; 0}

.profilebox{float:left;padding-right:15px;}

#left{
float:left;
width: 184px;
margin: 25px 0 0 0;
}

#right .box{
float:right;
width: 130px;
margin-top: 20px;
}

.box, .avatarbox{
color: #C3CFE2;
font-size: 13px;
background: #020612 url('images/leftbg.jpg') bottom repeat-x;
margin: 2px 0 7px 0;
border: 1px solid #313D4A;
font-family: arial;
}

.avatarbox{
padding: 10px 10px;
}

.box {
padding: 10px 14px;
}

.box ul, #bbox ul{
list-style: none;
margin:0;
padding: 0;
}

.box ul li a, .box ul li a:visited, .box ul li a:active, #bbox ul li a, #bbox ul li a:visited, #bbox ul li a:active{
height:20px;
padding: 6px 0 2px 2px;
display:block;
border-bottom: #606478 1px solid;
color:#7E96B8;
font-weight:bold;
}

.box ul li a:hover, #bbox ul li a:hover{
color:#b9ade8;
}

.col{
border-right: 1px solid #858B94;
float:left;
width:28%;
height:100%;
padding: 0 20px;
}

.colr{
float:left;
width:28%;
height:100%;
padding: 0 20px;
}

#welcome .box, #welcome img {
float:left;
}

.profile img, .box img, .avatarbox img {
padding: 8px 10px;
background: #010510;
margin-right: 10px;
}

.welcometext {
width: 395px;
margin: 0 5px -8px 0;
float: right;
text-align:justify;
color:#FFF;
}

.text{
float:left;
padding: 7px 0;
}

.graphics{
float:left;
width: 480px;
padding-bottom: 13px;
}

#image1 {
float:left;
width: 981px;
height: 148px;
margin: 0 auto;
padding: 0;
background: url('images/kynxtasy_02.jpg') no-repeat;
}

#image2 {
float:left;
width: 981px;
height: 132px;
margin: 0 auto;
padding: 0;
background: url('images/kynxtasy_04.jpg') no-repeat;
}

#image3 {
float:left;
width:981px;
margin: 0 auto;
padding: 0;
background: url('images/kynxtasy_05.jpg') no-repeat;
}

#image4 {
float:left;
width:981px;
margin: 0 auto;
padding-bottom: 50px;
background: url('images/kynxtasy_06.jpg') bottom no-repeat;
}

#footer{
clear: both;
width: 100%;
padding: 0;
margin: 0;
background: url('images/footerbg.jpg') repeat-x;
}

#copyright{
color:#fff;
width: 860px;
margin: 0 auto;
padding: 50px 0 5px 0;
text-align:center;
}

img {
border: 1px solid #C6B1D9;
}

img:hover {
border: 1px solid #B9CAE2;
}

table{
border-spacing: 0;
}

table.arttable td{
padding: 0 5px;
vertical-align: top;
}

table.arttable {
width: 620px;
}

th {
text-align:left;
color: #FFE5BA;
}

td {
padding:0;
}

td.underline, th.underline {
border-bottom: #606478 1px solid;
}

table.shipping{
border:0;
border-spacing: 3px;
}

table.shipping td, table.shipping th {
border: 1px solid #606478;
padding: 3px 0 3px 5px;
}

#pagination{
float:left;
}

#pagination a, #pagination span{
background: #020612 url('images/leftbg.jpg') bottom repeat-x;
padding: 8px 12px;
margin: 2px;
border: 1px solid #313D4A;
font-size:14px;
}

span.description{
display:none;
}

#popupBG{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
z-index:1;
}

#artPopup{
display:none;
position:fixed;
_position:absolute;
background:#FFF;
z-index:2;
padding:12px;
color: #CCC;
text-align:center;
font-weight:bold;
}

.artPopupClose{
font-size:17px;
font-family: arial, tahoma, verdana;
margin-bottom: 15px;
float:right;
}

span.displayart img, span.displayart img:hover{
border: none;
}

body#comments-page {
padding: 0 15px 20px 15px;
background: #020612 url('images/bg.jpg') 0 20px repeat-x;
}

body#comments-page form {
margin-left: 10px;
}

#commentform, #form{
width:473px;
}

input, textarea, option, select { 
color:#FFF;
font-family: verdana, arial, tahoma;
font-size: 12px;
padding: 3px 2px;
border: #606478 1px solid;
background: #182335;
}

select {
width: 295px;
}

input:hover, textarea:hover, option:hover, select:hover {
border: #7F7C9A 1px solid;
}

input[disabled], input[disabled]:hover {
border: #606478 1px solid;
color: #5B6474;
}

blockquote{
margin:0;
}

.profile blockquote{
padding-top: 20px;
font-size: 17px;
color:#CBDCE6;
font-style:italic;
}

blockquote:before { 
font-size: 20px;
content: open-quote;
font-weight: bold;
color:#FFF;
}

blockquote:after {
font-size: 20px;
content: close-quote;
font-weight: bold;
color:#FFF;
}

a#home{
display: block;
width: 410px;
height: 50px;
}