html {
background:#080603;
height:100%;
}
body {
margin:0;
padding-bottom:50px;
color:#000;
font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
min-width:1000px;
min-height:100%;
background:#080603 url(http://www.drania.com/expression/images/uploads/bg-body.jpg) no-repeat;
background-position: 100% 100%;
background-attachment: fixed;
}
* +html{background:#080603 url(http://www.drania.com/expression/images/uploads/bg-body.jpg) no-repeat 100% 100%;}
* +html body{background:none;}
a:link {color: #46500D; text-decoration: none;}
a:visited {color: #46500D; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration:none;}
img {border-style:none;}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
h1 {
color:#46500D;
font:24px Georgia, serif;
letter-spacing: .1em;
}
h2 {
color:#46500D;
font:14px Georgia, serif;
letter-spacing: .1em;
font-weight: bold;
margin: 24px 0 0px 0;
}
/* shadow */
.shadow {
position:absolute;
left:0;
top:0;
width:100%;
height:543px;
}
.shadow div {
height:100%;
background:url(http://www.drania.com/expression/images/uploads/bg-shadow.png) repeat-x;
}
.sitelink a:link {color: #E1CC9F; text-decoration: none;}
.sitelink a:visited {color: #E1CC9F;}
.sitelink a:active {color: #947336;}
.sitelink a:hover {color: #947336;}
/* page */
#page {
margin:0 auto;
width:870px;
overflow:hidden;
position:relative;
z-index:10;
}
/* content */
#content {
width:100%;
overflow:hidden;
position:relative;
z-index:100;
}
/* top-content */
.top-content {
width:100%;
height:543px;
overflow:hidden;
background:url(http://www.drania.com/expression/images/uploads/bg-top-main-box.png) no-repeat;
}
/* bottom-content */
.bottom-content {
width:100%;
height:80px;
overflow:hidden;
background:url(http://www.drania.com/expression/images/uploads/bg-bottom-main-box.png) no-repeat;
}
/* main-content */
.main-content {
width:100%;
background:url(http://www.drania.com/expression/images/uploads/bg-main-main-box.png) repeat-y;
}
.main-content:after {
display:block;
clear:both;
content:"";
}
/* container */
.container {
float:left;
margin:-543px 0 -28px;
padding:0 65px 0 39px;
width:766px;
overflow:hidden;
position:relative;
}
.logo {
position:absolute;
left:200px;
top:3px;
width:188px;
height:117px;
overflow:hidden;
text-indent:-9999px;
}
.logo a {
display:block;
height:100%;
position:relative;
cursor:pointer;
background:url(http://www.drania.com/expression/images/uploads/logo.png) no-repeat;
}
/* container2 */
.container2 {
width:100%;
overflow:hidden;
}
/* main-part */
.main-part {
float:right;
width:558px;
overflow:hidden;
position:relative;
}
/* address */
.address {
float:right;
width:194px;
height:152px;
padding:14px 0 0;
background:url(http://www.drania.com/expression/images/uploads/bg-address-box.png) no-repeat;
}
.address address {
display:block;
text-align:center;
}
.address address em {
display:block;
font:16px/21px Georgia, serif;
color:#a2957d;
}
.address address span {
display:block;
padding-top:7px;
font-size:18px;
}
.schedule {
display:block;
margin:13px auto 0;
width:142px;
text-align:center;
font-size:11px;
line-height:18px;
position:relative;
}
.schedule a {
display:block;
color:#33281b;
height:100%;
}
.schedule a:hover {
text-decoration:none;
}
/* main-txt-box */
.main-txt-box {
clear:both;
width:100%;
padding:6px 0 0;
overflow:hidden;
}
.main-txt-box p {
margin:24px 0 0px 0;
font-size:11px;
line-height:18px;
color:#0e0705;
}
/* blog */
.blogbox {
clear:both;
width:100%;
padding:6px 0 0;
overflow:hidden;
}
.blogbox p {
margin:0px 0 24px 0;
font-size:11px;
line-height:18px;
color:#0e0705;
}
.blogcat {
color: #524945;
}
.blognav a, .blogcat a, .blogbox p.comments a {
color: #524945;
text-decoration: none;
}
.blognav a:hover, .blogcat a:hover, .blogbox p.comments a:hover {
color: #E3D8C3;
text-decoration: none;
}
.blogbox hr {
height: 1px;
width: 100%;
background-color: #8F8375;
border-width: 0px;
color: #8F8375;
margin-top: 20px;
margin-left: 0px;
margin-bottom: 5px;
}
.blogbox h1 {
color: #46500D;
font:24px Georgia, serif;
letter-spacing: .1em;
margin-bottom: 5px;
}
.blogbox p.comments {
width: 100%;
text-align: right;
margin-bottom: 20px;
color: #524945;
}
/* sidebar */
.sidebar {
float:left;
padding:149px 0 0;
width:185px;
position:relative;
}
/* top-nav */
.top-nav {
width:100%;
height:59px;
overflow:hidden;
background:url(http://www.drania.com/expression/images/uploads/bg-top-nav.png) no-repeat;
}
/* bottom-nav */
.bottom-nav {
width:100%;
height:64px;
overflow:hidden;
background:url(http://www.drania.com/expression/images/uploads/bg-bottom-nav.png) no-repeat;
}
/* main-nav */
.main-nav {
width:155px;
padding:0 15px;
background:url(http://www.drania.com/expression/images/uploads/bg-main-nav.gif) repeat-y;
}
.main-nav:after {
display:block;
clear:both;
content:"";
}
.main-nav ul {
margin:0 0 -12px;
padding:0;
list-style:none;
text-align:center;
position:relative;
}
.main-nav ul li {
padding: 0px;
height: 36px;
}
.main-nav li a {
color:#320d0d;
font:14px/16px Georgia, serif;
height: 16px;
padding: 10px 0px 10px 0px;
width: 160px;
display: block;
}
.main-nav li a:hover, .current a {
background: url(http://www.drania.com/expression/images/uploads/nav-rollover.gif) top left no-repeat;
text-decoration: none;
}
/* blognav */
.blognav {
width: 140px;
}
.blognav h1 {
margin:12px 0 12px 0px;
padding-left: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#0e0705;
}
.blognav ul {
width: 100%;
padding: 0 0 0 30px;
margin:0;
color: #524945;
list-style:none;
line-height: 150%;
}
/* visual-box */
.visual-box {
width:638px;
margin-left:128px;
height:170px;
position:relative;
}
/* footer */
#footer {
clear:both;
width:314px;
height:154px;
margin:-270px 0 0 278px;
padding:255px 10px 0 7px;
overflow:hidden;
background:url(http://www.drania.com/expression/images/uploads/bg-footer.png) no-repeat;
text-align:center;
}
#footer p {
margin:0;
font-size:11px;
line-height:18px;
color:#947336;
}