hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	height: 0;
}

h2 {font-size:19px; margin: 0 0 4px 0;}
ul, li, h3 { margin:0; }


body {
    font: 14px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    background-color: #99CCFF;
}

p {
  margin:0;
  margin-bottom:20px;  /* Make p tags only apply space below, not above */
}

.clr { clear:both;}


.wrapAll {
  width:960px;
  margin: auto; /* Center's it */
  margin-top:10px;
}
.wrapCols {
  background:#999;
}

/* col1 and col2 create the left and right cols and size them. all padding, margings and styleing is in .inner sub div */
.col1 {
  width:628px;  /* Base width of 636px is divisable by 2, 3 or 4, subtract for margins, padding and borders */
  margin:8px;
  float:left;
  background:#FFF;
}

.col2 {
  width:300px;   /* Base width of 324px, subtract for margins, padding and borders, 8px is also deducted to make guttering */
  float:right;
  background:#666666;
  padding:8px;
}

.col2 > div {
    margin-bottom:10px;
}






/**
 *
 *  MY OWN GLOBAL SETTINGS
 */

a, a:link, a:active, a:visited {
    font-weight: bold;
    color: #006BB3;
    text-decoration: none;
}
a:hover {color: #000066}
.joke-links a:visited {color: #336666}





/* My Page Layouts */
.joke {
  background:#FFFFFF none repeat scroll 0 0;
  margin-bottom:10px;
  padding:10px;
}
.joke h1, .joke h3 {   /* Creates solid header within the box */
  background:#333333 none repeat scroll 0 0;
  color:#FFFFFF;
  font: normal 18px Verdana, Arial, Helvetica, sans-serif;
  margin:-10px -10px 10px;
  padding:6px 12px;
  /*text-transform:uppercase;*/
  font-variant: small-caps;
  border-bottom: 1px dotted #000;
}
.joke h3 {
    font-size:13px;
    padding:4px 6px;
}

.half1, .half2 {  /* Applied when splitting main column into halves, thirds etc. */
    float:left;
    width:304px;
    margin-right:4px;
}
.half1 { margin:0 15px; }
.half2 { width:274px; }



/* Menu buttons in right col  */

#jokes-menu {
    background: #BEBE7E;
    border:1px solid #234600;
}

#jokes-menu a {
    display: block;
    background: #FFCC00 url(/img/joke-sprite.png) repeat-x 0 -640px;
    line-height:20px;
    color:#000;
    font-size:12px;
    font-weight:bold;
    width:135px;
    float:left;
    text-align:center;
    border:1px solid #4D4D4D;
    margin: 1px;
}
#jokes-menu a:hover {
    text-decoration: underline;
}

#jokes-menu h3 {
    background-color:#234600;
}


.cat-desc {
  background-color: #CCFF99;
  border: 1px dashed #669900;
  margin:15px 8px;
  padding:10px;
}
.cat-desc b {
  color:#234600;
}

.desc {
  background-color: #EBD7C2;
  border: 1px dashed #996633;
  margin:15px 8px;
  padding:10px;
}
.txt {
    margin:10px;
}


/*
 * Styles for joke listing on Category Pages
 **/
.joke-links {
    clear:both;
    border-bottom: 1px dashed #D4D4D4;
    padding:4px 6px;
}
.joke-links div {
    line-height:22px;
}
.joke-links:hover {
    background: #DDEEBB;
}

.rating, .rude{
    float:left;
    font: bold 20px "Arial Black", Arial, Helvetica, sans-serif;
    margin-left:22px;

}
.rating, .Clean, .Rude, .Dirty, .Filthy {
    background:url('/img/joke-sprite.png') no-repeat right;
    width:44px;
    height:22px
}

.rating {
    background-position:8px -117px;
    color: #FF0033;
    margin:0;
}
.Clean { /* Rudescale */
    background-position:0 3px;  /* The 26px adds left padding, the 3px adds top padding */
}
.Rude {
    background-position:0 -27px;
}
.Dirty {
    background-position:0 -57px;
}
.Filthy {
    background-position:0 -87px;
}
.joke-links .row { /* The link and description */
    float:left;
    width:460px;
    font-size:13px;
}
.joke-links .row a {
    font-size:15px;
}
.extra-jokes, .more-jokes, .jokes-list {   /* Used in the sidebar on category pages */
    background-color: #ECE9D8;
    margin:1px;
    border:2px solid #595959;
    padding:10px;
    font-size:11px;
}
.more-jokes a, .jokes-list a {
  float:left;
  width:130px;
}
.jokes-list {
    background:none;
    border:none;
}


/*
 * Styles for joke Pages
 **/

.extra-jokes {
  background-color: #F0E9F8;
  border: 1px dashed #9966FF;
  margin:15px;
}
.extra-jokes a {
  float:left;
  width:140px;
}
.more-jokes br, .extra-jokes br {
    clear:both;
}
.related-jokes {
    margin-top:4px;
    color:#333333;
}
.related-jokes a {
  color:#2F5E2F;
}



/*
 * Share Joke Section using Image Sprites
 *
 **/
#share-jokes {
    float:right;
}
#share-jokes ul {
    font-size:11px;
    width:84px;
    border: 1px dotted #666633;
    background:#E9F3E9;
    margin:0 0 6px 24px;
    padding:4px
}
.s_tw, .s_fb, .s_ms, .s_su, .s_dl, .s_dg, .s_email, .s_bmark, .s_more {
    background: url('/img/joke-sprite.png') no-repeat;
    padding:2px 2px 2px 18px;
    list-style: none;
    cursor: pointer;
}
.s_fb { background-position: 0 -360px }    /* Facebook */
.s_tw { background-position:  0 -390px}    /* Twitter */
.s_ms { background-position: 0 -420px; }   /* MySpace */
.s_su { background-position: 0 -450px; }   /* Stumbleupon */
.s_dl { background-position: 0 -480px; }   /* Delicious */
.s_dg { background-position: 0 -510px; }   /* Digg */

.s_email { background-position: 0 -540px; }
/*.s_bmark { background-position: 0 -570px; } */
.s_more { background-position: 0 -600px; }




/**
** All Jokes Page
***/
.all-jokes {
  margin: 0 25px;
}
.all-jokes a {
    display:block;
    width: 240px;
    float:left;
    margin-left:35px;
}

/*#joke-cat-list a {
    font: bold 12px Arial, Helvetica, sans-serif;
}*/


a.next-joke {
    font-size:26px;
    color:#FF0033;
    margin-left:30px;
    padding:0 54px 0 0;
    background: url('/img/joke-sprite.png') no-repeat right -148px;
}

.half2 hr {
    margin:10px 30px;
}


/*
**  Small Share stars
 */
.smlStr1, .smlStr2, .smlStr3 {   /* Gold, Half Gold and All Grey */
    background: url('/img/joke-sprite.png') no-repeat 0 -180px;
    height:16px;
    width:16px;
}
.smlStr2 {
    background-position: 0 -210px;
}
.smlStr3 {
    background-position: 0 -240px;
}


/*
**  Rate form and sprite
*/
.star-gold,.star-blue,.star-grey {
    background: url('/img/joke-sprite.png') no-repeat;
    width:20px;
    padding:0 2px;
    float:left;
    height:26px;
    list-style: none;
    cursor: pointer;
}
.star-gold {
    background-position: 0 -270px;
}
.star-blue {
    background-position: 0 -300px;
}
.star-grey {
    background-position: 0 -330px;
}




/*
**  BADGES DISPLAYED ON LEFT AND RIGHT OF PAGE
*/
/*#twitterBadge {
	position: fixed;
	left: 0;
	top: 200px;
}*/




#btmban {
     /* IE 5.0/Win and other lesser browsers will use this */
     position: absolute; right: 0px; bottom: 0px;
     width:100%;
/*     height:120px;*/
     z-index:101;
}
body > div#btmban {
     /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
     position: fixed;
}