@import '/stylesheets/frontpage.css';
@import '/stylesheets/category.css';
@import '/stylesheets/product.css';
@import '/stylesheets/news.css';

#search { }
#search input.text { width: 14em; }
#search input, #search select { font-size: .9em; }
.hidden { display: none; }
div.ad { margin: 10px auto; width: auto; width: 468px; }
#aside div.ad { width: auto; }
tr.add td { padding: 10px 0; text-align: center; }
tr.add iframe { width: 468px !important; margin: 0 auto !important; }

html {
 background: #fff;
 margin: 0;
 padding: 0;
}

body {
 font: 1.1em Verdana, sans-serif;
 margin: 0 auto;
 padding: 0;
 width: 60em;
}

html > body {
 font-size: 0.75em;
}

h1 {
 margin: 10px;
 padding: 0;
 width: 206px;
 height: 50px;
 float: left;
}

h1 a {
 background-image: url(../images/topko_logo.png);
 display: block;
 width: 206px;
 height: 50px;
 text-indent: -9000em;
}

h2 {
 color: #f60;
 font-size: 1.25em;
 height: 2em;
 margin: 0;
 padding: 0;
}

h3 {
 margin-top: 0;
 margin-bottom: .5em;
 font-size: 1.1em;
}

a {
 color: #1D3487;
}

a.feed {
 display: block;
 margin: 0 5px;
 text-align: right;
 margin-top: -18px;
 cursor: default;
}

a.feed img {
 border: 0 !important; padding: 0 !important;
 cursor: pointer;
}

.important {
 font-size: 1.1em;
}

.more {
 font-size: .9em;
 font-style: italic;
}

a:hover {
 color: #f60;
}

a:active {
 text-decoration: blink;
}

a.external {
 background: url(/images/external.png) center right no-repeat;
 padding-right: 15px;
}

a img { 
 border: 1px solid #aaa;
 padding: .2em;
 background: #fff;
}

a:hover img {
 border-color: #f60;
}

#search {
 float: right;
 clear: right;
 margin-bottom: 2.25em;
}

#search p {
 margin: 25px;
 margin-bottom: 0;
 margin-right: 0;
 padding: 0;
 text-align: right;
}

#keywords {
 width: 12em;
}

#breadcrumb {
 background: url(../images/gradient.png) top left repeat-x;
 clear: both;
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 0;
 margin-bottom: 1em;
 margin-top: .2em;
 padding: .2em;
 padding-bottom: .4em; 
}

#sidebar, #links {
 background: #ffe;
 border: 1px solid #aaa;
 width: 17.5em;
 margin: 0;
 margin-bottom: 1em;
 margin-right: 1em;
 padding: .5em;
 clear: left;
 float: left;
}

#links {
 background: #eef;
}

#sidebar h3, #links h3 {
 font-size: 1em;
 margin: 0;
 margin-bottom: .5em;
 color: #f60;
}

#sidebar ul, #links ul {
 list-style: square;
 margin: .5em 1.5em 1em 1.5em;
 padding: 0;
}

#links ul {
 list-style: none;
 margin-left: 0;
}

#links ul li {
 background: url(../images/external.png) 3px 3px no-repeat;
 padding-left: 1.5em;
 padding-bottom: .25em;
}

#links a {
 background: none;
 padding-right: 0;
}

#copyright { 
 clear: both;
 color: #888;
 border-top: 1px solid #aaa;
 margin-top: 2em;
 padding: .5em;
 text-align: center;
}

#popup {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #fff;
 opacity: .5;
 filter: alpha(opacity=50);
}

#popimg {
 border: 1px solid #000;
 display: block;
 margin: 5px auto;
 position: absolute;
 top: 5px;
 left: 5px;
 z-index: 100;
}

#adult {
 border: 1px solid #faa;
 background: #ffe;
 padding: 5px;
 margin: 10px;
 margin-top: 0;
}