/* widget.css */

/*************/
/* Login Box */
/*************/

#login
{
	width: 260px;
	height: 71px;
	background: url('../GW_Syko/images/sk_loginbackground.png') repeat-x;
	border: solid 1px #000;
	position: relative;
	
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#login-1
{
	width: 60px;
	position: absolute;
	top: 5px;
	left: 5px;
}

#login-labels
{
	font-size: 10px;
}

#login-username /* Username Text */
{
	height: 20px;
	color: white;
}

#login-password /* Password Text */
{
	height: 20px;
	color: white;
}

#login-2
{
	width: 132px;
	position: absolute;
	top: 5px;
	left: 65px;
}

#login-inputs
{
}

#login-input-username
{
	height: 20px;
}

#login-input-password
{
	height: 20px;
}

.input-box
{
	width: 127px;
	font-size: 10px;
	border: solid 1px; #555555;
	background: #14171F;
	color: #A0A0A0;
}

#login-3
{
	width: 250px;
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#login-links
{
}

#login-links-1
{
	font-size: 10px;
	float: left;
	position: absolute;
	bottom: 0px;
}

#login-links-2
{
	float: right;
}

.login-checkbox
{
	height: 13px;
	margin: 0;
	padding: 0;
	cursor:help;
}

.login-button
{
	display: block;
	width: 55px;
	height: 62px;
	background: url('../GW_Syko/images/sk_loginbutton.png') 0px 0px no-repeat;
	border: none;
}

.login-button:active
{
	background-position: 0px -62px;
}

/**********************/
/* LOGGED IN SETTINGS */
/**********************/

#logged-in
{
	font-size: 10px;
}

#logged-user-info
{
	float: left;
}

.logged-user-info-1
{
}

.logged-user-info-1-1 /* Username Text once logged in */
{
	width: 180px;
	color: #ffffff;
	text-align:left;
	font-size:11px;
}

.logged-user-info-1-2 /* Level Text once logged in */
{
}

.logged-user-info-2
{
}

.score-progressBar-outer
{
	width: 180px;
	height: 16px;
	background: transparent;
	border: solid 1px white;
}

.score-progressBar-inner
{
}

.score-progressBar-inner-1
{
	display: block;
	height: 16px;
	background: transparent url('../GW_Syko/images/co_progressbar.gif') repeat-x;
}

.logged-user-info-3
{
	float: right;
}

.login-avatar
{
	height: 60px;
	width: 60px;
	border: solid 1px white;
	float: right;
}

.login-avatar-size
{
	width: 60px;
	height: 60px;
}

.no-avatar-image
{
}

.avatar-image
{
}

.login-inbox	/* INBOX MESSAGES */
{
	width: 180px;
	color: #fff;
	text-align:left;
	font-size:11px;
		
	position: absolute;
	top: 19px;
}

.login-inbox:hover
{
	text-decoration:none;
}

.login-inbox-new
{
	background-position: 0px -25px;
	text-decoration:none;
}

#login-links-logout
{
	display: block;
	width: 60px;
	height: 20px;
	background: url('../GW_Syko/images/sk_logintemplatebutton.png') no-repeat;
	line-height: 20px;
	text-align:center;
	color: #fff;
	
	position: absolute;
	right: 68px;
	bottom: 0px;
}

#login-links-logout:hover
{
	text-decoration:none;
}

#login-links-logout:active
{
	background-position: 0px -20px;
	text-decoration:none;
}

#login-links-search
{
	display: block;
	width: 60px;
	height: 20px;
	background: url('../GW_Syko/images/sk_logintemplatebutton.png') no-repeat;
	line-height: 20px;
	text-align:center;
	color: #fff;
	
	position: absolute;
	right: 129px;
	bottom: 0px;
}

#login-links-search:hover
{
	text-decoration:none;
}


#login-links-search:active
{
	background-position: 0px -20px;
	text-decoration:none;
}

#login-links-usercp
{
	display: block;
	width: 60px;
	height: 20px;
	background: url('../GW_Syko/images/sk_logintemplatebutton.png') no-repeat;
	line-height: 20px;
	text-align:center;
	color: #fff;
	
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#login-links-usercp:hover
{
	text-decoration:none;
}

#login-links-usercp:active
{
	background-position: 0px -20px;
	text-decoration:none;
}

/********************/
/* Countdown Widget */
/********************/

#countdown-widget
{
	width: 250px;
	margin: 0 auto;
}

#countdown-widget-1
{
}

#countdown
{
	color: #000;
}

#countdown-info
{
	width: 248px;
	background: #301B1A;
	border: solid 1px #61423B;
	font-size: 10px;
	position: relative;
}

#countdown-boxart
{
	width: 100px;
	height: 100px;
	background: url('../GW_Syko/images/starcraft2-boxart.jpg') no-repeat;
}

#countdown-name
{
	margin-top:0px;
}

#countdown-text
{
	width: 140px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#countdown-desc
{
	padding: 5px;
}

/*************************/
/* Latest Threads Widget */
/*************************/

.widget-pane
{
	width: 100%;
	background: #eee url('../GW_Syko/images/sk_news_header.png') left top no-repeat;
	border: solid 1px #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.widget-pane-1
{
}

.widget-header
{
	width: 100%;
	height: 38px;
	margin: 0 auto;
	position: relative;
	top: 5px;
	left: 5px;
}

.widget-header-1
{
}

.widget-header-title /* Latest Threads Header */
{
	width: 120px;
	height: 31px;
	background: url('../GW_Syko/images/sk_widget_title.png') left top no-repeat;
}

.widget-header-title-1
{
	text-align: center;
	position: relative;
	top: 3px;
}

.latest-thread-body
{
	margin-left:5px;
	margin-right: 7px;
}

.latest-thread-body-1
{
}

.latest-thread-fail-border
{
	height: 0px;
	width: 100%; /* 248px */
	border-bottom: solid 1px #61423b;
	margin: 0 auto;
}

.latest-thread-entry
{
	width: 100%;
	background: #301b1a;
	border-bottom: solid 1px #61423b;
	border-left: solid 1px #61423b;
	border-right: solid 1px #61423b;
	margin: 0 auto;
}

.latest-thread-entry:hover
{
	background: #412c2b;
}

.latest-thread-entry-1 /* Thread Icon */
{
	width: 30px;
	height: 16px;
	background: url('../GW_Syko/images/co_latest_thread_icon.png') no-repeat center center;
}

.latest-thread-entry-1-2
{
	padding: 3px;
}

.latest-thread-icon {}

.latest-thread-icon-1 {}

.latest-thread-details {}

.latest-thread-details-1 {}

.latest-thread-subject {}

.latest-thread-subject-1 {}

.latest-thread-info {}

.latest-thread-info-1
{
	font-size: 10px;
}

/****************/
/* Twitter Feed */
/****************/

#twitter-feed
{
	width: 100%;
	margin: 0 auto;
}

#twitter-feed-1
{
}

/*********************/
/* Games List Widget */
/*********************/

#gameslist
{
	width: 250px;
	margin: 0 auto;
}

#gameslist-1
{
}

#gameslist-guildwars
{
	display: block;
	width: 250px;
	height: 60px;
	background: url('../GW_Syko/images/gameslist_gw.jpg') no-repeat;
	margin-bottom: 5px;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#gameslist-guildwars:hover
{
	background-position: 0px -60px;
}

#gameslist-guildwars2
{
	display: block;
	width: 250px;
	height: 60px;
	background: url('../GW_Syko/images/gameslist_gw2.jpg') no-repeat;
	margin-bottom: 5px;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#gameslist-guildwars2:hover
{
	background-position: 0px -60px;
}

#gameslist-starcraft2
{
	display: block;
	width: 250px;
	height: 60px;
	background: url('../GW_Syko/images/gameslist_sc2.jpg') no-repeat;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#gameslist-starcraft2:hover
{
	background-position: 0px -60px;
}

/******************************/
/* ---- Main Area - News ---- */
/******************************/

.content-pane
{
	width: 100%;
	background: #eee url('../GW_Syko/images/sk_content_header.png') left top no-repeat;
	border: solid 1px #000;
	margin-bottom: 10px;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.content-pane-1
{
	margin-left:5px;
	margin-right: 5px;
}

.content-header	/* News Header */
{
	width: 100%; 
	height: 38px;
	position: relative;
	top: 5px;
}

.content-header-1
{
}

.content-header-title
{
	width: 90px;
	height: 31px;
	background: url('../GW_Syko/images/sk_widget_title.png') left top no-repeat;
}

.content-header-title-1
{
	text-align: center;
	position: relative;
	top: 3px;
}

.content-date
{
	background: url('../GW_Syko/images/sk_date_header.png') repeat-x;
	padding: 2px;
	padding-left: 7px;
	
	border-left: solid 1px #45312d;
	border-right: solid 1px #45312d;
	border-top: solid 1px #45312d;
}

.content-date-1
{
	font-size: 11px;
	color: #999;
}

.content-body /* Actual Body of the Content */
{
	background: #301b1a; /* #301b1a */
	padding: 10px;
	border: solid 1px #45312d;
}
.content-body-1
{
   text-align: center;
}
.content-body-2
{
}
.content-body-3
{
	text-align: right;
}

.content-title /* Title for each new article */
{
	font-size: 18px;
	padding-bottom: 5px;
}

.content-title-1
{
}

.content-text
{
}

.content-text-1
{
}

.content-image
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content-comment
{
}

.content-comment-1
{
}

.quote
{
	display: table;
	width: 95%;
	background: #301712 url('../GW_Syko/images/bg_quote_red.png') no-repeat top right;
	margin: 0 auto;
	padding: 5px;
	border: solid 1px #5a281a;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.quote-1 /* Quote Author */
{
	font-size: 90%;
	font-weight: bold;
	color: #e0351d;
}

.quote-2 /* Actual Text being Quoted */
{
}

.separator
{
	display: block;
	height: 10px;
}

.separator-1
{
}

.horizontal-rule
{
	border-bottom: solid 1px #45312d;
	margin-top: 10px;
	margin-bottom: 10px;
}

.code
{
	display: table;
	width: 95%;
	background: #301712 url('../GW_Syko/images/bg_code_red.png') no-repeat top right;
	margin: 0 auto;
	padding: 5px;
	border: solid 1px #5a281a;
	
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.code-1
{
	font-size: 90%;
	font-weight: bold;
	color: #e0351d;
}

.code-2
{
	font-family: Courier, Courier New;
}

/***************************************/
/* ---- Main Area - Featured News ---- */
/***************************************/

#featurednews {
	margin: 0 auto; /* Why we need this? */
	width: 400px; /* Why we need this? */
	height: 390px; /* Why we need this? */
	padding: 0; /* Why we need this? */
	overflow: scroll;
	border: 1px solid #999; /* Jimmy change the color */
}

#featurednews ul {
	list-style: none;
	width: 710px; /* the sum of all widths - this will be dynamically calculated later 2130px */
	margin: 0;
	padding: 0;
	position: relative;
}

#featurednews li {
	display: inline;
	float: left;
}

#featurednews .textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	/*-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;*/
}

/*********************************/
/* ---- View Page - Article ---- */
/*********************************/

.article-header
{
	width: 710px;
	height: 38px;
	margin: 0 auto;
	position: relative;
	top: 5px;
}

.content-body-1
{
   
}

.article-title
{
   text-align: left;
	font-size: 18px;
	font-weight: bold;
	
}

.article-author
{
   font-size: 10px;
   font-weight: bold;
   padding-bottom: 18px;
}

/**********************************/
/* ---- View Page - Comments ---- */
/**********************************/

.article-comments
{
}

.article-comment
{
	background: #301b1a;
	padding: 5px;
	border: solid 1px #000000; /* #45312d */
	color: #cccccc;
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.comment-leftcolumn
{
	width: 62px;
	float: left;
}

.comment-avatar
{
	width: 60px;
	height: 60px;
}

.comment-avatar-size
{
	width: 60px;
	height: 60px;
	border: solid 1px #45312d;
}

.comment-rightcolumn
{
	/* width: 630px; */
	float: right;
}

.comment-author-posted
{
}

.comment-posted
{
}

.comment-rate
{
	width: 62px;
	height: 20px;
	background: #cccccc;
	color: #000000;
	
	text-align: center;
}

.article-comment-input
{
}

#comment-header
{
	font-size:18px;
	color: #000000;
}

#comment-textarea
{
	width: 697px;
	height: 200px;
	border: solid 1px #000000;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#posting-success
{
	text-align:center;
	margin-top: 10px;
}

.clear
{
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

.font-black
{
	color: #000000;
}

.italics
{
	font-style: italic;
}


/*******/
/* END */
/*******/