/**Set font properties for your forum. Obviously, you could take out the .SiteTitle  
			if you wanted to declare a different font for those elements. **/
			
									/*All Pages */
blockquote {
	 padding: 1ex 16px;
  margin: 1em 0;
  background: $grey-h;
  background: rgba(0, 0, 0, 0.05);
  border-left: 4px solid $grey-5;
  border-left: 4px solid rgba(0, 0, 0, 0.1);
  min-width: 200px;
  overflow-y: auto;
	
}

body,
.SiteTitle {
   font-family: 'lucida grande','Lucida Sans Unicode',tahoma,sans-serif;
   background: #bbeeff;
}
h1, h2, h3, h4, h5 {
   font-family: 'lucida grande','Lucida Sans Unicode',tahoma,sans-serif;
color: #900; /* Set to match your theme colour scheme */
}

			/** Set properties for hyperlinks and hyperlink hover for elements which don't have a specific css rule.**/
a, .PanelInfo a, .PanelInfo .Active a{ /* .PanelInfo for Panel in Profile page) */
   color: #900;
   text-decoration: none !important;
}
a:hover {
   color: #458CDF;
   text-decoration: none !important;
}
											/* DISCUSSION LIST PAGE */
								
											
			/* Top Menu backround colour, height and alignment */
	
		
#Frame {background: #bbeeff; /* If you want a background colour for your pages */
}
#Frame > .Top {
   background: #bbeeff;
   padding: 0 20 20 0px;  /* Top Right Bottom Left - the px goes after the last margin you declare e.g. if you just want top and left 10 0 0 10px  */
   text-align: left; /* center or right*/
   line-height: 2;
   
   		/*The following declarations give you the same background effect as the Site menu. 
   			Edit the colours to match your theme, or delete if you don't want the effect.*/
   /*  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F7F7F7;
    border-color: #D0D0D0;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    box-shadow: 0 5px 5px 0 #EEEEEE inset, 0 -5px 5px 0 #EEEEEE inset;
    color: #000000;*/
   
}

			/*Declarations for the hyperlinks in the TopMenu */
			
.TopMenu a {
   padding: 4px;
   font-size: 13px;
   font-weight: 400;
   color: #900;
}

.TopMenu a:hover {
   background: #333; /* delete this line if you don't want a different background colour when you hover over a link */
   color: #fff; /*delete this line if you don't want a different colour for the link when you hover over it*/
   text-decoration: none; /* include if you don't want hyperlinks underlined*/
}


.Discussions #Panel .FilterMenu, .Discussions .CategoryFilter, .Discussion #Panel .FilterMenu, .Discussion .CategoryFilter  {display:none; /*Removes the Category and other links in the Panel*/
}


 #Kreiosiswrong{

color: #f00;
}

									/* A single links menu? */

	/* The MeBox icons give you access to all of the links contained in the SiteMenu.
	If you just want to use the top menu, the following declarations allow you to position the Search box within the Top Menu.
	You also need to edit default.master.tpl, adding 
	
		<div class="SiteSearch">{searchbox}</div> as below
	
	<div id="Frame">
  <div class="Top">
    <div class="Row">
<div class="SiteSearch">{searchbox}</div>
	
	You can also add any of the Site links to the TopMenu, e.g. {signinout_link} 
	
	To remove the SiteMenu, delete the following from default.master
	
	<div class="Row">
      <div class="SiteSearch">{searchbox}</div>
      <ul class="SiteMenu">
       {dashboard_link}
       {discussions_link}
       {activity_link}
       {inbox_link}
       {custom_menu}
       {profile_link}
       {signinout_link}
      </ul>
    </div>
	
	
	*/
.SiteSearch .InputBox {
    font-size: 11px;
    position: relative;
    width: 210px;
    left: 710px; /* affects how far from the right margin the Search Box is */
   top: 1px;
   
}


.SiteSearch .Button {

    top: 5px;
    right: 10px
}

.ButtonGroup.Open .Button.Handle, #Content input.Button:focus, #Content input.Button:active, .Button:focus, .Button:active {
    background: none;
          box-shadow: none;
}

.Banner {
   position: relative;
   height: 100px; /* Set to actual height of your banner. */
   text-align: left;
   padding: 0px;
   background: #900;
 
}

#Head { /*Sets height if you make a sinlge links menu*/
height: 28px;}

.MeWrap{
float: right;
}
					/*Breadcrumbs? */
					
/* I included breadcrumbs module  {breadcrumbs}in the Top Menu, in place of the {home_link} rather than have it separate.

If you want to do this, you need to also delete the following in default.master:

 <div class="BreadcrumbsWrapper">
    <div class="Row">
     {breadcrumbs}
    </div>
  </div>
  
  */



.BreadcrumbsWrapper {
   color: #aaa;
}
.Breadcrumbs a {
   color: #777;
}

.HomepageTitle , .PageDescription{  
display: none; /* I prefer to remove the name of the site on the first page, above the discussions. Delete this rule if you want to show it. */
}

				/*Affects the pager numbers at the top and bottom of the page*/
				/* Use if you want to move the numbers away from the right side */

.PageControls {
    
    position: relative;
    top: -30px;
    left: 500px;
    min-height: 24px;
    width: 200px;
  
}

.PageControls.Bottom {

    top: 0px;}

.Pager .Highlight { /* The colour for the current page. */
    color: #458CDF;
}

.Pager a, .Pager span { /*rules affect the rest of the pager numbers */
    display: inline-block;
    margin: 0 3px;
    font-size: 12px;
    color: #900;
}

.PopList .Item a {
color: #900 !important;} /* Links for messages pop out*/


					/*  Moving the Panel to the right hand side */
#Panel2 {
    float: right; /*This moves the panel to the right hand side */
    width: 270px; 
    margin: -39px 0 0 0px; /* Use to reposition Panel as required */
    position: absolute;
    top: 255px;
    background: #fff;
   
    padding: 2px 0 0 5px;
   color: #900;
}

#Panel{
    float: right; /*This moves the panel to the right hand side */
    width: 270px; 
    margin: 38px -25px 0 0px; /* Use to reposition Panel as required */
    position: relative;
    top: -20px;
    background: #fff;
    border-radius: 5px 5px 5px 5px; /* If you want rounded corners */
    padding: 2px 0 0 5px;
   color: #900;
}
.ProfileButtons {display: none}

#Body .ContentColumn { /* This adjusts the Content column so it doen't overflow over the right hand side Panel */
    float: left;
    margin: 0;
    width: 700px; /*adjust width of Content column*/
}
/* Uncomment if you want a different background colour for the active link in the Panel */

/* #Panel .FilterMenu .Active, .PanelInfo .Active  {
background: #000;
}
*/

/*  Uncomment the following declarations if you want different colours for the links in the Panel */

/*
#Panel a {
    color: #000;
}

#Panel a:hover {
    color: #fff;
}
*/ 


				/*Change the background colours of the items in the discussion list */
				
.Item {
	border-radius: 5px 5px 0px 0px; /*If you like rounded corners... */
			}
.Item.Read {
    background: none repeat scroll 0 0 #fffffe;
    opacity: 0.9;

}

.Item.Read.Alt{
    background: none repeat scroll 0 0 #fdfdfd;
   opacity: 0.9;
}

.Item.Unread {
    background: none repeat scroll 0 0 #eefbff;
    opacity: 0.9;
}

.Item.Announcement, .Item.Announcement.Read {
    background: #D5f4ff ;
    opacity: 0.9;
 border:2px groove #fff;
    }
				/*Change text properties of items in discussions list */


.DataList .Title, .DataList .Title a {
    font-size: 14px;
    color: #990000;
    font-weight: bold;
    text-decoration: none !important;
}

.DataList .Mine, .DataList .Mine.Alt{
    background: none repeat scroll 0 0 #EFF5EF;
}
		/* Colour of text and links in Discussion titles */
.Meta, .MItem, .MItem a {
    color: #458CDF;
   
}

			/* Colour of Announcement box and text */
			
			
.Tag {
    background: none repeat scroll 0 0 #900;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    line-height: 14px;
    padding: 1px 4px;
}

 .BoxCategories {font-size: 10px;
 }
			/* Colour of 'Count'   boxes e.g. My Discussions 35 */
.Count {
    background: none repeat scroll 0 0 #900;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 80%;
    font-weight: normal;
    padding: 1px 0.8ex;
}
										/*DISCUSSION PAGES */

	.QuoteText  {color: #458CDF !important;} /*Sets colour of quoted text. Couldn't do it via plugin css for some reason.*/

.Discussion .PageTitle h1, .CommentHeading {  /* Properties for discussion Title */
  font-size: 14px;
  line-height: 2.2;
  background: #eefbff;
 text-align: center;

}

.MessageList .Discussion, .ItemDiscussion { /* Properties for first thread post */
    font-size: 90%;
    margin-top: 0px;
    background: #fff;
    padding: 5 0 0 5px;
}

					/* Properties for comments */

.Item, .Item.Alt {
color: #900;
font-size: 110%;

}

.Discussions .Item, .Discussions .Item.Alt {

height: 60px;
}

/* Different background colours for alternative comments, and for a user's own comments. */
.ItemComment {
background: #f8f8f8;
}

.ItemComment.Alt {
background: #fff;
}

.ItemComment.Mine, .User {
background: #EFF5EF;
}

.Message img {
max-width: 600px!important;
max-height: 400px!important;
margin: 0 30px auto;
}
		/* Properties for Comment box and other forms */
		
.FormWrapper, 
body.Profile.EditMode #Content form  {
    background: #eefbff;
}

.Message a {
color: #458CDF;}

.Message a:hover {
color: #800080;}
/*Inbox messages*/

.Messages .MessageList .Item{background:#f8f8f8;border-radius: 5px 5px 0px 0px;}
.Messages .MessageList .Mine{background:#eff5ef;}

/*Search page settings */

.Search .ItemContent {
background: #fff;
}

/* Changing the buttons */

			/*Properties of button when not active or clicked */

.ButtonGroup .Button, #Content input.Button, .Button, .NavButton{
    background: none repeat scroll 0 0 #900;
    border-color: #763407;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 2px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    text-shadow: none /*  Originally 0 -1px 0 #880000; if you want the text to have that 'shadow' effect */
}

		/* Properties of button on mouse-over */
.ButtonGroup.Open .Button.Handle, #Content input.Button:hover, #Content input.Button:focus, #Content input.Button:active, .Button:hover, .Button:focus, .Button:active, .NavButton:hover, .NavButton:focus  {
    border-color: #6F0B00;
    color: #458CDF; 
}

			/* Properties of button when clicked/active */
.ButtonGroup.Open .Button.Handle, #Content input.Button:focus, #Content input.Button:active, .Button:focus, .Button:active, .NavButton:active, .NavButton:focus{
    background: none repeat scroll 0 0 #458CDF; 
    box-shadow: none;
    color: #fff;
}
#Panel .BigButton {
    margin: 20px 0;
}
input.Button {
    padding: 6px 12px;
}

				/*   Profile activity page */
.User {
padding: 0 0 0 5px;
}

.Item.Activity {
background: #fdfdfd;
}

.DataList.Activities a.Delete {
    visibility: visible;
}

.NavButton {
position: relative;
top: -25px; /* Moves Edit Profile button up in lne with Search box */
}

/* quotes */


/* Category Management section of Panel */


.Box h4 {
    display: none;

}

.CategoryFollowToggleBox {
padding: 0 0 0 2px;}

/*Expand/Fix*/
	
	#comments {
  float:left;
  width:450px;
}

#comment-wrapper {
  position: relative;
}

#commentWrapper { /* required to avoid jumping */
  float:right;
  position: relative;
  margin-left: 35px;
  width:250px;
}

#comment {
  position: absolute;
  top: 0;
  margin-top: 0px;

  padding-top: 19px;
}

h2 {
  font-family:georgia,serif;
}

#comments ol li {
  border-top: 1px solid purple;
}

#comments ol li:first-child {
  border-top: 0;
}

#comment.fixed {
  position: fixed;
  top: 0;
}

#expanderHead, #expanderHead2, #expanderHead3, #expanderHead4, #expanderHead5,  #expanderHead6   {
color: #38ABE3; font-weight:bold; cursor: pointer; 
}

#box_jbeeb_9, #box_jbeeb_13,#box_jbeeb_17,#box_jbeeb_21,#box_jbeeb_25 {background:none !important;}

/*end expand fix*/

/* Easy Slider */
			
	#content{
		position:relative;
		}	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:270px;
		height:180px;
		overflow:hidden; 
		}	

		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#900;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* jQuery Countdown styles 1.6.2. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #bbeeff;
	color: #900000;
	width: 180px !important
}
.countdown_row {
	padding: 0px 5px;
	text-align: center;
}

.countdown_show3 .countdown_section {
	width: 30%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount {
	font-size: 150%;
}

#Custom {

    margin: 0 0 0 10px !important;
}

#Custom a {
color: #38ABE3;}

/* Nav Demo Styles -------------------- */


.SiteMenu li ul li {
    display: block !important;
}
.SiteMenu li:hover > ul {
    display: block;
    visibility: visible;
}
.SiteMenu li ul a:hover {
    color: #bbeeff !important;
}
.SiteMenu li ul {
    background: #900 none repeat scroll 0 0 !important;
    border: 2px solid #000;
    display: none;
    left: 190px;
    min-width: 133px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 25px !important;
    visibility: hidden;
    z-index: 100;
}
ul {
    margin: 0 auto;
    padding: 0;
    position: relative;
}


@font-face {
	font-family: 'minusbaseline';
	src:url('fonts/minusbaseline.eot?vknwz2');
	src:url('fonts/minusbaseline.eot?#iefixvknwz2') format('embedded-opentype'),
		url('fonts/minusbaseline.woff?vknwz2') format('woff'),
		url('fonts/minusbaseline.ttf?vknwz2') format('truetype'),
		url('fonts/minusbaseline.svg?vknwz2#minusbaseline') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-thumbs-up::before {
	font-family: 'minusbaseline';
	background: none;
	font-size: 12px; 
	font-style:normal; 
}

 .icon-cheers-up::before {
	font-family: 'minusbaseline';
	background: none;
	font-size: 22px; 
	font-style:normal; 
}
.icon-thumbs-up::before {
    content: "d " !important;
}


.icon-cheers-up::before {
    content: "h " !important;
}