/* GENERAL */

html, body {
    height: 100%;
}
body {
    background:url(../images/body_back.jpg) no-repeat #1A2027;
    background-position: center top;
    background-attachment: fixed;
    margin: auto;
    color: #333;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 10pt;
}

h1 {
    font-size:16px;
}

h2 {
    font-size:14px;
}

a, a:visited {
    text-decoration:none;
    color: SteelBlue;
}

a:hover {
    text-decoration:underline;
}

div .white a {
    color:white;
}

input {
    border:1px solid lightgray;
    color:slategray;
}

img {
    border: 0;
}

img.border {
    padding:2px;
    border:1px solid SlateGray;
}
dt {
    font-weight: bold;
}
table {
    /* border-collapse: collapse; */
    /* border-spacing: 0; */
    border: 0;
    font-size: inherit;
}
td {
    margin: 0;
    border: 0;
    padding: 0;
}
div#body > h1 {
    padding:2px;
    text-indent:5px;
    font-size:16px;
    color:white;
    margin: 0;
    display:block;
    background: url(../images/images/subnav_back.jpg) repeat-x;
}
#photo_link img {

}
h1.black {
    padding:3px;
    text-indent:5px;
    font-size:16px;
    color:white;
    margin: 0;
    display:block;
    background: url(../images/images/subnav_back.jpg) repeat-x;
}

h2 {
    font-size:14px;
}

div.avatar {
    float:left;
}

div.details {
    //line-height:50px;
    font-size:12px;
    padding-right:5px;
}

div.line_even {
    width:160px;
    float:left;
    text-indent:10px;
    line-height:28px;
    background: #f2f2f2;
    border-bottom:1px dotted lightgray;
}

div.line_odd {
    width:160px;
    float:left;
    text-indent:10px;
    line-height:28px;
    background: white;
    border-bottom:1px dotted lightgray;
}

div.creditbox {
    background-color:WhiteSmoke;
    float:left;
    width:318px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom: 5px;
    border-bottom: thin dotted gray;
}

div.content_right div.box div.creditbox a:hover {
    color:SlateGray;
}

div.credit {
    float:right;
    width:258px;
    height:40px;
    line-height:54px;
    vertical-align:top;
}

div.credits {
    width: 258px;
    line-height:14px;
    vertical-align:top;
    font-size:12px;
}

div.avatar img {
    padding:1px;
    border:1px solid lightgray;
    margin:1px;
}

div.content_right {
    width:328px;
    margin-top:10px;
    background-color:#dfdfdf;
    float:right;
}

div.content_right .box {
    font-size:12px;
    clear:both;
    width:323px;
    margin-bottom:10px;
    min-height:135px;
    float:right
    text-align:left;
    overflow:hidden;
    border:5px solid #1A2027;
    border-top:0px solid #1A2027;
    border-right:0;
    background-color:white;
}

div.content_right div.box div.line {
    width:323px;
    height:25px;
    border-top:thin solid whitesmoke;
    border-bottom:thin solid gray;
    background-color:#dddddd;
}

div.content_right div.line_high {
    height:50px;
    border-top:thin solid whitesmoke;
    border-bottom: thin solid lightgray;
    background-color:#dddddd;
}

div.content_right div.box div.line_high a ,div.content_right div.box div.line_high a:hover {
    padding-left:5px;
    vertical-align:bottom;
    line-height:48px;
    text-decoration:none;
    border-left:4px solid steelblue;
}

div.content_right div.box div.line a ,div.content_right div.box div.line a:hover {
    padding-left:5px;
    vertical-align:bottom;
    line-height:25px;
    text-decoration:none;
    padding-top:5px;
    padding-bottom:5px;
}

div.content_right div.box div.line a:hover {
    color:white;
    border-left:4px solid steelblue;
}

div.line_black {
    font-weight:bold;
    font-size: 14px;
    height:25px;
    text-indent: 5px;
    width: 328px;
    display: block;
    float:right;
    vertical-align:top;
    line-height:25px;
    color:white;
    background: url(../images/images/subnav_back.jpg);
//    -moz-border-radius-topleft: 10px;
//    -webkit-border-top-left-radius:10px;
//    border-top:1px solid DarkGray;
}
	
div.content_right div.box div.line:hover {
    color:white;
    background-color: #fc5f18; #SlateGray;
    border-top:thin solid #fc5f18;
}

div.content_right div.box div.line_high:hover {
    color:white;
    background-color:SlateGray;
    border-top:thin solid #fc5f18;
}

div.content_right div.box div.line:hover a {
    color:white;
    margin-left:2px;
}

div.content_right div.box div.line a {
    margin-left:2px;
}
div.content_right div.box div.line_high:hover a {
    color:white;
    margin-left:2px;
}

div.line_black  div.box_topic li{
    text-indent:0px;
    color: LightGray;
    font-size:10px;
    display:inline;
    margin:0;
    padding:2px 4px 4px;
    background: url(../images/buttons/button-1.jpg) repeat-x;
    border: 1px solid #666;
    border-bottom: 1px solid #888;
    margin-right: 1px;
}

div.box li {
    list-style-type: none;
    margin:0;
    margin-right:1px;
    text-indent:0px;
}

div.right {
}

div.box_topic {
    height:25px;
    display:block;
    float:right;
    width:328px;
}

div.line_black div.box_topic li.current {
    vertical-align:bottom;
    font-size: px;
    display: inine;
    margin:0;
    margin-right: 1px;
    padding: 2px 4px 4px;
    background: url(../images/buttons/button-1-hover.jpg) repeat-x;
    border: 1px solid #3760A4;
}

div.line_black div.box_topic li:hover{
    background: url(../images/buttons/button-1-hover.jpg) repeat-x;
    border: 1px solid #3760A4;
    border-bottom: 1px solid #3760A4;
    cursor: pointer;
}

div.line_black div.box_topic ul {
    margin:0;
    padding:0;
}

div.content_body {
    margin:auto;
    width:950px;
    background-color:#efefef;
    border-right:1px solid black;
    border-left:1px solid black;
}

div.news_body {
//    background:url(../images/news/news_back.jpg) repeat-x;
//    background-position: bottom;
//    background-color:whitesmoke;
    padding: 10px;
    margin-top:5px;
    margin-bottom:5px;
    border-bottom: 5px solid black;
    clear:both;
}

div.news_body p.news {
//    float:right;
    font-size: 11px;
//    border-bottom:1px solid LightGrey;
}

div.news_body a, h2 {
//    color:RoyalBlue;
}

div.news_body a.content_link_internal {
    background-color: SteelBlue;
//    position:relative;
//    right: -303px;
    float:right;
    padding:2px 8px 2px 8px;
    margin-bottom:10px;
    font-size:11px;
    font-weight:bold;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid SteelBlue; //white;
        
}

div.news_body a.content_link_internal:hover {
    background-color: #fc5f18;
//    position:relative;
//    right: -303px;
    float:right;
    padding:2px 8px 2px 8px;
    margin-bottom:10px;
    font-weight:bold;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid #fc5f18; //white;
}

div.header {
    background-color:WhiteSmoke;
    padding-left: 5px;
    padding-right:5px;
    padding-top: 1px;
//    min-height:70px;
    margin-bottom:10px;
    padding-bottom:3px;
    border-bottom:1px solid LightGray;
}

div.datetime {
    width:35px;
    line-height:14px;
    color:white;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    float:left;
    padding:4px;
    margin:6px;
    margin-right:11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px solid SteelBlue; //white;
    background-color: SteelBlue; //RoyalBlue; // OliveDrab; //darkgray; //LightBlue
}

div.content_footer {
    padding:10px;
    margin-right:10px;
    width:545px;
    border:1px solid lightgray;
    clear:right;
}

select {
    font-size:10px;
    border:1px solid gray;
}

input {
    fornt-size: 10px;
    padding:0;
    /border: 1px solid gray;
}

#nav {
    //width:100%;
    //margin:auto;
    //position:fixed;
    //top:0px;
    //height:25px;
}

#navigation {
    position:relative;
    background-color:#1A2027;
    width:950px;
    //border-left:1px solid black;
    //border-right:1px solid black;
    height:25px;
//    border-bottom:1px solid DimGray;
}
#navigation ul {
    
}

.navigation {
    width:950px;
    height:75px;
    /background-color:#1A2027;
    background:url(../images/images/navigation_back.jpg) repeat-x;
}

.navholder {
    float:left;
    height:75px;
}

.navholder_right {
    width:468px;
    height:60px;
//    float:right;
    overflow:hidden;
//    background:url(http://solstice-gaming.eu/static/images/banner/2_486.jpg);
    border:1px solid gray;
}

#body {
    background-color:white;
    clear: both;
    margin: 0 auto;
    padding:10px;
    width: 590px;
    min-height:600px;
    float:left;
}

.body_block {
    width: 568px;
    padding:10px;
    border:1px solid lightgray;
}

.body_block img {
    padding:4px;
    border: 1px solid gray;
}

.body_block_h2 {
    margin-bottom:0;
    padding:3px;
    text-indent: 5px;
    line-height: 16px;
    color: white;
    background: transparent url(../images/images/subnav_back_h2.jpg) repeat-x scroll 0 0;
}

.body_block_h2 a {
    color:CadetBlue;
}

div.body_block_left {
    min-height:85px;
    padding:10px;
    width:273px;
    float:left;
    border:1px solid lightgray;
}

.body_block_left img {
    padding:2px;
    border:1px solid gray;
}

div.body_block_right {
    min-height:85px;
    padding:10px;
    width:273px;
    float:right;
    border:1px solid lightgray;
}

.gallery-photo {
    margin:0;
    border:0;
    border-collapse:collapse;
    border-spacing:0px;
}

table.gallery-archive {
    margin:0;
    border-collapse: separate;
    //margin-bottom:1px;
    border-spacing:1px;
}

table.gallery-archive td {
    padding:5px;
}

table.gallery-archive td:hover {
    background-color:Lavender;
}

table.gallery-archive td:hover img {
    border:1px solid LightSlateGray;
}

table.gallery-archive img {
    padding:4px;
    border:1px solid gray;
}

#footer {
    background-color:white;
    border-top:10px solid #f1f1f1;
    height:50px;
    margin-top:30px;
    color: #999; /* footer text colour */
    padding: 10px;
    clear: both;
    width: 930px;
}
#footer a, #footer a:visited {
    color: #444; /* footer link colour */
}
#footer a:hover {
    color: #777; /* footer link hover colour */
}


/* CLEARS */

.clearboth {
    clear: both;
}

/* reference:
 *   http://www.positioniseverything.net/easyclearing.html
 *   http://www.zeldman.com/2006/10/27/ie7fixes1/
 *      comment by michael on 10/28/2006
 */
.clearfix {
    min-height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* end hide from ie5-mac */


/* HEADER */
.main_head {
    //margin-top:25px;
    border-top:1px solid #444444;
    background:url(../images/header_background_1.jpg);
    heigth:177px;
    width:950px;
}
#tabhead {
    //background: #035 url('../images/heading.png') left top repeat-x;
    //background: black; // url(../images/banner.jpg) left top no-repeat;
    border-bottom: 1px solid #222; /* tab border */
    //border-top: 1px solid #222;
    position: relative;
    height:155px;
}
div.news_slider_text {
    position:absolute;
    bottom:0px;
    right:0px;
    width:700px;
    overflow:hidden;
}

.news_slider_text .text_slider {
    position:absolute;
    width:20000em; 
}

.news_slider_text div {

}

.news_slider_text li {
    list-style-type: none;
    display: inline;
}

#tabhead .logo {
    height: 120px;
    padding-left: 70px;
    padding-top: 0;
}
#tabhead .logo img {
    width: 51px;
    height: 80px;
}

div#tabhead div.logo div.visitors {
    font-size:10px;
    color:gray;
    text-align:right;
    float:right;
    padding-right:10px;
}

#navigation .login {
    position: absolute;
    top: 6px;
    left: 15px;
    color: #DEF; /* login bar text colour */
}
#tabhead .login a, #tabhead .login a:visited {
    color: #DEF; /* login bar link colour */
}
#tabhead .login a:hover {
    color: #FFF; /* login bar link hover colour */
}

#locale_switcher {
    display: inline;
}

#subnav {
    font-size:10px;
//    background:url(../images/images/subnav_back.jpg) repeat-x;
    min-height: 25px;
    margin: 0;
    padding: 0;
    /background: #dfdfdf; /* tab colour */
    border-top: 1px solid #black;
//    border-bottom: 1px solid black;
}
#subnav ul {
    float: right;
    margin: 0 20px;
    padding: 0;
}
#subnav ul li {
    display: inline;
    list-style-type: none;
}
#subnav ul a {
    height:14px;
    margin-right:1px;
    border-left:1px solid DimGray;
    border-right:1px solid DimGray;
    border-bottom:3px solid SlateGray;
}
#subnav ul a:link, #subnav ul a:visited {
    float: left;
    font-weight: bold;
    text-decoration: none;
    color: #888;
    padding: 4px 20px;
}
#subnav ul a:hover {
    height:14px;
    color: #FFF;
    background: #333;
    border-bottom:3px solid Steelblue;
}


/* FORMS */

form th {
    text-align : left;
}
form.signup input[type="submit"], form.login input[type="submit"] {
    margin: 20px 0;
    font-size: 14pt;
}
input[type="text"], input[type="password"], textarea {
    padding: 3px;
    margin: 3px;
    border: solid 1px #C6C6C6;
    border-bottom: solid 1px #E3E3E3;
    color: #666;
    font-size: 12pt;
    background: #F3F3F3 url('../images/form-shadow.png') left top repeat-x;
}
ul.errorlist {
    margin: 0;
    padding: 0;
    list-style: none;
    color: red;
}


/* MESSAGES */

ul#messages {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
ul#messages li {
    padding: 5px 10px;
    background: #EFD;
    margin: 3px;
    border: 1px solid #BC9;
}
ul#messages li a {
    float: right;
    color: #693;
}


/* WHAT NEXT */

dl.what_next {
    margin: 2em;
}
dl.what_next dt {
    font-size: 120%;
}
dl.what_next dd {
    margin: 0 0 1em 0;
    font-style: italic;
}
p.what_next {
    font-size: 120%;
}


/* FORM TOGGLE */

.form-toggle p {
    margin-bottom: 2px;
}

.form-toggle p span {
    background: #DEF;
    padding: 3px 6px;
    border-top: 1px solid #9BC;
    border-left: 1px solid #9BC;
    border-right: 1px solid #9BC;
    cursor: pointer;
}

.form-toggle form {
    padding: 3px 6px;
    margin: 0;
    background: #DEF;
    border: 1px solid #9BC;
}



/* EXTRAS TO CLEAN UP */

.warning {
    color: red;
    font-weight: bold;
}

div.profile_info {

}

div.profile_info p {
    margin: 0;
}
div.left_panel {
    width: 568px;
}
div.right_panel {
    margin-top: 20px;
    width: 200px;
    float: right;
    z-index: 999;
}
.task-meta {
    float:left;
    width:140px;
}

.scrollable {
    overflow:hidden;
    position:relative;
    clear:none;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    //background:transparent url(/img/global/gradient/h300.png) repeat-x scroll 0 0;
    border:1px solid #CCCCCC;
    height:148px;
    overflow:hidden;
    position:relative;
}
.scrollable .items {
    clear:both;
    position: absolute;
    padding:5px;
    width:20000em;
}
.scrollable img {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    cursor:pointer;
    float:left;
    height:96px;
    margin:20px 5px 20px 21px;
    padding:2px;
    width:128px;
}
.scrollable a {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    cursor:pointer;
    height:16px;
    margin:20px 5px 20px 21px;
    padding:2px;
    width:128px;
}
.scrollable .active {
    border:2px solid #000000;
    position:relative;
    z-index:9999;
}
a.right {
    //background-position:0 -30px;
    clear:both;
    margin-right:0;
    height:30px;
    padding-bottom:10px;
}
a.left {
    margin:auto;
    clear:both;
}

a.browse {
    font-weight:bold;
    font-size:18px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    //background:transparent url(../img/scrollable/arrow/hori_large.png) no-repeat scroll 0 0;
    cursor:pointer;
    display:block;
    float:left;
    //font-size:1px;
    height:30px;
    margin: auto;
    width:5px;
}
.link_team {
    margin:2px;
    float:left;
    height:80px;
    padding:1px;
    text-align:center;
    background-color:WhiteSmoke;border:1px solid LightGray;
}
.link_team:hover {
    background-color:LightGray;
    border:1px solid Gray;
}
.link_team a, .link_team a:hover {
    border:none;
    font-size:10px;
    float:left;
    padding:10px;
    padding-bottom:5px;
    margin:1px;
    text-decoration: none;
}