/*
Theme Name: MFC Study Support
Theme URI: http://wordpress.org/
Description: A bespoke WordPress theme specially designed for MFC Study Support
Version: 1.0
Author: Adam Heward
Author URI:
Tags:
*/

#imageDetails {
	color: grey;
}

/*Colors

Page Background and Posts (Dark ): #2f2f2f / #2f2f2f

Page Container (Light Blue): #3d3c3c / #3d3c3c */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

a {
	text-decoration: none;
	color: white;
}

a.in_page_link {
	color: #CC5151;
}

a.in_page_link:hover {
	text-decoration: underline;
}

h1 a {
	color:white;
	text-decoration:none;
}

p a:hover, .entry ul a:hover, .entry ol a:hover {
	color: rgb(204, 81, 81);
}

ul {
	list-style-type: none;
}

.center {
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear {
	overflow: hidden;
	width: 100%;
}

.frame {
	padding: 20px;
	background-color: #3D3C3C;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 12px 0;
}

blockquote {
	padding: 20px;
	margin: 12px 12px 6px;
	color: white;
	background-color: #3D3C3C;
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 20px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-style: italic;
}

cite {
	
	font-size: 10px;
	margin-bottom: 12px	;
}

.alignleft {
	float: left;
	clear: both;
	display: inline;
	margin: 12px 12px 12px 12px;
}

.alignright {
	display: inline;
	float: right;
	clear: right;
	margin: 12px 12px 12px 12px;
}

.entry p.pull_quote {
	float: right;
	clear: right;
	width: 110px;
	background-color: #3D3C3C;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	margin: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-align: center;
}

body {
	background: url('images/background.png') no-repeat #2f2f2f;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 	font-weight: 300;
	color: white;
}

#page_wrap {
	width: 960px;
	margin: 0 auto;
}

#page_container {
	background-color: #3d3c3c;
	padding: 0px 20px 0px;
}

#header_left  {
	margin-top: 40px;
	margin-bottom: 32px;
}

#header_right {
	margin-top: 45px;
}

ul#social {
	text-align: center;
	overflow: hidden;
}

ul#social li {
	text-align: center;
	display: inline;
	border: none;
}

ul#social li a {
	width: 50px;
	height: 50px;
	background-image: url('images/social_icons.png');
	display: block;
	text-indent: -9999px;
	float: left;
}

ul#social li a#facebook {
	background-position: 50px 0px;
}

ul#social li a#flickr {
	background-position: 100px 0px;
}

ul#social li a#twitter {
	background-position: 150px 0px;
}

ul#social li a#youtube {
	background-position: 0px 0px;
}

ul#social li a#facebook:hover {
	background-position: 50px 50px;
}

ul#social li a#flickr:hover {
	background-position: 100px 50px;
}

ul#social li a#twitter:hover {
	background-position: 150px 50px;
}

ul#social li a#youtube:hover {
	background-position: 0px 50px;
}

/*Nav Styles*/

/*Menu*/

#nav {
	float: left;
	margin: 0;
	padding: 30px 0;
	font-size: 22px;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-size: 18px;
}

#nav li a, #nav li {
	float: left;
	margin: 0px 3px 0px 0px;
}

#nav li {
	list-style-type: none;
	position: relative;
}

#nav li a{
	padding: 12px 14px;
	text-decoration: none;
	background-color: #3d3c3c;
	color: white;
}

#nav li a:hover {
	background-color: rgb(204, 81, 81);
}



/*Sub Menu*/

#nav a:hover {
	background-color: #2f2f2f;
}

#nav li ul {
	display: none;
	left:  0;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 100%;
	text-align: center;
}

#nav li:hover > ul {
	display: block;
}

#nav li ul {
	margin-top: 10px;
	font-size: 14px;
	letter-spacing: -1px;
}

#nav li ul li a{
	padding: 6px 8px;
	letter-spacing: 0;
}

#nav li ul li ul {
	margin-top: 0px;
}

#nav li ul li ul li {
	margin-top: 0px;
}

#nav li ul li ul li:nth-child(even) a {
	background-color: #3d3c3c;
}

#nav li ul li ul li:nth-child(odd) a {
	background-color: #2f2f2f;
}

#nav li ul li, #nav ul li a {
	float: none;
	z-index: 1;
}

#nav li ul li a {
	width: 170px;
	display: block; /*Change this to block!*/
	margin: 0;
}

#nav li ul li:first-child a {
}

#nav li ul li ul li a {
	
}

/*Sub Sub Menu*/

#nav li ul li ul {
	display: none;
}

#nav li ul li:hover ul {
	left: 100%;
	top: 0;
}

#nav li ul li:nth-child(even) a {
	background-color: #2f2f2f;
}

#nav li ul li:nth-child(even) a:hover {
	background-color: rgb(204, 81, 81);
}

#nav li ul li ul li a:hover {
	background-color: rgb(204, 81, 81);

}

/*end Nav Styles*/



#search {
	color: white;
	margin-top: 30px;
}

.search_box {
	height: 25px;
	width: 162px;
	margin: 0;
	background-color: #2f2f2f;
	border: none;
	color: white;
	font-size: 14px;
	padding: 0 12px;
	letter-spacing: 0px;
	overflow: hidden;
}

.submit_button {
	background-color: rgb(204, 81, 81);
	border: none;
	height: 25px;
	width: 70px;
	margin: 0;
	color: white;
	text-transform: Uppercase;
	font-size: 14px;
	letter-spacing: -1px;
}

.submit_button:hover {
	color: rgb(204, 81, 81);
	background-color: white;
	cursor: pointer;
}

.submit_button:active {
	color: white;
	background-color: #2f2f2f;
	cursor: pointer;
}

#content {
	width: 640px;
}

#sidebar {
	width: 260px;
	letter-spacing: -1px;
}

#featured {
	width: 920px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}

#featured #big_img {
	position: relative;
}

#featured #big_img h1.big_img_title {
	background-color: rgba(47, 47, 47, 0.8);
background-color: #2f2f2f;
	bottom: 80px;
	font-size: 30px;
	letter-spacing: -2px;
	padding: 12px 16px;
	position: absolute;
	right: 0;
}

.entry, .page_entry, .comments {
	margin-bottom: 20px;
	background-color: #2f2f2f;
	padding: 20px;
	max-width: 600px;
}

.entry p, .logged_in {
	font-size: 14px;
	margin-bottom: 6px;
}

.entry .post_thumb, .page_entry .page_thumb {
	width: 600px;
	margin: 0 auto;
}

.post_thumb_holder img {
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.post_thumb_holder h1 a {
	color: #2f2f2f;
}

.post_thumb_holder {
	position: relative;
	min-height: 228px;;
}

.entry h1, .entry h1 a {
	font-size: 22px;
	letter-spacing: -2px;
	color: #cc5151;	
	font-weight: bold;
	margin: 6px 0;
	text-transform: uppercase;
	padding-right: 1px;
	max-width: 450px;
}

.entry h1 a:hover {
	background-color: #cc5151;
	color: #2f2f2f;
}

#main h1.heading {
	font-size: 30px;
	padding: 16px;
	background-color: white;
	color: #2f2f2f;
	letter-spacing: -1px;
}


/*Sidebar Styles*/

h2.widgettitle {
	background-color: #cc5151;
	color: #3d3c3c;
	font-size: 18px;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
}

#sidebar .widget div {
	padding: 10px 20px;
}

#sidebar a:hover {
color: #cc5151;
}

.textwidget {
	font-size: 14px;
}

/*End Sidebar Styles*/



.post_thumb_holder h1 a:hover {
	color: #9fb5e2;
}

.post_thumb_holder h1 a{
	color: white;
}

.widget {
	margin-bottom: 20px;
	background-color: #2f2f2f;
}

li#twitter {
	letter-spacing:0px;
}

.widget ul {
	padding: 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
}

.widget ul li {
	padding: 4px 0;
	border-bottom: 1px solid #8a8787;
	border-top: 1px solid black;
}

.widget ul li:first-child {
	border-top: none;
}

.widget ul li:last-child {
	border-bottom: none;
}

.widget h1 {
	text-align: center;
}

/*Footer Styles*/


#footer #footer_left {
	margin-top: 40px;
}

#footer #footer_right {
	margin-top: 40px;
	margin-bottom: 32px;
}

/*Footer Styles*/



.widget, .entry, .page_entry, .comments, #respond, textarea#comment {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}


/*Featured Slider*/

#slider, #slider li {
	min-height:350px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:920px;
}

#slider {
	margin-bottom: 20px;
}

#slider li {
	display:inline;
	list-style-type:none;
}

.featured_post_info {
	position:relative;
}

.featured_img .date_holder {
	color:white;
	margin:0;
	padding:2px 8px 6px;
	position:absolute;
	right:0;
	background-color: rgba(47, 47, 47, 0.8);
	background-color: #2f2f2f;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	overflow: hidden;	
}

.featured_img .day {
	font-size:88px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:82px;
	margin-right: 6px;
	padding:0px;
}

.featured_img .month {
	text-transform: uppercase;
	font-size:38px;
	font-weight:bold;
	line-height:52px;
	text-align: center;
	float: right;
}

.featured_img .year {
	font-size:38px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:10px;
	text-align: center;
	float: right;
	clear: right;
}

.featured_post_meta {
	top:200px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	text-align:right;
	text-transform: uppercase;
}

.featured_post_meta a:hover{
	color: rgb(204, 81, 81);
}

.featured_post_meta h1 a {
	background-color:rgba(47, 47, 47, 0.8);
	background-color: #2f2f2f;
	color:white;
	font-size:200%;
	padding:10px 12px;
	letter-spacing: -2px;
	display: block;
	font-weight: bold;
	float: right;
}

.featured_post_meta h2 {
	background-color:rgba(47, 47, 47, 0.8);
	background-color: #2f2f2f;
	color:white;
	font-size:120%;
	padding:10px 12px;
	display: block;
	float: right;
	clear: right;
}

.featured_post_meta h2 a {
	font-weight: bold;
}

.featured_post_category {
	display:inline;
}

#firstBtn, #prevBtn, #nextBtn, #lastBtn {
	background-color: black;
	color: white;
}

/*End Featured Slider*/


/*Post Styles*/

.post_thumb_holder .date_holder {
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
background-color:rgba(47, 47, 47, 0.8);
background-color: #2f2f2f;
color:white;
margin:0;
padding:6px 8px 6px;
position:absolute;
right:0;
top:0;
}

.post_thumb_holder .day {
font-size:52px;
font-weight:bold;
letter-spacing:-1px;
line-height:42px;
margin-right: 3px;
padding:0;
}

.post_thumb_holder .month {
float:right;
font-size:25px;
font-weight:bold;
line-height:22px;
text-align:center;
text-transform:uppercase;
}

.post_thumb_holder .year {
clear:right;
float:right;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
line-height:18px;
text-align:center;
}

/*.featured_post_info img {
	/*padding: 20px;
	background-color: #2f2f2f;*!/
	width: 920px;
}*/

.entry h3 {
	
}

.entry h2, .entry h3 {
	margin-top: 12px;
	margin-bottom: 6px;
	font-weight: bold;
	letter-spacing: -1px;
}

.entry h2 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.entry h3 {
	font-size: 16px;
}

.entry ul, .entry ol {
	margin: 12px 0 12px 40px;
	font-size: 14px;
}

.entry ul {
	list-style-type: square;
}

entry ol {
	list-style-type: decimal;
}

.meta_info, meta_info a {
	text-transform: uppercase;
	font-size: 10px !important;
	margin-bottom: 12px;
	clear: left;
}

.num_comments a {
	background-color: rgb(204, 81, 81);
	color: #2f2f2f;
	padding: 4px;
}

.comments_holder {
	background: url('images/comments.png') no-repeat rgb(204, 81, 81) 10px 50%;
	color: #2f2f2f;
	padding: 3px 9px 3px 40px;
	margin: 6px 0;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
}

.comments_holder:hover {
	color: white;
}

ol.comments:first-child li {
	margin: 0px 0 12px;
}

ol.comments li {
	margin: 0px 0px;
	background-color: #2F2F2F;
	padding: 20px;
}

ol.comments {
	list-style-type: none;
	background-color: #3D3C3C ;
}

h3#comments {
	color: rgb(204, 81, 81);
font-size: 22px;
font-weight: bold;
letter-spacing: -2px;
margin: 6px 0px;
max-width: 450px;
padding-right: 1px;
text-transform: uppercase
}

.comment_text {
	margin-bottom: 12px;
}

.comments .main_comment h4, .main_comment h4 a {
	color: rgb(204, 81, 81);
	letter-spacing: -1px;
	margin-bottom: 12px;
	text-transform: uppercase;
	display: inline;
	font-weight: bold;
}

#main {
	min-height: 564px;
}

.main_comment p {
	margin-left: 12px;
	font-size: 12px;
}

ol.comments li:nth-child(even) {
	background-color: #4f4e4e;
}

/*ol.comments li:nth-child(even) {
	background-color: #3d3c3c;
}*/

.youtube {
	 width: 560px;
	 height: 342px;
	 margin: 12px 0;
}

#respond {
	background-color: #3d3c3c;
	padding: 20px;
}

textarea#comment {
	background-color: rgb(47, 47, 47);
	border: none;
	color: white;
	font-size: 14px;
	letter-spacing: 0px;
	margin: 12px 0px;
	overflow: hidden;
	padding: 0px 12px;
	width: 525px;
	padding: 20px;
	overflow: auto;
	margin-bottom: 12px;
	resize: none;
}

#contact {
	background-color: #3D3C3C;
	padding: 20px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-top: 20px;
}

input#author, input#email, input#url, input#name, input#email, input#subject {
	background-color: #2F2F2F;
	margin-bottom: 12px;
	margin-right: 12px;
	color: white;
	padding: 12px;
	width: 200px;
	font-size: 14px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

input#author, input#url {
	width: 240px;
}

input#email, input#subject {
	width: 280px;
}

#respond h3 {
	color: rgb(204, 81, 81);
font-size: 22px;
font-weight: bold;
letter-spacing: -2px;
margin: 6px 0px 12px 0;
max-width: 450px;
padding-right: 1px;
text-transform: uppercase;
}

h4 {
	color: rgb(204, 81, 81);
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
margin: 12px 0;
padding-right: 1px;
text-transform: uppercase;
}

label {
	color: rgb(204, 81, 81);
	font-size: 16px;
	

letter-spacing: -2px;
margin: 6px 0px;
max-width: 450px;
padding-right: 1px;
text-transform: uppercase;
}

.logged_in {
	margin-bottom: 12px;
}

.comments h4 {
	color: white;
}

.wp-caption {
	position: relative;
}

p.wp-caption-text {
background-color: rgba(47, 47, 47, 0.8);
background-color: #2f2f2f;
	bottom: 80px;
	font-size: 20px;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 10px 14px;
	position: absolute;
	right: -10px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
}

.gallery {
	background-color: #3D3C3C;
	padding: 12px;
	margin: 12px 0 !important;
}

.gallery img {
	width: 260px;
	height: auto;
}

.button {
display: inline;
background-color: rgb(204, 81, 81);
border: none;
color: white;
font-size: 14px;
letter-spacing: -1px;
margin: 6px 0;
text-transform: uppercase;
width: auto;
padding: 4px 8px !important;
}

.button:hover {
background-color: white;
color: rgb(204, 81, 81);
cursor: pointer;
}

.submit_button:active {
	color: white;
	background-color: #2f2f2f;
	cursor: pointer;
}