/*
Theme Name: Anfield Online
Theme URI: http://www.anfield-online.co.uk/
Description: Anfield Online - the Liverpool FC website v2.34

Author: Bang Digital
** Contact Bang Digital for all your Web Design needs in Liverpool **
Author URI: http://www.bangdigital.com

Tags: red, custom header
*/



/* Begin Typography & Colors */



/* Sprites */

#topicons {float:right;width: 220px; margin-top: 20px; margin-right: 15px;
}

#topicons .gplus {display: block;float:left; background-image: url(/img/logos/social.png); background-position: 50px 0px; width: 50px; height: 50px; margin-right:  4px;
}
#topicons .rss {display: block;float:left; background-image: url(/img/logos/social.png); background-position: 150px 0px; width: 50px; height: 50px;margin-right:  4px}
#topicons .facebook {display: block; float:left;background-image: url(/img/logos/social.png); background-position: 100px 0px; width: 50px; height: 50px;margin-right:  4px}
#topicons .twitter {display: block; float:left;background-image: url(/img/logos/social.png); background-position: 0px 0px; width: 50px; height: 50px;margin-right:  4px}

/* Basic classes */
.uppercasetext {text-transform: uppercase;}
.boldtext {font-weight: bold;}




.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #FAFAFA
}
.thread-even {
	background-color: #EEEEEE;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 2px solid #900;
}

.children .even, .children .alt {
	border-left: 1px solid #ddd;
}


li {list-style:none;}
small {
	font-size: 0.8em;
	line-height: 1.3em;
	}



 #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}
.commentlist li, #commentform input, #commentform textarea {


	}

.comment-body br {
	display: block;
	margin: 0.5em 0;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	text-transform: capitalize;
	/*font-size: 1.3em;*/
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {;
	}

.commentmetadata {
	font-weight: normal;
	}


small, .nocomments, .postmetadata,  strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 0.6em;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}


.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}




.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */






/* Begin Images */
p img {
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}


.entry ol {
	padding: 0 0 0 0px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}



#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
		padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

.lfcsquarebg {
	background: url(/base/furniture/lfc120square.png) top left no-repeat;
}
/* Stretch Image */

.stretchimg img {
	width: 100%;
}

.editorialbox {
	/*border: 1px solid #DDD; -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
	-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
	box-shadow: 1px 1px 2px 0 #d0d0d0;  */
	margin-right:4px; margin-bottom: 10px;
	clear: both;
}

.editorialbox h2 {
	font-size: 1.4em; line-height: 1.2; margin: 0px; padding: 0.5em 0 0;
}
.editorialboximage {
	float: left;
	width: 120px;
	padding-top: 0.8em;
	overflow: none;
	margin-right: 10px;
	min-height: 120px;
}

.editorialboxtext {
margin-left: 131px;
}


/*.editorialbox:hover {
	border-color:  #900;
	background:  #FAFAFA;
}*/
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	font-size: 0.9em;
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 1.5em;
	list-style: none;

	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size: 0.9em;
	}
/* End Comments */






/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {border-left: 2px solid #bd0000;
	background: #fafafa url(/base/furniture/blockquote.png) top left no-repeat; margin: 5px; margin-bottom: 14px; padding: 25px 15px 5px; overflow: auto; margin-left: 15px; font-style: italic;
}

blockquote p {padding-top: 2px;}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}

.navigationer {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 0px solid #ddd;
	text-align: center;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;

}

.wp-caption p.wp-caption-text {
	font-size: 0.9em;
	font-style: italic;
	color: #666;


}
/* End captions */

/* Anfield Online
www.anfield-online.co.uk

Stylesheet and design work carried out by bangdigital.com */

body {
		margin: 0px auto;
		text-align: center;
		padding: 0px;
		/* background: #837E78;
		background: #333333;
		background: url(/img/graphics/bg3.jpg) repeat;
		background: #990000; */
		font-family: "Helvetica Neue", Helvetica, Lucida Grande, Verdana, Arial, sans-serif;
		font-size:  62.5%;
		line-height: 1.4;
		background: #FFF;
}

table {
	font-size: 62.5%;

}

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

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

/* Main Structure */

#outerWrapper { margin: 0 auto; /* width: 964px; */ text-align: left; }

#wrapper { /*float:left; width: 964px; background-color:#000; font-size: 1.4em; color: #000000;*/height:auto;  }

#innerWrapper { /* float:left; background-color: #fff; width:960px; */  font-size: 1.4em; color: #000000; margin: 0 2px 0 2px; margin: 0px; display: block; text-align: left;}


/*	Begin Headers */
h1, h2, h3, h4, h5 {
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, h6 .likeheader, .likeheader2, .topstory, .topstory2, .topstory3, .cathead, .cathead2, .cathead3, .redhead {font-family: 'Lato', Lato, "Helvetica Neue", Helvetica, Lucida Grande, Verdana, Arial, sans-serif; font-weight: 900;
}

h2, h3, h4, h5, h6 {padding: 0px; margin: 1em 0;
}
h1 {
	/* text-transform: uppercase; */
}
h1, .topstory {font-size: 2.5em; line-height: 1.1; margin: 0em 0em 0.2em;}
h2 {font-size: 2em;  line-height: 1.1;
	margin: 0.3em 0em;}
h3 {font-size: 1.7em; line-height: 1.1;}
h4 {font-size: 1.5em;line-height: 1.1;}

h1.pagetitle {background: url(/img/graphics/littleliver.jpg) top left no-repeat; padding-bottom: 20px; padding-left: 80px; margin-bottom: 25px; border-bottom: 1px #990000 dotted;}

h2.pagetitle {background: url(/img/graphics/littleliver.jpg) top left no-repeat; font-size: 3em; line-height: 35px; padding-bottom: 20px; padding-left: 80px; margin-bottom: 25px; border-bottom: 1px #990000 dotted;}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Navigation */

#navbartop {clear:both; padding-top: 10px;}

#navbartop a, #navbartop a:visited {;}


/* Match Nav */

#matchnav {margin-top: 10px;border-bottom: 1px dashed #000000; width:  440px;
}
#matchnav ul {list-style: none;margin: 0;padding: 0;}
#matchnav li {display:inline;}
#matchnav li a:link, #matchnav li a:visited {
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;font-size: 0.8em;;
padding: 4px 11px;
text-decoration: none;
margin-right: 3px;}
#matchnav li a:hover {background: #990000; color: #FFCC00; text-decoration: none; }

.matchbox {
	font-size: 1.2em;
	line-height: 1.3;
	color: #700;
	margin: 1em 0;
}
.matchbox h2 {
	margin: 0;
	font-size: 1.6em;
}
/* Navigation1 */


#navigation {padding: 4px; padding-left: 18px; clear:both; background: #CCCCCC; border-bottom: 1px solid #000000;}
#navigation ul {list-style: none;margin: 0;padding: 0;}
#navigation li {display:inline;}
#navigation li a:link, #navigation li a:visited {
font-size: 0.9em;; text-transform: uppercase; font-weight: bold;
padding: 2px;
margin-right: 6px;
color: #990000;
text-decoration: none;
}
#navigation li a:hover {color: #000000; text-decoration: none; background: none;}

/* Navigation2 */

#navigation2 {
clear:both;
}
#navigation2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation2 li {
display: block;padding-bottom: 5px;
}
#navigation2 li a:link, #navigation2 li a:visited {
font-size: 1.1em; font-weight: bold;
margin: 0px 0px;
}
#navigation2 li a:hover {text-decoration: underline;}

/* Top Nav Black Style and Clear*/

#topnav {background: #000000 url(/img/graphics/blackbg.jpg) repeat; padding: 9px;  clear: both;}
#topnav a, #topnav a:visited {text-transform: uppercase;}

#topnav2 {background: #000000; padding: 3px 9px; padding-left: 18px; padding: 3px 0px;
	clear: both;}

#topnav4 {
	padding: 0px; clear: both;
}
#topnav2 a, #topnav2 a:visited {text-transform: uppercase;}
#topnav4 a, #topnav4 a:visited {/*text-transform: uppercase;*/}



#topnav3 ul {list-style: none;margin: 0;padding: 0;}
#topnav3 li {display:inline;}

#topnav3 {padding: 3px 9px; clear: both;}
#topnav3 a, #topnav3 a:visited {text-transform: uppercase;}



/* General Header */

.headerad {background: #d40302; text-align: center; padding: 9px;}
.headertop960 {background: #d40302; text-align: center;}
.headerad2 {float:left; width: 770px;}
.headerad2 img {border: 2px solid white;}
.headerad3 {float:left; width: 160px; margin-top: 10px;}
.headerad4 {float:right; width: 110px; margin-top: 10px;}
.headersection {background: #990000 url(/base/headers/narrow.jpg) repeat-x bottom right; height: 200px; height: 200px; /* border-bottom: 2px solid #111111; */}
.headerlogoleft {margin-top: 30px;
margin-left: 10px;

	width: 450px;
	height: 150px;

}
/* .headerlogoleft img {behavior: url(/includes/iepngfix.htc);} */

.headerlogoright {float: right;
	width: 450px;
	text-align: right;

}
.headerimg {/* behavior: url(/includes/iepngfix.htc);*/  padding-left: 5px;}
.headicon {width: 242px; height: 200px; float:left; margin-left: 10px; background: url(/base/headers/leivahd.png) no-repeat; background-size: 242px 200px;width: 242px; height: 200px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/base/headers/leivahd.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/base/headers/leivahd.png', sizingMethod='scale')";}
#googlesearch {float:right;
	text-align:right;
	width: 400px;
}
input.searchbut {
 background-color: #FFCC00;
 font-size: 0.9em;;
 color: #000000;
 margin-left: 5px;
 padding: 1px;
 border: 1px solid #000000;
}

/* Infobar */

#infobar {border-top: #333333 2px solid; height: auto; padding: 5px; clear:both; color: #990000; }
#infobar p {margin: 0; padding: 0;}
#infobar a, #infobar a:visited {color: #FFFFFF; text-decoration: underline;}
#infobar a:hover {color: #FF9900;}
#infobar .date { width: 25%; padding-left: 15px;}

/* General Footer */

#footersection {background: #EEE; height: auto; padding: .5em 9px; margin: 0px 0px; padding: 5px 0px;
	clear:both; color: #FFFFFF;
}
#footersection p {margin: 0; padding: 0;}
#footersection a, #footersection a:visited {color: #FFFFFF; text-decoration: none;}
#footersection a:hover {color: #FF9900; text-decoration: underline;}
#footersection ul {list-style: none;margin: 0;padding: 0;}
#footersection li {display:inline;}

.bullets ul {
	list-style-type: disc;

}

/* Texts */

.fofourteen {font-size:1em;}
.fothirteen {font-size:0.9em;}
.foeleven {font-size: 0.8em;;}
.foten {font-size: 0.7em;}

.left50 {width: 50%; float: left;}
.left30 {width: 30%; float: left;}
.right50 {width: 48%; float: right;}
.left50side {width: 130px; background: white; border: 0px; float: left; padding: 5px;}
.right50side {width: 130px; background: white; border: 0px; float: right; padding: 5px;}
.left50side2 {width: 130px; background: white;  float: left;   }
.right50side2 {width: 130px; background: white;  float: right;  }
.left60 {float: left; width: 60%;}
.left20 {float: left; width: 20%;}
.right80 {float: right; width: 80%;}
.right40 {float: right; width: 40%;}
.left90 {float: left; width: 90%;}
.left {float: left;}
.right {float: right;}
.left100p {float: left; width: 100px; vertical-align: bottom;}
.left450p {float: left; width: 450px;}

.dotbox {/* width: 278px; border: 1px dashed #CC0000; float: left; margin: 10px 0px; */background: white;  padding: 10px;  border: none; line-height: 1.2em;
}

.center {text-align: center;}

/* Central Content */
/* table {font-size: 0.9em;} */
#maincontent {background: #FFFFFF; clear:both; width: 960px; margin: 0px auto;
}
#innercontent {float: left; width: 600px; padding: 5px; /* background: #FFFFFF */ border: 0px solid #CCCCCC; }
#outercontent {height: auto; width: 300px; padding: 5px 5px 5px 10px; /* background: #FFFFFF; border: 0px solid #CCCCCC; border-left: 1px dotted #DEDEDE; */ float: right; margin-left: 10px;}

/* For Shop */

#innercontentshop {float: right; width: 700px; padding: 5px;  margin-top: 1.5em;
	border: 0px solid #CCCCCC; }
#outercontentshop {height: auto; width: 210px; padding: 0;   margin-top: 1.5em;border: 0px; float: left; margin-right: 10px;}

/* For Three Column layout */

#leftmain {float: left; width: 200px; margin-right: 20px;}
#rightmain {width: 380px; float: right;}

#tside {float: right; width: 200px; margin-left: 20px;}
#tmain {overflow: hidden;}

/* For Three Column narrow layout */


#nmain {width: 453px; float: left; margin-right: 20px;}
#nleftmain {float: left; width: 127px; overflow: hidden;  }
#nrightmain {width: 453px; float: right; margin-left: 20px;}

/* For Two Column narrow layout */

#mrightmain {clear:both;}
#storycontent {clear: both;}
#storycontent img {}

/* Front page */

.storyoutline {clear: both; margin-bottom: 12px;}

.storyoutline2 {clear: both; margin-bottom: 12px;}

.storyoutline3 {clear: both; margin-bottom: 12px;}

.breakers {clear: both; margin: 5px 0px; padding: 3px 0px; border-top: 1px dotted #003366;}
.breakers a, .breakers a:visited {text-decoration: underline; color: #003366;}
.breakers a:hover {text-decoration: underline; color: #006600;}

#topstory {background: #000000; border: #000000 2px solid;}
#topstory h1 {margin: 0px; padding: 0px; color: #CCCCCC; }
#topstory .excerpt {font-size: 1.1em; line-height: 14px; color: #FFFFFF;}
#topstory .left {float: left; width: 189px; overflow: hidden;}
#topstory .right {float: left; width: 180px; padding: 10px; }

/* Story Headers */

/*.topstory {font-size: 2.5em;  /*text-transform: uppercase;*/ font-weight: bold; margin-bottom: 3px;}*/
.topstory {
	margin: 0;
}
.topstory2 {font-size: 1.4em; line-height:  1.2em; font-weight: bold; margin-bottom: 0.5em;}

.topstory3 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em;}

.topstory4 {font-size: 1.1em; line-height:  1.2em;font-weight: bold; margin-bottom: 0.5em;}
.topstorysecond {

	 padding: 0.5em 1em; position: absolute; bottom: 0px; background: rgba(255,255,255); background: rgba(255,255,255, 0.8);
}

.topstorysecond .title {
	font-size: 1.4em; font-weight: bold;
}

/* Category Headings */
.redhead {color: #FAFAFA; background: #A00; /* letter-spacing: 1px; */ margin: 0px 0 1em 0; padding: 0.6em 1em; clear:both; border: 0; font-family: 'Lato', Lato, "Helvetica Neue", Helvetica, Lucida Grande, Verdana, Arial, sans-serif; font-weight: 900; font-size: 1.2em;

}

.cathead3 {color: #330000; background: #DEDEDE; /* letter-spacing: 1px; */ text-transform: uppercase; margin: 0px 0 10px 0; padding: 3px 3px; clear:both; border:none; border-bottom: 2px solid #330000;
}

.cathead2 {color: #330000; /*letter-spacing: 1px;*/ text-transform: uppercase; margin: 0px 0 10px 0;  padding-bottom: 3px; clear:both; border:none;}
.cathead {/*letter-spacing: 1px;*/ text-transform: uppercase; margin: 0px 0 10px 0; padding: 3px 3px; clear:both; border:none; border-bottom: 1px solid #330000; font-size: 1.3em;}

/* Sidebar Postlists */

.postlist {margin: 0px 0px 5px 0px;}
.postlist a, .postlist a:visited {color: #000066;color: #990000; display: block; text-decoration: none; margin-bottom: 4px;}
.postlist a:hover {text-decoration: underline; color: #990000;}



.sidetitle {font-size: 1.2em; line-height: 16px; margin: 10px 0 3px 0; font-weight: bold;}
.sideexcerpt {font-size: 0.9em;; line-height: 13px;}

/* navbar */

#navbar {color: #660000; text-transform: uppercase; font-size: 0.9em; padding:  6px 2px 1em;
}
#navbar a, #navbar a:visited {color: #660000; }
#navbar a:hover {color: #660000;text-decoration: underline;}


#navtop {margin-bottom: 5px; color: #660000; text-transform: uppercase; font-size: 0.8em;}
#navtop a, #navtop a:visited {color: #660000; }
#navtop a:hover {color: #660000;text-decoration: underline;}

.navtop {margin-bottom: 5px; color: #660000; text-transform: uppercase; font-size: 0.8em;}
.navtop a, .navtop a:visited {color: #660000; }
.navtop a:hover {color: #660000;text-decoration: underline;}

/* Two column types */

#arthead {background: url(/img/graphics/lfcbg2.jpg) top right no-repeat; margin-top: 15px; border-top: 5px #660000 solid; border-bottom: 1px #660000 dotted; padding: 10px 20px; margin-bottom: 15px;}
.arttitle {margin-top: 10px; color: #000000; font-weight: bold; display: block;}
.underarthead {margin-top: 10px; font-size: 1.1em; font-style: italic; color: #660000;}


/* Wide page content styles */

#twomaincontent {color: #111111; margin-top: 5px; margin-bottom: 15px; }
#twomaincontent h1 {font-size: 2.5em; line-height:  1.2em;  padding-top: 0px; padding-bottom: 0px; margin-top: 10px; margin-bottom: 10px;}

/* Narrow page content styles */

#threemaincontent {color: #111111; margin-top: 5px; margin-bottom: 15px;}
#threemaincontent h1 {padding-top: 0px; padding-bottom: 0px; margin-top: 10px; margin-bottom: 10px;}

/* Article contents - to tidy up images */
.maincontent img {padding: 5px;}

/* Sidebar Twitter and Facebook */
.backgrey {background: #EFEFEF; padding: 10px 10px;}
.followtwitternew {padding: 5px; padding-top: 0px; background: url(/img/furn/2011/twitter.gif)  top left no-repeat; padding-left: 125px;  font-size: 0.9em;; line-height: 15px;  }
.facebookfollownew {padding: 5px; background: url(/img/furn/2011/facebook.gif)  top left no-repeat; padding-left: 125px; font-size: 1.3em;; line-height: 20px; color: #900;}

/* Match Cat in Sidebar */

.matchcat img {padding-right: 10px;}

.matchcat {;}
.score {font-size: 1.2em;}
/* Pausing scroller */

#pscroller1{
height: 1.2em;
border: 1px dashed black;
padding: 5px;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

/* Right 300 sidebar */

.rightadssq img {width: 146px; margin-bottom: 8px; margin: 1px; float: left; border: 1px solid #000000;}
.rightadsnsq img {width: 146px;  margin-bottom: 8px; margin: 1px; float: right; border: 1px solid #000000;}

/* Front Page */
.frontmain {
	color: #222;
	margin-bottom: 1em;
}
.excerptfront {margin: 2px 130px 2px 0px;}
.excerptfront p {margin: 0px; padding: 0px;}
.excerptfront2 {;}
.excerptfront2 p {margin: 0px; padding: 0px;}
.thumber {float:right;
text-align: right;
max-width: 102px;
margin: 5px; margin-left: 15px; overflow: hidden;}
.thumber img {max-width: 100px; height: auto;
	border: 1px solid #330000;}
.thumber2 {
	position: relative;
}

.thumber2 img {
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow: hidden;
}
.thumber120 {
	width: 122px;
	margin: 0.5em;
	float: right;

}
.thumber120 img{
max-width: 120px;
	border: 1px solid #222;

}
.thumber450 {max-width: 448px;
margin-bottom: -15px; height: 100px; overflow: hidden;}
.thumber450 img {border: 1px solid #330000;}
#thumber5 {width: 450px; overflow: hidden; border: none; margin-bottom: 5px;}
.thumb2 {float: right; width: 50px; margin: 5px;}
.thumb2 img {border: 1px solid #330000; width: 50px;}
.ad300 {text-align: center; background: url(/base/advertise.png) top no-repeat; padding-top: 35px;}

.fourwaypreview {
	width: 140px; overflow: none; padding-right: 10px; float: left;
}

.writtenby {
	color: #777;
}
/*redbox */

.whitelink a, whitelink a:visited {color: white;}
.whitelink a:hover {color: #FFCC00;}
.redboxbot {background: #630000 url(/img/graphics/redgrad.jpg) top left repeat-x; text-align: center; color: white; overflow: hidden; padding: 3px; border: 1px solid #990000; border-top: 0px;}

.redboxtop {background: url(/img/graphics/redgrad.jpg) top left repeat-x; color: white; overflow: hidden; padding: 3px; border: 1px solid #990000; border-bottom: 0px;}

/*sidebox */

#fixturebox {margin-bottom: 10px;}
/*blackstuff*/

#blbg {background: #000000 url(/img/graphics/greenbg.jpg) repeat; color: #FFFFFF; border: 1px solid #000000; padding: 10px; padding-top: 5px; overflow: hidden; font-size: 1.1em;}
#blbgtop {background: #000000 top left no-repeat; color: #FFFFFF; border: 1px solid #000000; }
#blbg a, #blbg a:visited {color: #FF9900; }
#blbg a:hover {color: #FF9900; text-decoration: underline;}

.excerptsm p {margin: 1px 0px; padding: 0px; padding-top: 2px;}
.datesm {margin: 0px 0px; padding: 0px; font-size: 0.9em;}

.thirdway {;}
.thirdway p {margin: 0px; padding: 0px; margin-bottom: 16px;}

/* Squad Pages */

.shop125items {width: 140px; margin-right: 5px; float: left; color: #330000; text-align: center;}

/* General Twitter colours */

.twitter {color: #0099FF;}

/* Under Header */

#underheader {padding: 5px; padding-left: 10px; color: #FFFFFF; font-size: 1.2em; background: #000000;}
#underheader a {color: #FFFF00; text-decoration: none;}
#underheader a:hover {color: #CC6600; text-decoration: underline;}
h3#comments {font-size: 1.2em;
	line-height: 1.4; color: #FFFFFF; background: #990000; padding: 0.7em; font-weight: normal;}

.blacktop {background: #000000; font-size: 18px; font-weight: bold; color: #FFFFFF;}
.blacktop a:link, .blacktop a:visited {color: #FFFFFF; text-decoration: none;}
.blacktop a:hover {color: #FFFFFF; text-decoration: underline;}

.g128 {float: right; width: 132px; margin-left: 12px; vertical-align: bottom;}

.wp-polls {padding: 8px; margin: 5px 0px; border: 1px solid #666666; background: #ededed;}

#botad, #topad {margin: 0px auto; padding:  15px 0px; width: 728px; min-height: 100px;
}
#highad {
	margin: 0px auto; padding: 15px 0; max-width: 960px; min-height: 100px; clear: both;
}

.highsmallad {
	float: right; width: 200px;
}
/* Basic Padders */

.paddtop3 {margin: 0px; padding: 3px 0px;}
.paddtop5 {margin: 0px; padding: 5px 0px;}

.topexcerpt {font-size: 1.2em; line-height: 18-7px; margin: -4px 0px 8px 0px; color: #666666;}
.topexcerpt p {margin: 0px; padding: 0px;}

.tweetmeme_button {float: right; width: 90px; padding-left: 10px; text-align: right;}

#respond {clear: both; margin-top: 10px;}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font-weight: bold;
font-size:  11px;
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

#indepthlist a, #indepthlist a:visited {
    color: #000000; text-decoration: none;
}
#indepthlist a:hover {
    color: #990000;
}
#indepthlist {
    list-style-type: none; padding: 5px 0px;
}
#indepthlist li{
    display: inline; background: #ededed; margin: 4px; margin-left: 0px; border: 1px solid #666; padding: 3px;
}

#indepthlist .heading {font-weight: bold; background: #990000; color: #FFFFFF;  }

.clearleft {clear: both;}

/* General Arrowed Lists */

#general ul{list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;}


#general li {list-style-image: url(/img/furn/arrow.jpg); padding-bottom: 4px;}

#general a {font-weight: bold;}

/* Sociable */

div.sociable { margin: 16px 0; width: 300px; float: left; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.authorimg {width: 80px; float: left; display: block;}

.main600 {width: 600px; float: left; line-height: 140%; }
.left450 {color: #111111; margin-top: 5px; margin-bottom: 15px;}
.left450 h1 {padding-top: 0px; padding-bottom: 0px; margin-top: 10px; margin-bottom: 10px;}
.right150 {float: right; width: 128px; padding: 50px 3px 0px; margin-left: 16px; }
.storycontent {font-family: "Helvetica Neue", Helvetica, Lucida Grande, Verdana, Arial, sans-serif; color:  #333;	margin-top: 10px; text-align:  justify;
}
.storycontent p {margin: 0px; padding: 0px; margin-bottom:  15px;
}
#contributors {
	margin:  5px 0px;
}

#fixturetable thead th {background: #900; padding: 4px; font-weight: bold; color: #FFF; text-align: left; font-size: 1em; line-height: 1.2;
}
#fixturetable tbody td {padding: 6px 2px; border-bottom: 1px solid #EEE;}

.socialbox {
	border: 1px solid #d8d8d8; padding:  10px; margin-bottom:  2px;
}

#outercontent h2 {
	background-color: #e5e5e5; font-size: 1em; margin-bottom:  7px;
}

#outercontent h2 span {
	background:  white; padding:  0px 8px 0px 0px;
}

#innercontentshop h2, #innercontentshop h3 {
	font-size: 1.4em; margin-bottom: 0.7em;
}
#outercontent .likeheader2 {
	background-color: #e5e5e5; line-height:  11px; margin-bottom:  7px; font-size: 1em; font-weight: bold; clear: both; text-transform: uppercase;
}

#outercontent .likeheader2 span {
	background:  white; padding:  0px 8px 0px 0px;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {width:960px; text-align: left; height:32px; position:relative; z-index:100;  font-size: 1.2em; font-weight: bold; }
/* hack to correct IE5.5 faulty box model */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:1.2em;text-decoration:none; color:#fff; width:120px; height:30px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:109px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #DDD url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 120px center;}
/* style the second level hover */
.menu ul ul a.drop:hover {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 120px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 120px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #FFF; font-size: 0.9em;;}
/* style the third level hover */
.menu ul ul ul a:hover {background: #C00;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0;top:31px;left:0; width:109px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul {left:117px; top:3px; width:120px; z-index: 1000;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#000; height:auto;padding:5px 5px; width:109px;border-width:0 0px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:109px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background: #C00;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#C00;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.twittername {background: url(/img/icons/twitter.jpg) left no-repeat; font-weight: bold; padding-left: 20px;}

/* Tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	margin-right: 5px;
	padding: 6px 12px;
	border: 1px solid #999;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	color: white;
	background: #DDD;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;

	padding: 0px;

	outline: none;
}
ul.tabs li:hover {
	background: #CCC;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

ul.tabs li.ui-tabs-active  {
		border-bottom: 1px solid #FFF;
		background: #FFF;

}
.tab_container {
	border: 1px solid #999;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	/* background: #fff; */
	margin-bottom: 18px;
}
.tab_content {
	padding: 6px;
}
.tab_content a {padding: 4px 0px;}

.tab_content a:before
{
  content: '\00BB \00a0';
}

/* Main Indents (February 2013) */

.theheadindent {
	width: 960px;
	margin: 0px auto;
}

.thenavindent {
	width: 960px;
	margin: 0px auto;

}

.thefootindent {width: 960px;
margin: 0px auto;
margin-top: 65px;

}

/* Shop List */

#shopbuttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -40px;
}

#shopbuttons li {
  font: 200 1em/1.5;

  border-bottom: 1px solid #ccc;
  list-style:none;
  margin:0;
  padding:0;
  padding-top:0px;
  margin-left: -40px;

}

#shopbuttons li:last-child {
  border: none;
}

#shopbuttons li a {

  text-decoration: none;
  color: #900;
  display: block;
   padding:5px;


  -webkit-transition: font-size 0.3s ease, background-color 0.2s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.2s ease;
  -o-transition: font-size 0.3s ease, background-color 0.2s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.2s ease;
  transition: font-size 0.3s ease, background-color 0.2s ease;
}

#shopbuttons li a:hover {
  background: #f6f6f6;
  color: white;
  background: #900;
}

#shopbuttons li.active a {
	font-size: 1em;
	color: white;
	background: #900;
	font-weight:bold;
}
table {
	font-size: 1em;
}


/* In Ad */

.insideadblock {
	border-top: 1px solid #eee;
	padding: 10px 10px;
	min-height: 100px;
	background: url(/ads/advertheader.png) no-repeat right top;
	width: 430px;
}

.insideadblockleft {
	float: left;
	margin: auto 0px;
	padding-right: 2px
}

.insideadblockright {
	margin: 25px 0px 0px 120px;
}

.afteradblock {
	clear: left;
	border-top: 1px solid #eee;
	min-height: 10px;
}

#topspecial {
	background: #060;
	padding: 7px 0;
	clear: both;
	color: white;
	text-align: center;
}

#topspecial a {
font-size: 1.2em;
	color: #fc0;
}

#topspecial a:hover {
	color: #ff820d;
}

/* Minor Text Amendments */

.biggertext {
	font-size: 1.3em;
}

/* Buttons */
.bigbutton a, .bigbutton a:visited {
	color:  #FFF;
}
.bigbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 13px 26px;
    border: 0px solid #a12727;
    border-radius: 10px;
    background: #992828;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    -webkit-box-shadow: #ff5959 0px 0px 40px 0px;
    -moz-box-shadow: #ff5959 0px 0px 40px 0px;
    box-shadow: #ff5959 0px 0px 40px 0px;
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 18px arial;
    color: #ffffff;
    text-decoration: none;
}
.bigbutton:hover,
.bigbutton:focus {
    background: #992828;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.bigbutton:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}
.bigbutton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEKElEQVRIiYWVTWxUVRTHf+e+N2+m0+m0pWac8lFNu1CMUlCrSQ2k4lcVE3XFAhdi4k6IicaFhmqoMYHEiDuN0ejCDVETNlqEFBKBTf2gCQFFgooIpVBox/l8c9+9LqZvOtOZgX9ycs+77+T/P18vT7gJdk08mBRkM/CE50bXRVQ0hYAOyrMlXTgFHLTYyfHRnzKtOKTZ5djEUAx4KRZpe/32ZF9/qmOV8pwoFo3FILjoIGAuN2uuZC6cz5UWPrDYL3aPThVvKTA2MZQW+Gxld98z6c5VaJOjFGSw1jQkElFteE4X8/ksF+bO/qBNefvu0alLLQXGJob6XKW+77vtznsirqGobwC2VfVVOBLFlR4uXr94OlfKbhl/euqvBoFdE0OeIxzq7U5tUk6Bssk2IYrgKA8/yDcICw4R6eHK/MKJoi4+Oj465QO41QDLzmR7dJPmKmU/10DeFuniqYE9dMbWMPXvJ5y+eqAhxpcsHfGe4VKG14C91QrGJoZSSunprqROl01IHmYogOWB3pcZueNtAG4U/+Tzk4/XvQ99QVEs9MyUymbD+OjUzGIF9lk3kk0Xdb4S22S3IiqOiFRbFRi/MSiEup4WOp8HPlYVYfOcqALGagwaY3TFrzFLZYustVioxIRxy3xReRCzBcB99+A614q/zlKmsomVEjyJk0qsxZEoAJ3eGqyttMJVUdYkh5d6H2S5nJ2umbtGiX/vOwcHPRexCREdM3ppKxwVYdv6b0h33IeS6h5UkfBSvDj4bfVZG58DZ17l9JVw8AKiYyISV6I0ImBtB8Z4mEBIuKvo7VhfJQ8zb+W7ymOg+zFMEMGadqztREQQ0SiRoCgSaBGFUm0oJ8mCP8cfc0fQxr8lOUChvMCp2e9QThxRLiIGEW2QwBeA8cn+IwgjtW1wxKPdW4GIA8BDq7fz8OrtAGRKl/ny161LLQpK5MrX6vtoObZr8/mNLoCo4AjYkXBDLWDQ/Ofnq/ElPV/N3FhNpvR3/UbLkm8BETkEoABE9H4kyCsJQAKUBMgyQ2xdW6h71+DnEb2/KgDmrEiwn5qg5RZWICKUg9zNyBEJvhYxZ6mt8P0fUytB/QykaYKok+TJgfdY0TbA8X8+5Nz1w83CAK6BGXxr4+ylOgGAvcf7RgTngIgkwdb1eGk+snhWbmp9rM1YghfefOTCZMhZ9xW5KnbUEW+rksinIrK6VYrNYK29ZGz5lcD4k7X3zX6Zat/R4f5EIv6R47ijSDinhlJCmMDow/l8YcfOjcfPAXW/PqEy6NBcwAvPHXuGh+/e0Luts7v9/lgsknJcJwYQBKZYKvozmRv5X36fnvlq3xvHTgA+oBdPE1oowCJpKBIKeYB312A62b821RVPRD2AQs4vnj8zO//bycuZRcKQvNaqAs2gWvjLYVr4VfwPf4z5rEeoBwcAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
.wideworld {height: 49px;
background: #141414;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
border-bottom: 2px solid #e00f16;

}
#cssmenu {
max-width: 960px; margin: 0px auto;

  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #e00f16;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  /* font-size: 12px;*/
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e00f16;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #e00f16;
  border-bottom: 1px dotted #ec6f73;
  filter: none;
  font-size: 0.85em;
  display: block;
  line-height: 110%;
  padding: 8px 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #b00c11;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #b00c11;
  border-bottom: 1px dotted #d06d70;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #80090d;
}


/* Media Queries */


/* Mobile */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

.headicon {width: 242px; height: 200px; float:left; margin-left: 10px; background: url(/base/headers/leiva.png) no-repeat;}
/*
#topad,#botad {margin: 0px auto; padding:  15px 0px; width: 468px;
}

.thefootindent, .thenavindent, .theheadindent {
	width: 480px;
}

.headicon {
	display: none;
}

#topicons {
	display: none;
}

#maincontent {
	width: 480px;
}

#innercontent {
	width: 100%;
}

#outercontent {
	float: none;
}

#nleftmain {
	width: 0px; display: none;
}

#nrightmain {
	width: 100%;
}*/

}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (-webkit-max-device-pixel-ratio: 1) {

.headicon {width: 242px; height: 200px; float:left; margin-left: 10px; background: url(/base/headers/leiva.png) no-repeat;}

/*.theheadindent {
	width: 728px;
}

.thenavindent {
	width: 728px;
}

.thefootindent {
	width: 728px;
}

#maincontent {
	width: 728px;
}

#innercontent {
float: none;
	width: 100%;
}

.main600 {
float: none;
	width: 100%;
}

#outercontent {
	float: none;
	width: auto;
	border:  0px;
}

#topicons {
	display: none;
}

#nrightmain {
	width: 575px;
}*/


}

/* ALL RETINA DISPLAYS */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and    (-moz-min-device-pixel-ratio: 2),
       only screen and      (-o-min-device-pixel-ratio: 2),
       only screen and         (min-device-pixel-ratio: 2) {

.headicon {float:left; margin-left: 10px; background: url(/base/headers/leivahd.png) no-repeat; background-size: 242px 200px;}

.headersection {
	margin-bottom: -1px;
}
}