/*================== General Styling ==================*/

* {margin:0; padding:0;} /*IE fix*/

.clearB {clear: both;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

body {
font-family: "Bell Gothic Std", "Trebuchet MS", "Lucida Grande", "Myriad Pro",Helvetica, Arial, sans-serif;
background-color: #161717;
font-size: 16px;
min-height:0;
width: 100%;
padding: 0;
margin: 0;
background-color: black;
}

.B_Art {
background: url("../Images/RAIN/Art_Background.png") repeat-x fixed black;
}

#Adspace {
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
margin: 8px 0px;
text-align: center;
}

.Adspace {
overflow: hidden;
min-height: 80px;
display: block;
margin-bottom: 10px;
padding: 5px 0px;
}

#Island {
min-width: 900px;
}

#Island_Art {
margin: 0 50px;
}

.Site_Header {
height:202px;
background-image: url("../Images/RAIN/Rain_Sprite.jpg");
background-repeat: repeat-x;
}

.RPG_rain {background-position:0 -204px;}
.Tabletop_rain {background-position:0 -408px;}
.Comics_rain {background-position:0 -612px;}
.Gaming_rain {background-position:0 -816px;}
.Cards_rain {background-position:0 -1020px;}
.Books_rain {background-position:0 -1224px;}
.Movies_rain {background-position:0 -1428px;}
.Events_rain {background-position:0 -1632px;}
.Music_rain {background-position:0 -1836px;}
.Pale_rain {background-position:0 -2040px;}

.Home_Icon {
display:block;
float:left;
margin-right:5px;
margin-top:-3px;
}

.Logo {
height: 265px;
background-image: url("../Images/RAIN/L_Sprite.png");
background-repeat: no-repeat;
}

.RPG_L {background-position:0 -265px;}
.Tabletop_L {background-position:0 -530px;}
.Comics_L {background-position:0 -795px;}
.Gaming_L {background-position:0 -1060px;}
.Cards_L {background-position:0 -1325px;}
.Books_L {background-position:0 -1590px;}
.Movies_L {background-position:0 -1855px;}
.Events_L {background-position:0 -2120px;}
.Music_L {background-position:0 -2385px;}

#Island_Art .RPG_L {background-position: right -205px;}
#Island_Art .Tabletop_L {background-position: right -410px;}
#Island_Art .Comics_L {background-position: right -615px;}
#Island_Art .Gaming_L {background-position: right -820px;}
#Island_Art .Cards_L {background-position: right -1025px;}
#Island_Art .Books_L {background-position: right -1230px;}
#Island_Art .Movies_L {background-position: right -1435px;}
#Island_Art .Events_L {background-position: right -1640px;}
#Island_Art .Music_L {background-position: right -1845px;}

#Footer {
border-top:1px dotted #555555;
clear:both;
color:#555555;
font-size:55%;
font-variant:small-caps;
margin:0 auto 10px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
width:800px;
}

.Verified {
margin-top: 20px;
}

/*================== Active Area ==================*/

#Active_Area {}

/*
.L_S {float: left;}
.R_S {float: left;}
*/

.L_S, .R_S, .F_S {margin-top:10px;}

#Article_List {
margin: 0 20px;
display: table;
}

.page_top_items {
display: table;
margin-bottom:10px;
}

#first2articles {
width: 59%;
}

.ArtclBox {
float: left;
border:1px solid;
margin-bottom:10px;
width:100%;
}

.Artclheader {
display: table;
height: 77px;
width: 100%;
background-image: url("../Images/RAIN/Rain_Sprite.jpg");
background-repeat: repeat-x;
}

.Artclheader a {text-decoration: none;}
.Artclheader p:hover {color:gray;}

/*
#first2articles .Artclheader {background: url("../Images/RAIN/Artcl_Header.gif") repeat-x -10px 0px;}
*/

.Artcltitle {
display: block;
float: left;
font-size: 115% !important;
padding: 21px 0 10px 12px;
max-width: 50%;
font-variant: small-caps;
position: relative;
}

.Art_Title {
float:left;
font-size:150%;
font-variant:small-caps;
height:100px;
margin:80px 0 10px 25px;
max-width:400px;
position:absolute;
}

.ArtclAuthor {
float: right;
display: table;
}

.ArtclAuthor img {
border:medium none;
float:right;
margin-right:5px;
margin-top:4px;
height:78px;
text-indent:-999em;
}

.ArtclAuthor span {
color:#aaa;
float:right;
font-size:14px;
font-variant:small-caps;
text-align:right;
}

.Author_Name {
float:right;
padding:30px 0px 0 0;
}

.Author_SliderOver {
margin-top:-82px;
}

.ArtclDate  {
background-image:url("../Images/RAIN/G_Runner.png");
background-repeat:repeat-x;
font-size:10px;
height:11px;
padding:4px 10px;
}

.ArtclContent {
background: url("../Images/RAIN/Trisect.png") repeat;
padding: 13px 18px 2px;
font-size: 80%;
text-align: justify;
}

.ArtclContent_Art {
height: 100%;
background: url("../Images/RAIN/Trisect.png") repeat;
padding: 13px 18px 18px;
font-size: 80%;
}

.ArtclContent a, .ArtclContent_Art a {
color: navy;
text-decoration: none;
}

.Cloud_Tag_List {
border-top: 1px solid black;
font-size: 75%;
margin-top:11px;
padding-top:4px;
}

.Intro_Statement {
display:block;
font-size:18px;
font-variant:small-caps;
font-weight:bold;
padding:10px 0;
width:50%;
min-height: 80px;
font-style: italic;
}

#Article .ArtclAuthor {margin: 20px;}
#Article .ArtclAuthor span {color: black;}

#Island_Art .ArtclAuthor {
margin-right:15px;
margin-top:50px;
}


/*================== Anon ==================*/

.A_P_Layout {
border-bottom:2px groove black;
float:left;
margin-right:10px;
padding:0 10px;
max-height: 78px;
}

.A_P_L_Rank {
border-bottom:2px dotted gray;
display:inline-block;
font-size:140%;
font-variant:small-caps;
height:18px;
margin-bottom:6px;
width:300px;
}

.A_P_L_ScNm {
display:inline-block;
font-style:italic;
margin-bottom:3px;
}

#Announcements {
float:right;
width:40%;
}

.Announce {
background: url("../Images/RAIN/Artcl_Header_Fade.png") repeat-x -70px 0 #313e46;
height: 100%;
text-align: justify;
padding: 7px 10px;
border: 1px solid #777777;
border-top: 1px solid #a6a6a6;
margin-bottom: 10px;
}

.Announce .Anon_title {
border-bottom:1px solid #4A5259;
font-size:150%;
font-variant:small-caps;
margin-bottom:10px;
margin-top:4px;
padding-bottom:3px;
text-align:center;
width:100%;
}

.Announce .target {font-size: 80%;}
.Announce a, .Tweet a {color: #7FCCDA;}

/*================== Nav ==================*/

.Home_Logo_Link {
float: left;
display:block;
height:168px;
width:500px;
}

#Island_Art .Home_Logo_Link {float: right;}

#Nav_Links {
font-size: 90%;
width: 99%;
border-bottom: 1px solid white;
margin: 0 7px;
float: left;
padding-bottom:2px;
padding-top:9px;
}

#Nav_Links a { text-decoration: none;}
#Nav_Links a:hover {font-style: italic;}

.Nav_List {
visibility: hidden;
}

.N_L_Icons {
background: black url("http://www.eyeofthevortexonline.com/Images/Thm3/Nav_Genre_Icons.png") no-repeat 5px 4px;
}

.N_L_Icons li {
margin-left: 18px;
}

.Nav_List_A {
float: left;
height: 20px;
width: 60px;
}

.Nav_List_A li ul {
list-style-type: none;
}

.Nav_List li {
height: 18px;
font-size: 90%;
}

.Nav_List_A :hover > ul {
padding: 7px 8px;
margin-top: 4px;
margin-left: 0px;
float: left;
position: absolute;
z-index: 2;
display: block;
visibility: visible;
height: auto;
min-width: 60px;
border: 1px solid white;
background-color: black;
}

/*================== Headers ==================*/

.Header_Buttons {
float:left;
position:absolute;
right:10px;
top:45px;
}

.Header_Buttons a {
border: none;
display: block;
height:140px;
margin:0 16px;
width:154px;
float: right;
background-image: url("../Images/RAIN/Button_Sprite.png");
background-repeat: no-repeat;
}

.B_Merc {background-position: 0 0;}
.B_Merc:hover {background-position: -154px 0;}

.B_Forums {background-position: 0 -140px;}
.B_Forums:hover {background-position: -154px -140px;}

.B_Contests {background-position: 0 -280px;}
.B_Contests:hover {background-position: -154px -280px;}



/*================== Tweets ==================*/

.Tweet {
margin-bottom: 10px;
}

.T_Top {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll -0px 0px transparent;
height:49px;
width:228px;
}

.T_Top_Alone {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll -228px 0 transparent;
border-bottom:2px solid #555555;
height:47px;
margin-bottom:10px;
}

.T_Top_Alone span {
display:block;
float:left;
font-size:105%;
font-variant:small-caps;
margin-top:17px;
text-align:left;
}

.T_Avi {
float:right;
height:42px;
margin-right:4px;
margin-top:4px;
}

.Twitter_Icon {
float:left;
height:auto;
margin-left:5px;
margin-top:6px;
}

.T_Top span {
display: block;
float: left;
text-align: left;
font-size:105%;
font-variant:small-caps;
padding: 8px 0 0 10px;
}

.T_Top .target {
color:#B3B3B3;
font-size:60%;
font-style:italic;
margin-top:-5px;
padding:0;
}

.T_Comment {
background:url("../Images/RAIN/P_Top.png") repeat-y scroll -0px -49px transparent;
border-color:#555555;
border-style:solid;
border-width:0 2px 2px 0;
font-size:70%;
margin-top:0;
width:226px;
}

.T_Comment span {
display:block;
padding:10px 14px;
width:195px;
}

.T_Comment .target {
padding: 0;
margin-left:1px;
padding:0;
width:218px;
}

/*================== Tweets ==================*/

.Forum_Hot {
margin-bottom: 10px;
}

.F_Top {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll -0px 5px transparent;
height:47px;
padding-top:8px;
width:228px;
}

.F_Icon {
float:left;
height:auto;
margin-left:10px;
margin-right:-3px;
margin-top:-9px;
}

.F_Top span {
display: block;
float: left;

text-align: left;
font-size:105%;
font-variant:small-caps;
padding: 12px 0 0 10px;
}

.F_Top .target {
font-size: 60%;
font-style: italic;
color: #b3b3b3;
padding-top: 2px;
}

.F_Comment {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll -0px -49px transparent;
border-color:#555555;
border-style:solid;
border-width:0 2px 2px 0;
display:block;
font-size:70%;
margin-top:-1px;
padding:10px 14px;
width:198px;
}

.F_Comment span {
width: 100%;
display: block;
font-style: italic;
margin-left: 3px;
}

.F_Comment a {
color: #7FCCDA;
text-decoration: none;
}


/*================== Calendar ==================*/

.T_Top_C {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll 0 0 transparent;
height:50px;
width:228px;
}

.T_Top_C span {
display: block;
text-align: center;
font-size:105%;
font-variant:small-caps;
}

.Panel_Clock {
font-variant:small-caps;
text-align:center;
}

.T_Top_C .target {
font-size: 60%;
font-style: italic;
color: #b3b3b3;
padding-top: 2px;
}

.T_Comment_C {
background:url("../Images/RAIN/P_Top.png") no-repeat scroll 0 -49px black;
border-color:#555555;
border-style:solid;
border-width:0 2px 2px 0;
font-size:70%;
margin-top:-1px;
padding-bottom:10px;
padding-top:10px;
width:226px;
}

.T_Comment_C span {display: block;}

.bottom_border {
border-bottom:1px solid #777777;
display:block;
}

.T_Comment_C .target {
padding: 0;
border-top: 1px solid black;
border-bottom: 1px solid #929497;
margin-left:1px;
padding:0;
width:218px;
}

.P_Clock_Top {font-size: 11px;}
.P_Clock_Time {font-size: 22px;}

.P_item {
width: 190px;
margin-left: 15px;
border-top:1px dotted #333333;
}

.P_item_Descript .bbcode_url {
display:block;
font-size:16px;
text-align:center;
text-decoration:none !important;
width:190px;
}

.C_Event_Name {
font-size:125%;
font-variant:small-caps;
line-height:14px;
margin-top:10px;
text-align:center;
}

.C_Event_Name a, .C_Event_Name a:visited {color:#7fccda; text-decoration: none;}
.C_Event_Name:hover {text-decoration: underline;}

.P_item_Date {
color:#B3B3B3;
font-size:90%;
font-style:italic;
margin:4px 0;
text-align:right;
}

.P_item_Descript {
width: 100%;
text-align: justify;
}


/*======================= Panel Buttons ==========================*/

#Accor_Menu {
position: relative;
float:left;
margin-right:10px;
/*margin-top:-110px;*/
}

/*
#L_SB, #R_SB {
text-indent: -999em;
height: 38px;
width: 227px;
border: 1px solid #555555;
border-left: none;
display: block;
background-image: url("../Images/RAIN/L_S_Buttons2.png");
background-repeat: no-repeat;
}
*/

#L_SB, #R_SB, #F_SB {
text-indent: -999em;
height: 49px;
width: 58px;
display: block;
background-image: url("../Images/RAIN/L_S_Icons2.png");
background-repeat: no-repeat;
}

#R_SB {
height:50px;
background-position: 0px -49px;
}

#F_SB {
height:50px;
background-position: 0px -99px;
}

/*=================================== GZP ===================================*/

.GZP_Login {
color:white;
float:right;
font-size:90%;
font-variant:small-caps;
margin-top:9px;
position:absolute;
right:20px;
text-align:right;
}

.GZP_Login a {
text-decoration: none;
font-size: 90%;
color: #7FCCDA;
}

.GZP_Login span {
}

#LoginForm {
height: 30px;
width: 430px;
display:none;
float: left;
}

#LoginForm label {}

#LoginForm input {
font-variant: small-caps;
max-width: 149px;
font-size: 75%;
}

/*#LoginButton {
background:url("../Images/Mini/Icons/TableSlice.png") repeat-x scroll 0 0 #E5E5E5;
border:1px solid black;
width:100px;
}*/

#LoginButton {
background:none repeat scroll 0 0 transparent;
border:0 solid black;
color:#7FCCDA;
float:right;
font-size:90%;
font-style:italic;
height:30px;
margin-left:15px;
margin-top:-5px;
position:relative;
text-align:right;
width:auto;
z-index:5;
}

/*================ Common Styles ============*/

.Tweet, .Announce, .Artclheader a, .ArtclDate, .T_Top_Alone, .Forum_Hot, #Nav_Links a, #Nav_Links a:visited, .Art_Title, .JumperText p, .WT {
color: white;
}

.Announce ol, .Announce ul, .ArtclContent ol, .ArtclContent ul {
margin-left: 40px;
}