/* Xarus.net Stylesheet */

body{

background: #FFFFFF url(../images/wrap_bg.jpg) repeat-x;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 70%;

color: #666;

margin: 0;

padding: 0;

}

#wrap{

background-color: #ffffff;

width: 772px;

margin: 0px auto;

border-top: #f0e7e7 0px solid;

border-left: #f0e7e7 1px solid;

border-bottom: #f0e7e7 0px solid;

border-right: #f0e7e7 1px solid;

}

*{

margin: 0px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;

padding-right: 0px;

}

img{

display: block;

border-top-width: 0px;

border-left-width: 0px;

border-bottom-width: 0px;

border-right-width: 0px;

}

.clear{

clear: both;

height: 1px;

width: 100%;

line-height: 1px;

font-size: 1px;

}

div > .clear{

height: 15px;

}

a{

color: #069;

}

a:hover{

color: #06f;

font-weight: normal;

}

/* Main Navigation Bar */

#navbar{

background-image: url(../images/navbar_bg.jpg);

height: 35px;

padding-top: 0px;

padding-left: 10px;

padding-bottom: 0px;

padding-right: 0px;

}

#navbar ul{

float: left;

list-style-type: none;

}

#navbar ul li{

float: left;

margin: 0px 10px 0px 0px;

}

#navbar ul li a{

display: block;

overflow: hidden;

height: 35px;

width: 57px;

text-indent: -9000px;

text-decoration: none;

}

#navbar #nav-home a{

background: url(../images/nav_home.jpg) no-repeat;

width: 57px;

}

#navbar #nav-about a{

background: url(../images/nav_about.jpg) no-repeat;

width: 59px;

}

#navbar #nav-forum a{

background: url(../images/nav_forum.jpg) no-repeat;

width: 60px;

}

#navbar #nav-downloads a{

background: url(../images/nav_downloads.jpg) no-repeat;

width: 85px;

}

#navbar #nav-fair-use-4-wm a{

background: url(../images/nav_fair_use_4_wm.jpg) no-repeat;

width: 104px;

}

#navbar #nav-entertainment a{

background: url(../images/nav_entertainment.jpg) no-repeat;

width: 106px;

}

#navbar #nav-portfolio a{

background: url(../images/nav_portfolio.jpg) no-repeat;

width: 73px;

}

#navbar #nav-contact a{

background: url(../images/nav_contact.jpg) no-repeat;

width: 68px;

}

#navbar #nav-home a:hover,#navbar #nav-about a:hover,#navbar #nav-forum a:hover,#navbar #nav-downloads a:hover,#navbar #nav-fair-use-4-wm a:hover,#navbar #nav-entertainment a:hover,#navbar #nav-portfolio a:hover,#navbar #nav-contact a:hover{

background-position: 0px -35px;

}

/* Header */

#header{

background: url(../images/header_bg.jpg) repeat-x;

height: 95px;

}

#logo{

float: left;

width: 250px;

}

#logo a{

display: block;

overflow: hidden;

background: url(../images/logo_default.jpg);

height: 30px;

width: 178px;

text-indent: -9000px;  

text-decoration: none;

margin: 32px 0px 0px 10px; 

}

#logo a:hover {

background-position: 0px -30px;

}

#logo em {

font-size: 0.9em;

font-style: normal;

color: #a9abae;

padding-top: 0px;

padding-left: 53px;

padding-bottom: 0px;

padding-right: 0px;

}

/* Login Zone */

#login-zone{

float: right;

overflow: hidden;

width: 210px;

margin: 12px 0px 0px 0px; 

}

#login-zone-left-column{

float: left;

width: 60px;

}

#login-zone-left-column em{

display: block;

overflow: hidden;

text-decoration: none;

margin: 6px 0px 15px 0px; 

}

#login-zone-right-column{

float: left;

width: 150px;

}

#login-zone-right-column em{

display: block;

overflow: hidden;

text-decoration: none;

margin: 1px 0px 2px 0px; 

}

.login-textarea{

background: url(../images/form_bg.jpg) no-repeat;

width: 131px;

height: 19px;

border: 0px;

border-color: transparent;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-style: normal;

text-decoration: none;

font-size: 10px;

padding-top: 2px;

padding-left: 5px;

padding-bottom: 0px;

padding-right: 5px;

margin: 0;

}

/* Member Zone */

#member-zone{

float: right;

overflow: hidden;

width: 210px;

margin: 12px 0px 0px 0px; 

}

/* Headline Text FOrmating */

.headline-text{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 22px;

color: #292929;

}

.headline-text-2{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 18px;

color: #292929;

}

/* Home Page Blocks */

#hp-block-pos{

background: url(../images/blocks_bg.jpg) repeat-x;

padding-top: 10px;

padding-left: 10px;

padding-bottom: 50px;

padding-right: 0px;

}

#hp-block-forums{

background: url(../images/block_forums.jpg) no-repeat;

}

#hp-block-fair-use-4-wm{

background: url(../images/block_fair_use_4_wm.jpg) no-repeat;

}

#hp-block-about{

background: url(../images/block_about.jpg) no-repeat;

}

#hp-block-forums:hover,#hp-block-fair-use-4-wm:hover,#hp-block-about:hover{

background-position: 0px -60px;

}

.hp-block{

float: left;

width: 250px;

margin: 0px 1px 0px 0px;

}

.hp-block-base{

BACKGROUND: url(../images/block_base_bg.jpg) repeat-x;

border-top: #000 3px solid;

padding-top: 5px;

padding-left: 5px;

padding-bottom: 5px;

padding-right: 5px;

}

.hp-block-info{

display: block;

overflow: hidden;

height: 60px;

width: 250px;

text-decoration: none;

text-indent: -9000px;

border-bottom: #fff 1px solid;

}

.hp-block-pic{

display: block;

margin: 0px 0px 1px;

border-top: #dcdedf 2px solid;

border-left: #dcdedf 2px solid;

border-bottom: #dcdedf 2px solid;

border-right: #dcdedf 2px solid;

}

.hp-block-pic IMG{

border-top: #fff 2px solid;

border-left: #fff 2px solid;

border-bottom: #fff 2px solid;

border-right: #fff 2px solid;

}

.hp-block-pic:hover{

border-top: #a9abae 2px solid;

border-left: #a9abae 2px solid;

border-bottom: #a9abae 2px solid;

border-right: #a9abae 2px solid;

}

/* Core Content */

#core-content{

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

#core-content-left-column{

float: left;

width: 489px;

padding-right: 5px;

padding-left: 5px;

padding-bottom: 0px;

padding-top: 0px;

}

#core-content-left-column p{

padding-right: 10px;

padding-left: 0px;

padding-bottom: 10px;

padding-top: 0px;

line-height: 1.4em;

}

#core-content-right-column{

float: left;

width: 247px;

padding-right: 0px;

padding-left: 3px;

padding-bottom: 10px;

padding-top: 0px;

}

#core-content-right-column ul{

margin: 0px 0px 0px 5px;

list-style-type: none;

}

#core-content-right-column ul li{

background: url(../images/list_bg_blue.jpg) no-repeat;

padding-right: 2px;

padding-left: 35px;

padding-top: 5px;

padding-bottom: 11px;

}

#core-content-right-column ul li a{

color: #60646a;

text-decoration: none;

}

#core-content-right-column ul li a:hover{

color: #333;

}

#core-content em{

background-color: #ffff99;

color: #333;

font-style: normal;

}

/* Base Page */

#base-page{

background: url(../images/blocks_bg.jpg) repeat-x;

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

padding-top: 10px;

}

#base-page #title-block{

background: url(../images/base_page_title_bg.jpg) repeat-x;

width: 736px;

height: 50px;

padding-top: 10px;

padding-right: 4px;

padding-bottom: 0px;

padding-left: 12px;

}

#base-page #title-block #title{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 22px;

color: #ffffff;

}

#base-page #title-block #subtext{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

height: 5px;

font-size: 0.9em;

font-style: normal;

color: #cccccc;

}

#base-page #title-base{

BACKGROUND: url(../images/block_base_bg.jpg) repeat-x;

width: 752px;

height: 15px;

border-top: #000 3px solid;

margin-top: 1px;

}

#base-page-left-column{

float: left;

width: 486px;

padding-right: 5px;

padding-left: 5px;

padding-bottom: 0px;

padding-top: 0px;

}

#base-page-right-column{

float: right;

width: 246px;

padding-right: 5px;

padding-left: 5px;

padding-bottom: 0px;

padding-top: 0px;

}

#base-page-right-column .sub-header{

BACKGROUND: url(../images/sub_header_bg.jpg) no-repeat;

width: 234px;

height: 25px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 12px;

color: #ffffff;

padding-top: 4px;

padding-left: 10px;

padding-bottom: 0px;

padding-right: 2px;

}

#base-page-right-column .rc_content{

width: 234px;

height: 25px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

color: #000000;

padding-top: 1px;

padding-left: 10px;

padding-bottom: 0px;

padding-right: 2px;

}

#base-page-2-left-column{

float: left;

width: 190px;

padding-right: 5px;

padding-left: 5px;

padding-bottom: 0px;

padding-top: 0px;

}

#base-page-2-left-column .sub-header{

BACKGROUND: url(../images/sub_header_bg2.jpg) no-repeat;

width: 180px;

height: 25px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 12px;

color: #ffffff;

margin: 0px 2px 10px 0px;

padding-top: 4px;

padding-left: 10px;

padding-bottom: 0px;

padding-right: 2px;

}

#base-page-2-right-column{

float: right;

width: 540px;

padding-right: 4px;

padding-left: 4px;

padding-bottom: 0px;

padding-top: 0px;

}

#base-page #breaker-text{

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 18px;

color: #292929;

padding-bottom: 7px;

}

#base-page img{

padding: 4px;

border: 1px solid #ddd;

margin-bottom: 4px;

}

#base-page em{

background-color: #ffff99;

color: #333;

font-style: normal;

}

#base-page p{

padding-right: 0px;

padding-left: 0px;

padding-bottom: 10px;

padding-top: 0px;

line-height: 1.4em;

}

/* News Posts */

.news-post{

margin: .5em 0 1.5em;

padding-top: 1.0em;

border-top: 1px dotted #ccc;

}

.news-post-title{

line-height:1.4em;

font-size:120%;

font-weight:normal;

color:#565656;

}

.news-post-title a,.news-post-title a:visited,.news-post-title strong{

display:block;

text-decoration:none;

font-weight:normal;

color:#565656;

}

.news-post-title strong,.news-post-title a:hover{

color:#565656;

}

.news-post div{

margin:0 0 .25em;

line-height:1.6em;

}

.news-post img{

padding:4px;

border:1px solid #ddd;

}

/* Contact Page */

#contact-form-bg{

BACKGROUND: url(../images/contact_form_bg.jpg) no-repeat;

width: 466px;

height: 250px;

padding-top: 10px;

padding-left: 10px;

padding-bottom: 0px;

padding-right: 10px;

}

/* Common Elements */

ol{

list-style-position:inside;

}

#button-join-xarus a{

background: url(../images/button_join.jpg) no-repeat;

display: block;

overflow: hidden;

width: 240px;

height: 25px;

text-decoration: none;

margin-right: 0px;

margin-left: 5px;

margin-top: 0px;

margin-bottom: 0px;

}

#button-join-xarus a:hover{

background-position: 0px -25px;

}

/* Search Form */

#search_form_pos{

margin: 0px 0px 0px 5px;

}

#search_form_set{

margin: 5px 5px 5px 5px;

}

.search-textarea{

background: url(../images/search_form_bg.jpg) no-repeat;

width: 160px;

height: 25px;

border: 0px;

border-color: transparent;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

text-decoration: none;

font-size: 11px;

padding-top: 2px;

padding-left: 5px;

padding-bottom: 0px;

padding-right: 5px;

margin: 0px;

}

/* Footer */

#footer{

BACKGROUND: url(../images/footer_bg.jpg) repeat-x;

margin: 5px 8px;

height: 70px;

}

#fLeft{

float: left; 

font-size: 0.9em;

width: 330px; 

padding-right: 10px;

padding-left: 10px;

padding-top: 6px;

padding-bottom: 6px;

}

#fLeft p{

padding-right: 0px;

padding-left: 0px;

padding-top: 0px;

padding-bottom: 5px;

}

#fLeft strong{

font-size: 1.1em;

}

#fRight{

float: right; 

font-size: 0.9em;

text-align: right;

width: 330px;

padding-right: 10px;

padding-left: 10px;

padding-top: 10px;

padding-bottom: 10px;

}

#footer a{

color: #60646a;

}

#footer a:hover{

color: #000;

text-decoration: none;

}

/* Test Area */