@import "ys_style_reset.css";
@import "ys_style_content.css";

/*  

S E T   A N D   R E S E T   S T Y L E S 
- style reset
- style set

S I T E W I D E   C L A S S E S
- classes
- buttons

S T R U C T U R A L   D I V S  
- site outline
- header
- primary navigation
- page structure
- content box structure 
- secondary nav
- primary boxes
- widget boxes
- footer

N O N - S I T E W I D E   D I V S   A N D   C L A S S E S
- widgets
- templates


T E L E R I K 
- top nav styles

*/

#psheaderpoweredbyleft p  /* TEMP FIX FOR ISSUE OF PUBLISITE SYSTEM INFO MOVING WHEN EDITING A PAGE */
{
    padding: 0px 9px 4px 9px;
}

/*------------------------------------------
   S E T   A N D   R E S E T   S T Y L E S  
------------------------------------------*/

/*  S T Y L E   S E T  */

body {
	margin: 0;
	padding:0;
	text-align: center;
	}

a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}

img a {
	cursor: pointer;
	}
	
blockquote{
	color:#7aa7a7;
	margin:1em 0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	line-height:1.5em;
	}

blockquote span {
	font-style:normal;
	font-weight:normal;
	}

/*----------------------------------
  S I T E W I D E   C L A S S E S  
-----------------------------------*/

/*  C L A S S E S  */
	
.clear {
	clear:both;
	}
	
.clear_left {
	clear:left;
	}
	
.clear_right {
	clear:right;
	}
	
.right {	
	float:right;
	}

.center {
	text-align:center;
	margin:0 auto;
	}


/*  B U T T O N S  */

p.button {
	padding:0;
	margin:0;
	font-size: 1.3em;
	}
	
.button a {
 	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0;
	}
	
.button a:hover {
	text-decoration:underline;
	}

.button a span{
	}
	
.button .more {
	text-decoration: none;
	}

.button .more:hover {
	}

a.download {
	background:url(../img/ys_download_button_bg.png) no-repeat center;
	height:30px;
	position:relative;
	display:block;
	font-size:1.2em;
	line-height: 1.4em;
	font-weight:normal;
	padding:10px 0;
	width:192px;
	margin:0;
	font-variant:small-caps;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	}

.main_column blockquote,
.main_column pre,
.main_column code, 
.main_column dl,
.main_column dt,
.main_column dd,
.main_column fieldset,
.main_column legend {
	padding:0px 15px 15px 15px;
	font-size: 1.3em;
	line-height: 1.4em;
	clear: left;
	}


.main_column label
{
    padding:0px 15px 15px 15px;
}

/*  T A B L E S  */

table {
	vertical-align:top;
	}

/*--------------------------------
  S T R U C T U R A L   D I V S  
---------------------------------*/
	
/*  S I T E   O U T L I N E  */

.outer_wrapper {
  	position:relative;
  	float: left;
  	width:100%; 
  	z-index: 10;
  	min-width: 950px;
	}
	
.inner_wrapper {
  	position:relative;
  	float: left;
  	width:950px;
  	left: 50%;
  	margin-left: -475px;
	margin-top:0;
	z-index: 2;
	}

/*  H E A D E R   */
	
.header {
	position:relative;
	float:left;
	width:950px;
	text-align: center;
	height:170px;
	z-index: 50;
	}

/*  P R I M A R Y   N A V I G A T I O N   */
	
.primary_nav {
	position: relative;
	float: left;
	text-align:center;
	width: 950px;
    behavior: url(css/iepngfix.htc);
    z-index: 100;
	}

/*  N A V   I T E M S  */

.primary_nav span {
	display:none;
	}

/*  P A G E   S T R U C T U R E   */

.page_content {
    position:relative;
    float: left;
	width:950px;
	margin-top:20px;
	text-align:left;
	}
	
.main_column {
	width:470px;
	}
	
.supporting_column {
	width:470px;
	clear:none;
	float:right;
	} 

/*  T H E   B O X   S T R U C T U R E  */

.box_top,
.box_base {
	height:25px;
	z-index:50;
	margin:0;
	margin-top:-12px;
	float:left;
	clear:none;
	padding:0;
	}
	
.box_top{		
	position:relative;
	clear:both;
	}

.box_base {
	position:absolute;
	clear:both;
	}
		
.box_content {
	margin:0 26px 0px 25px;
	padding-bottom:12px;
	clear:both;
	}

.main_column ol,
.main_column ul
{
   padding:0px 15px 15px 15px;
    
}

.main_column ol li 
{
    list-style-type: decimal;
    margin-left: 30px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 10px 0 10px 0;
}

.main_column ul li 
{
    list-style-type: disc;
    margin-left: 30px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 10px 0 10px 0;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	}


	
.main_column embed 
{
    position:relative;
    margin: 0 15px 15px 15px;
}
	
/*  S E C O N D A R Y   N A V  */	
	
ul.secondary_nav {
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	height:25px;
	margin:0;
	padding: 12px 0 0 0;
	}
	
.secondary_nav li {
	display:inline;
	padding:10px 5px 0 0;
	margin:0;
	font-size:1.3em;
	line-height:1.5em;
	letter-spacing:1px;
	}
	
.secondary_nav li a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 3px;
	margin:0;
	}	

.secondary_nav li a:hover {
	text-decoration:underline;
	}
	
/*  P R I M A R Y   B O X E S  */

.content_item {
	position:relative;
	z-index:2;
	margin:0 0 30px 0;
	padding:0;
	clear:both;
	}

.content_item {
	width:470px;
	}
		
.content_item .box_top,
.content_item .box_base {
	width:470px;
	}	

/*  W I D G E T   B O X E S */
	
.widget {
	width:235px;
	float:left;
	z-index:20000;
	position:relative;
	z-index:2;
	margin:0 0 30px 0;
	padding:0;
	}
	
.widget .box_content{
	background-color:#000;
	min-height:160px;
	}

.widget .box_top,
.widget .box_base{
	width:235px;
	}
	
.widget .box_top {
	padding:0;
	margin-bottom:0;
	}
	
.widget a {
	text-transform:uppercase;
	}

.widget p {
	padding:0 9px 12px 9px;
	margin-bottom:10px;
	}

.widget h4{
	padding:0px 0 25px 9px;
	margin:0;
	}
	
.widget h4 img{
	padding:10px 0 5px 0;
	}	
	
.widget .button a {
	text-decoration:underline;
	text-transform:uppercase;
	}
	
/* F O O T E R */

.footer {
  	z-index: 2;
  	color: #330000;
  	left: 0px;
  	width: 100%;
  	margin-top:30px;
	font-size: 1.1em;
	clear:both;
	display:block;
	text-align:center;
	}

.footer ul {
  	padding: 8px 0 8px 0;
	}

.footer li {
	display:inline;
	margin: 0;
	}

.footer a {
  	color: #000;
	text-decoration:none;
	}

.footer a:hover {
 	color: #000;
	text-decoration:underline;
	}


/* ----------------------------------------------------------
  N O N - S I T E W I D E   D I V S   A N D   C L A S S E S
-----------------------------------------------------------*/

/*  H O M E   W I D G E T 1  */

#home_widget1 .button a {
	color:#000;
	}

#home_widget1 .button a:hover {
	color:#BB1E1E;
	}

#home_widget1 .button{
	width:80px;
	line-height:1.6em;
	}


/*  B E C O M E   S A M U R A I   W I D G E T  */

#become_samurai .button a {
	color:#000;
	}

#become_samurai .button a:hover {
	color:#BB1E1E;
	}

#become_samurai .button{
	width:80px;
	line-height:1.6em;
	}
	
/*  W A Y   O F   W A R R I O R   W I D G E T  */

#home_widget2 img.right,
#wow_promo img.right{	
	position:absolute;
	margin-left:65px;
	bottom:10px;
	z-index:2000;
	}

#home_widget2 .button,	
#wow_promo .button {
	width:70px;
	line-height:1.6em;
	margin-top:5px;
	}	
	
#home_widget2 .button a, 	
#wow_promo .button a {
	color:#ffffff;
	}

#home_widget2 .button a:hover 	
#wow_promo .button a:hover {
	color:#FCE903;
	}	
	
/*  A S K   S E N S E I   W I D G E T  */

#ask_sensei p {
	width:100px;
	line-height:1.5em;
	margin-bottom:0;
	}

#ask_sensei img.right{	
	position:absolute;
	margin-left:130px;
	bottom:10px;
	z-index:2000;
	}
	
#ask_sensei .button{
	width:auto;
	margin-top:0;
	padding-top:0;
	}
	
#ask_sensei .button a {
	color:#000000;
	text-transform:none;
	width:auto;
	}

#ask_sensei .button a:hover {
	color:#c40c26;
	}
	
/*  D O W N L O A D S   W I D G E T  */

#downloads ul {
	margin:5px 10px 10px 20px;
	padding: 0;
	}
	
#downloads li {
	margin:0;
	line-height:1;
	padding:5px 0;
	list-style-type:disc;
	font-size: 1.2em;
	}

#downloads li a {
	text-transform:none;
	color:#000;
	text-decoration:none;
	}
	
#downloads li:hover,
#downloads li a:hover{
	color:#c40c26;
	}

#downloads img.right{	
	position:absolute;
	margin-left:80px;
	bottom:10px;
	z-index:2000;
	}


/*  W A Y   O F   W A R R I O R   W I D G E T  */

#wow_story .button{
	width:90px;
	line-height:1.8em;
	}

#wow_story .button a {
	color:#ccc;
	}
	
#wow_story .button a:hover {
	color:#fff;
	}
	
	
/*   H O M E   P A G E   T E M P L A T E   */

.home .main_column {
	width:470px;
	float: left;
	}
	
.home .supporting_column {
	width:470px;
	clear:none;
	float:right;
	} 

.home .content_item {
	width:470px;
	}
	
.home .content_item .box_top,
.home .content_item .box_base {
	width:470px;
	}

.home .homenews .clear 
{
  clear: none;
}


.home .homenews ul {
    margin: 0 20px 0 0px;
    padding: 0;
    
}

.home .homenews ul li {
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}

.home .homenews ul li .SmartListPageLink {
	color:#fff;
	font-size: 1.2em;
	line-height:3.3em;
	background: url(../img/ys_posttitle_bg.png) no-repeat bottom right;
	padding: 0 80px 0 15px;	
	margin: 0 0 5px 0;
	font-weight:bold;
	position:relative;
	float: left;
	clear: both;
	text-align: left;
	}
	
.home .homenews ul li .SmartListDescription,
.home .homenews ul li a {
    margin-left: 20px;
    clear: both;
}
	
	
.home .PagingControls,
.home .newslistdate
{
    display: none;
}	

.home .newslistcontent
{
    margin-top: 10px;
}

.home .newslistcontent a:first-child
{
	color:#fff;
	display:block;
	line-height:2.0em;
	margin: 0 0 -10px -12px;
	padding: 8px 0 15px 13px;
	font-size: 1.1em;
	font-weight:bold;
	}

.home .newslistcontent a
{
    color: #FFFFFF;
}

/*  S E C O N D A R Y   P A G E S   */

.page .main_column {
	width:700px;
	position: relative;
	float: left;
	}
	
.page .supporting_column {
	width:240px;
	clear:none;
	float:right;
	} 

.page .content_item {
	width:700px;
	}
	
.page .content_item .box_top,
.page .content_item .box_base {
	width:700px;
	}

.page .content_item h2 img {
  border: 0px;
	}	

/* N E W S */

.uksmartlist ul {
    margin: 0;
    padding: 0;
    clear: both;
}

.uksmartlist ul li {
    list-style-type: none;
    margin: 0 0 20px 20px;
    padding: 0 0 0px 0;
    font-size: 1.3em;
    width: 630px;
    display: inline-block;
}

.uksmartlist ul li .SmartListPageLink {
    position:relative;
    display: block;
    clear: both;
}

.uksmartlist ul li .SmartListDescription {
    position:relative;
    width: 480px;
    float:left;
    padding-bottom: 20px;
    margin: 0;
    padding: 0;
}

.uksmartlist ul li .SmartListDate {
    position:relative;
    color: #FFF;
    font-weight: bold;
    width: 100px;
    float:right;
    margin-top: -18px;
}

.uksmartlist ul li a {
    padding: 0;
}

.uksmartlist a {
    padding: 0 0 0 20px;
}

.page .content_item  .newslistdate p
{
  padding: 0 15px 0 15px;
  margin: 0;
  font-weight: bold;
  color: #FFFFFF;
}

.page .content_item .newslistcontent 
{
    position:relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.page .content_item .newslistcontent a 
{
    color:#FFFFFF;
}

.page .content_item .PagingControls 
{
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0 15px 0 15px;
    display: block;
}	

/*  E X T R A S   S E C T I O N  */

.extras .main_column {
	width:700px;
	float: left
	}
	
.extras .supporting_column {
	width:240px;
	clear:none;
	float:right;
	} 

.extras .content_item {
	width:700px;
	}
	
.extras .content_item .box_top,
.extras .content_item .box_base {
	width:700px;
	}

.cat_thumb{ 
	margin:20px 0 0 17px;
	width:192px;
	height:150px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	float:left;
	padding:0;
	display: inline;
	}
	
.cat_thumb h4 {
	font-variant:small-caps;
	color:#000;
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:1.3em;
	text-align: center;
	}
	
.cat_thumb_wide{ 
	background:#FF6600;
	margin:20px 0 40px 17px;
	width:295px;
	height:150px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	float:left;
	position:relative;
	padding:0;
	display: inline;
	}
	
.cat_thumb_wide h4,
.cat_thumb_2row h4 {
	font-variant:small-caps;
	color:#000;
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:13px;
	background:none;
	text-align: center;
	}
	
.cat_thumb_wide p,
.cat_thumb_2row p {
	margin:0;
	padding:0;
	}
	
.cat_thumb_wide .button,
.cat_thumb_2row .button  {
	margin-top:-5px;
	margin-left:50px;
	}
	
.cat_thumb p {
	margin:0;
	padding:0;
	}
	
.cat_thumb .button  {
	margin-top:-5px;
	}

.thumb {
	text-align:center;
	}

.cat_section {
	width:612px;
	background:#fff;
	margin:20px 20px 20px 17px ;
	border:1px solid #000;
	}
	
.cat_section h4 {	
	font-family:"Times New Roman", Times, serif;
	font-variant:small-caps;
	text-align:center;
	font-weight:normal;
	color:#000;
	background:none;
	}
	
.cat_section.wallpapers p {
    position:relative;
    float: left; 
    clear: none;
    width:291px;
    
    margin: 0;
    padding:0 0 15px 15px;
    line-height: 1.3em;
}

.cat_section.wallpapers p img 
{
    margin-bottom: 5px;
}

.cat_section p.button a 
{
    color: #FFFFFF;
}

.cat_section a 
{
    color: #BB1E1E;
}

.cat_section a:hover 
{
    color: #BB1E1E;
    text-decoration: underline;
}


/* F O R M S */

.formbackground 
{
  position:relative;
  float: left;
  width: 609px;
  margin: 10px 0 10px 15px;
  border: 1px solid #000000;
  display: inline;
}

.formfield
{
    border: 1px solid #000000;
    margin: 5px 0 5px 0;
}

.Submit 
{
    border: 1px solid #000000;
    padding: 5px;
    background-color:#BB1E1E;
    color: #FFFFFF;
    display: block;
    
}

/* ADDITIONAL CONTENT STYLES (HIDE FROM WYSIWYG) */

.formbackground h2 {
	font-size: 1.5em;
	line-height:3.5em;
	padding: 0 80px 0 15px;	
	margin: 0 0 10px 0;
	font-weight:bold;
	position:relative;
	float: left;
	clear: both;
	text-align: left;
	}

.newstitle h2 {
    font-size: 1.2em;
	padding: 0 80px 0 15px;	
	margin: 0 0 10px 0;
	font-weight:bold;
	position:relative;
	float: left;
	clear: both;
	text-align: left;
	}

.page .main_column .medianewstitlespace {
	font-size: 1.3em;
	line-height:3.5em;
	color:#fff;
}


/* ----------------------------------------------------------
  T E L E R I K
-----------------------------------------------------------*/

.RadMenu_PubliSite 
{
	text-align: left;
	padding: 0;
	margin:139px 5px 5px 5px;
}

.RadMenu_PubliSite ul 
{
	padding: 0;
	list-style-type: none;
	width: 940px;
	min-height: 30px;
}

.RadMenu_PubliSite ul ul
{
    background: none;
    width: auto;
}

.RadMenu_PubliSite ul a {
    cursor: pointer !important;
}

a.topnavitem9 
{
    display:none;
}

.RadMenu_PubliSite li 
{
   list-style-type: none;
   margin: 0;
   padding: 0; 
   float: left;

}

.RadMenu_PubliSite li li
{
    background-color: #FFF;
    border-bottom: solid 1px #000000;
    text-indent: 0px;
    width: 200px;
    font-size: 1.1em;
    padding: 0 25px 0 10px
}

.RadMenu_PubliSite li a {
	margin:5px 0 0 0 ;
	height:25px;
	float:left;
	line-height: 20px;
	color:#FFFFFF;
}
	
.RadMenu_PubliSite a {
	color:#FFFFFF;
	text-decoration:none;
}
	
.RadMenu_PubliSite a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.RadMenu_PubliSite li li a {
	color:#000000;
	text-decoration:none;
}
	
.RadMenu_PubliSite li li a:hover {
	color:#000000;
	text-decoration:underline;
}

.RadMenu_PubliSite .slide
{
	margin: -1px 0 0 -1px !important;
}

* html .RadMenu_PubliSite .vertical .slide
{
	margin-left: -2px !important;
}

* html .RadMenu_PubliSite .horizontal .slide
{
	margin-top: -2px !important;
}

.RadMenu_PubliSite_rtl .slide
{
	margin: -1px 0 0 2px !important;
}

* html .RadMenu_PubliSite_rtl .vertical .slide
{
	margin-left: 3px !important;
}

* html .RadMenu_PubliSite_rtl .horizontal .slide
{
	margin-top: -2px !important;
	margin-left: 0 !important;
}

/* FORUM */

.forumsearch p 
{
    padding: 0 15px 0 15px;
    text-align: right;
}

.forumsearch input,
.forumformfieldmulti,
.forumformfieldsingle
{
    border: solid 1px #000000;
}

.forumformfieldsingle 
{
    width: 450px; 
}

.forumformfieldmulti 
{
    width: 450px;
    height: 80px;
}

.forumbreadcrumb 
{
    font-size: 1.1em; 
    padding: 0 0 10px 10px;
    margin: 0 15px 10px 15px;
    border-bottom: dashed 1px #000000;
}

.forumbreadcrumb a 
{
    color: #000000;
    text-decoration: underline;
}

.forumbreadcrumb a:hover 
{
    color: #FFFFFF;
    text-decoration: underline;
}

.forumrow 
{
    padding: 0;
    margin: 0 15px 10px 15px;
    border-bottom: dashed 1px #FFFFFF;
}

.forumrow p 
{
    padding: 0 0 10px 10px;
    margin: 0;
}

.forumdetailsname,
.forumdetailsdate
{
    font-size: 11px;
}

.forumrow a:link
{
    color: #FFFFFF;
    text-decoration: none;
    line-height: 1.5em;
    margin:0;
    padding:0;
}

.forumrow a:hover 
{
    color: #000000;
    text-decoration: underline;
}

a.psforumbutton,
.forumrow a.psforumbutton
{
    font-size:0.9em;
    font-weight:normal;
    background-color: #FFFFFF;
    color: #000000;
    padding: 3px;
    text-decoration: none;
    border: solid 1px #000000;
}

a.psforumbutton:hover,
.forumrow a.psforumbutton:hover
{
    font-size:0.9em;
    font-weight:normal;
    background-color: #000000;
    color: #FFFFFF;
    padding: 3px;
    text-decoration: none;
    border: solid 1px #000000;
}

.forumerror,
.validationerror
{
    color: #FFFFFF !important;
    font-size: 1.0em;
}

.validationerrorlist 
{
    color: #FFFFFF !important;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 10px 20px 10px 20px;
    clear: both;
}

.loginform label 
{
    padding-left: 0;
    
}

.ps_wrapper p {
    font-size: 1.0em;
}