/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } 

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #dbdbd9;
	font-size: 62.5%
}

p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.8em;
	margin-bottom: 0.4em
}

.post h2{
	font-size: 2.2em;
	margin-bottom: 0.4em
}

h3 {
	font-size: 1.6em;
}

#header h1 a {
	width:500px;
	height: 80px;
	text-indent: -9999px;
	position: absolute;
	bottom: 20px;
	right: 0px;
	display: block;
}

#header p {
	display: none;
}

#footer p {
	font-size: 1.1em;
	line-height: 50px;
	text-align: center;
	color: #ccc;
}

a {
	outline: none;
}

.post p a:link {
	color:#beaa5a;
} 

.post p a:visited {
	color:#beaa5a;
} 

a:link {
	color:#770808;
}     
a:visited {
	color:#770808;
}
a:hover {
	color:#d4b020;
}
a:active {
	color:#770808
}

.page-template-links-php ul.xoxo li a {
	font-size: 22px;
	font-weight: bold;
}

.menu, .menu-sub {
	padding: 10px 10px 0px 10px;
}

.menu li, .menu-sub li {
	margin-bottom: 5px;
	
}

.menu li a, .menu-sub li a {
	display: block;
	padding: 0 0 0 10px;
	height: 44px;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #817e7e;
	line-height: 44px;
	background: url(../images/martin-goulding-sprite.jpg) no-repeat;
	background-position: 0px 0px ;
}

.menu li a:hover, .menu-sub li a:hover {
	background-position: 0px -44px ;
}

.menu li.current_page_item a, 
.menu-sub li.current_page_item a, 
.menu-sub li.current_page_parent a, 
.menu-sub li.current_page_ancestor a, 
body.single li.current_page_parent a, 
body.archive li.current_page_parent a {
	background-position: 0px -88px ;
	color: #b00606;
}

.menu li ul {
	display: none;
}

.menu-sub li ul {
	display: none;
}

.page-template-lessonslink-php .menu-sub li.current_page_item ul,
.page-template-lessonslink-php .menu-sub li.current_page_ancestor ul,
.page-template-lessonpage-php .menu-sub li.current_page_ancestor ul
 {
	display: block;
}

body.page-template-lessonpage-php .menu-sub li.current_page_ancestor ul li.current_page_parent ul li {
	/* margin-bottom: 2px; */
	border-top: 1px solid #191919;
}

.page-template-magazines-php .menu-sub li.current_page_item ul,
.page-template-magazineSubgenres-php .menu-sub li.current_page_ancestor ul
 {
	display: block;
}


.menu-sub li.current_page_item, 
.menu-sub li.current_page_ancestor, 
.menu-sub li.current_page_ancestor ul li, 
.menu-sub li.current_page_item ul li,
.menu-sub li.current_page_item ul li.current_page_item,
.menu-sub li.current_page_ancestor ul li.current_page_item,
.menu-sub li.current_page_item ul li.current_page_item ul li,
.menu-sub li.current_page_ancestor ul li.current_page_item ul li
 {
	margin-bottom: 0px;
}


.menu-sub li.current_page_item ul li a, 
.menu-sub li.current_page_ancestor ul li a {
	display: block;
	padding: 0 0 0 20px;
	height: 30px;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	line-height: 30px;
	background: #000;
}

.menu-sub li.current_page_item ul li ul li a,
.menu-sub li.current_page_ancestor ul li ul li a,
.menu-sub li.current_page_ancestor ul li.current_page_item ul li a,
.menu-sub li.current_page_ancestor ul li.current_page_ancestor ul li a
 {
	display: block;
	padding: 0 0 0 40px;
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #7c7c7c;
	line-height: 20px;
	background: #000;
}


.menu-sub li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a
{
	display: block;
	padding: 0 0 0 40px;
	height: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #b00606;
	line-height: 20px;
	background: #000;
}

.menu-sub li.current_page_ancestor ul li.current_page_item a,
.menu-sub li.current_page_ancestor ul li.current_page_parent a {
	display: block;
	padding: 0 0 0 20px;
	height: 30px;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #b00606;
	line-height: 30px;
	background: #000;
}

body.page-template-lessonslink-php .menu-sub li.current_page_ancestor ul li.current_page_item ul,
body.page-template-lessonslink-php .menu-sub li.current_page_parent ul li ul,
body.page-template-lessonslink-php .menu-sub li.current_page_item ul li ul,
body.page-template-lessonpage-php .menu-sub li.current_page_parent ul li ul,
body.page-template-lessonpage-php .menu-sub li.current_page_ancestor ul li ul
 {
	display: none;
}

body.page-template-lessonpage-php .menu-sub li.current_page_ancestor ul li.current_page_parent ul {
	display:block;
}

body.page-template-lessonpage-php .menu-sub li.current_page_ancestor ul li.current_page_parent ul li a:hover {
color: #FFF;
}



body.page-template-magazineSubgenres-php blockquote ul li {
	font-size: 1.1em;
	line-height: 1.2em;	
}


body.page-template-magazineSubgenres-php blockquote ul li em {
	padding: 10px;	
	display: block;
}

body.page-template-magazineSubgenres-php blockquote ul li h4 {
	font-size: 1.8em;
	margin-bottom: 0em;
	padding : 10px;
	background: url(../images/mag-header.jpg) top left no-repeat;
	color: #fff;
	border: 2px solid  #989898;
}

#latest-news h3 {
	text-indent: -9999px;
	background: url(../images/latest-news.png) top left no-repeat;
	width: 176px;
	height: 42px;
	margin: 0 0 10px -6px;
}

#latest-news p {
	font-size: 1.2em;
	line-height: 1.3em;
}

.widget_sp_image h2 {
	display: none;
}

li.widget h2 {
	color:#770808;
	
}

li.widget ul li a {
	font-size: 1.4em;
	color: #fff;
	
}

body.page-template-gear-php blockquote h3 {
	font-size: 1.7em;
	margin-bottom: 0.5em;
}

body.page-template-gear-php blockquote {
	float: right;
	width:325px;
}

body.page-template-gear-php blockquote img.size-thumbnail {
	padding: 0 3px 0 0;
}

/* Blog */

#breakpoint {
	text-align: right;
}

#breakpoint h3#comments {
	padding: 64px 16px 10px 10px;
	color:#fff;
}

.metabits {
	background:#000000 none repeat scroll 0 0;
	border:1px solid #151515;
	padding:10px;
}

/* Form */

#si_contact_form label {
	padding: 5px 5px 5px 0px;
}

#si_contact_form input, #si_contact_form textarea {
	margin: 5px 5px 5px 0px;
	padding: 3px;
}