/*
COLOURS USED
#d61400
#c31200
#af1000
#9c0e00
*/


/*******************************************************
GLOBAL STYLES
********************************************************/
html, body
{
margin:0px;
padding:0px
}

body
{
font-family: verdana, sans-serif;
text-align: center;
background-color: #DAD9D6;
font-size: 12px;
color: black;
}

div#stuff
{

}

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

a:hover
{
color: #333333;
text-decoration: underline;
}

a.selected
{
font-weight: bold;
padding-left: 20px;

background: url(/images/146.gif);
background-repeat: no-repeat;
background-position: 0px -1px
}

p
{
line-height: 1.4em;
}

h3
{
background: #E7E7E7;
text-align: left;
color: #C31200;
font-size: 17px;
font-weight: 100;	
padding: 3px 10px;
margin: 0px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

h4
{
text-align: left;
color: black;
font-size: 15px;
border-bottom: 1px solid #D8D8D8;
margin: 20px 10px 2px 10px;
font-weight: lighter;

padding-left: 20px;

background: url(/images/144.gif);
background-repeat: no-repeat;
background-position: 0px 1px
}

h4 a:hover
{
text-decoration:none;
}

h4.search
{
background: none;
padding-left: 0px;
}

h4.generalarticle
{
background: url(/images/145.gif);
background-repeat: no-repeat;
background-position: 0px 1px
}

h4.archive
{
background: url(/images/147.gif);
background-repeat: no-repeat;
background-position: 0px 1px
}

h4.links
{
background: url(/images/148.gif);
background-repeat: no-repeat;
background-position: 0px 1px
}

h5
{
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 0px;
font-weight: bold;
}

h5.archive, a.archive
{
margin-left: 10px;
}

h5.archive
{
margin-top: 10px;
margin-bottom: 0px;
}

h6
{
padding: 5px;
margin: 0px;
background: #E7E7E7;
border-bottom: 1px solid #DDD;
font-size: 12px;
}

/*******************************************************
STRUCTURAL STYLES
********************************************************/

/* div.clearer is used to ensure floating elements 
   within a <div> don't float off the bottom of that 
   <div> if it terminates soon after the floating element
   is declared. */
div.clearer {clear: left; line-height: 0; height: 0;}

#wrap {
position: relative;
margin: 0px auto;
padding: 0px;
text-align: left;
width: 980px;
border: none;
background-color: #333333;
background: url(/siteimg/faux2.bmp) repeat-y center;
}

div#container
{
width:950px;
margin:0 auto 0px auto;
padding: 0px;
text-align:left;
border-top: 5px solid #F4F4F4;
}

div#leftcolumn
{
float: left;
display: inline;
width: 460px;
margin: 0px 5px 0px 10px;
padding: 0px;
background-color: transparent;	
overflow: hidden;
}

div#rightcolumn
{
float:right;
display:inline;
width: 460px;
background-color: transparent;
margin: 0px 10px 0px 5px;
padding: 0px;
overflow: hidden;
}

div#thinleftcolumn
{
float: left;
display: inline;
width: 250px;
margin: 0px 5px 0px 10px;
padding: 0px;
background-color: transparent;	
overflow: hidden;
}

div#fatrightcolumn
{
float:right;
display:inline;
width: 670px;
background-color: transparent;
margin: 0px 10px 0px 5px;
padding: 0px;
overflow: hidden;
}

div#widecolumn
{
float: left;
display: inline;
width: 928px;

margin: 10px;
background-color: white;	
overflow: hidden;
border: 1px solid #DDD;
}

div.boundingborder
{
border: 1px solid #C31200;
}

div.boundingbox
{
background: white;
border: 1px solid #D8D8D8;
}

/*******************************************************
HEADER STYLES
********************************************************/
#header
{
border-top: 10px solid #af1000;
background: #C31200;
text-align: left;
margin: 0px auto;
padding: 0px;
width: 950px;
}

#header img
{
margin: 0px;
padding: 0px 0px 0px 20px;
border: none;
}

/*******************************************************
PROMO BOX STYLES
********************************************************/
div.promo
{
margin: 5px 0px 10px 0px;
background-color: white;
border: none;
color: black;
}

div.promo img
{
margin: 0px;
padding: 2px;
border: none;
float: none;
display: inline;
}

div.promo a img, div.promo a:visited img

{
border: 1px solid #d8d8d8;

}



div.promo a:hover img
{
border: 1px solid #333333;
}

div.promo p
{
padding: 0px;
margin: 0px;
border: none;
}

/*******************************************************
COMMING SOON BOX STYLES
********************************************************/
div#coming {
width: 460px;
margin: 5px 0px 10px 0px;
padding: 0px;
background-color: white;
overflow: hidden;
}

/*******************************************************
NEXT BEGINNER BOX STYLES
********************************************************/
div#nextbeginner
{
margin: 5px 0px 10px 0px;
padding: 0px;
background: white;
border:none;
color: black;
}

div#nextbeginner p
{
margin: 10px;
}

div#nextbeginner img
{
margin: 5px 10px 5px 0px;
border: 1px solid #d8d8d8;
padding: 2px;
float: left
}


/*******************************************************
STNEWS STYLES
********************************************************/
div.stnews
{
margin: 5px 0px;
padding: 0px;
background: transparent;
border:none;
}

div.stnews p
{
text-align: left;
color: black;
margin: 20px 10px 20px 10px;

}

div.stnews p.posted
{
text-align: left;
color: #666 ;
margin: 2px 10px 2px 10px;
font-size: 10px;

}

.inviteholder
{
  margin: 2px 10px;
  padding-bottom: 10px;
}

div.stnews p.invite
{
float: left;
text-align: left;
font-size: 10px;
margin: 0px;
padding-left: 20px;

background: url(/images/138.gif);
background-repeat: no-repeat;
background-position: 0px 0px
}

div.stnews p.inviteclosed
{
float: left;
text-align: left;
font-size: 10px;
margin: 0px;
padding-left: 20px;

background: url(/images/139.gif);
background-repeat: no-repeat;
background-position: 0px 0px
}

div.stnews p.backtotop
{
float: right;
text-align: right;
font-size: 10px;
margin: 0px;
padding-right: 25px;

background: url(/images/136.png);
background-repeat: no-repeat;
background-position: 65px 0px
}


div.stnews p.author
{
text-align: left;
color: green;
font-size: 10px;
margin: 2px 10px 2px 10px;

}

div.newsbody img
{
margin: 5px 10px 5px 0px;
border: 1px solid #d8d8d8;
padding: 2px;
float: left
}

div.newsbody img.imgleft
{
margin: 5px 10px 5px 0px;
float: left;
}

div.newsbody img.imgright
{
margin: 5px 0px 5px 10px;
float: right;
}

div.newsbody img.imgcentre
{
margin: 5px auto 10px auto;
border: 1px solid #d8d8d8;
padding: 2px;
display: block;
float: none;
text-align: center;
}

div.newsbody
{
line-height: 1.4em;
padding-bottom: 10px;
}

div.articleinfo 
{
margin: 0px;
background: #DDD;
padding: 0px;
font-size: 12px;
}

div.stnews .articleinfo p
{
margin: 0px;
padding: 5px 10px;
}

/* Note: bullets will be hidden under left floating images
   if the list is applied next to one (left float img) in IE.
   not much can be done about this from what i can tell, without
   having stupid margins on the images or massive indents on
   the lists */
div.stnews ul
{
margin-left: 20px;
padding-left: 10px;
margin-right: 10px;
}

div.stnews li
{
margin-left: 20px;
padding-left: 10px;
margin-right: 0px;
}

/*******************************************************
COMMENT STYLES
********************************************************/
.commentheader
{
margin: 0px;
padding: 0px;
}

div.commentsform
{
margin: 10px;
border-top: 1px solid #DDD;
padding-top: 10px;
}

div.stnews div.commentsform p
{
padding-left: 0px;
margin-left: 0px;
}

div.commentsoutline
{
border: 1px solid #DDD;
margin: 0px 10px 30px 10px;
padding: 0px;
}

.commentodd
{
background: #fffdfd;
font-size: 12px;
margin: 0px;
padding: 0px;
}

.commenteven
{
font-size: 12px;
margin: 0px;
padding: 0px;
background: #f7f7f7;
}

div.stnews .commentodd p,
div.stnews .commenteven p
{
font-size: 10px;
margin: 0px;
padding: 5px;
}

.txpCommentInputMessage
{
width: 300px;
height: 200px;
}


/*******************************************************
SEARCH STYLES
********************************************************/

.searchbox
{
margin: 5px 0px;
}

.searchoutline
{
border: 1px solid #DDD;
margin: 10px;
padding: 0px;
}

.searchresultodd
{
background: #EEE;
font-size: 12px;
margin: 0px;
padding: 5px;
}

.searchresulteven
{
font-size: 12px;

margin: 0px;
padding: 5px;
}


#searchform
{

float: right;
margin: 7px 0px;
padding: 0px;
}

.rss 
{
float: left;
margin: 10px 3px;
width: 250px;
}

.rss a
{
  margin: 0px 5px;
  width: 30px;
}

.rss a img, .rss a img:hover
{
  border: none;
}

/*******************************************************
NEWSLINK TABLE STYLES
********************************************************/
div.stnews div.newslinks
{
margin: 10px;
padding: 0px;
text-align: left;
font-size: 10px;
}

.newslinks td, .newslinks th
{
padding: 3px 2px;
}

.newslinks th
{
border-bottom: solid 1px #AAA;
border-top: solid 1px #AAA;
}

.newslinks tr.odd
{
background: #f7f7f7;
}

.newslinks tr.even
{
background: #fdfdfd;
}

.newslinks table
{
border-bottom: solid 1px #AAA;
margin-bottom: 10px;
}

/*******************************************************
NONNEWS LINK STYLES (e.g. LESSONS, MILONGAS etc.)
********************************************************/
.stnews p.nonnewslink
{
  padding: 3px 10px;
  margin: 0px;
}

/*******************************************************
EXPERIMENTAL STYLES
********************************************************/

.button
{
  border-top: solid 1px #DDD;
  background: #E7E7E7;
  text-align: center;
  padding: 2px 5px;
  margin: 0px;
}

/*******************************************************
ARTICLE NAVIGATION STYLES
********************************************************/

.articlenav
{
  margin: 10px;
}

.articlenav img
{
border: none;
padding-top: 3px;
}

.articlenav a img
{
border: none;
}

.floatleft
{
float: left;
text-align: left;
margin: 0px;
padding-left: 20px;

background: url(/images/142.gif);
background-repeat: no-repeat;
background-position: -1px 0px
}

.floatright
{
float: right;
text-align: right;
margin: 0px;
padding-right: 25px;

background: url(/images/143.gif);
background-repeat: no-repeat;
background-position: 33px 0px
}

/*******************************************************
FOOTER STYLES
********************************************************/
div#footer
{
color: #FFF;
background: #C31200;
border-top: 10px solid #F4F4F4;
clear:both;
width:950px;
margin: 0px auto;
padding: 0px;
text-align: center;
}

div#footer p
{
margin: 0px;
padding: 10px 0px;
font-style:italic;
font-size: 14px;
}