/*Theme Name: TCHague
Theme URI: http://tchague.co.uk
Description: Custom built Wordpress theme for tchague.co.uk:)
Version: 1.0 
Author: Thomas Hague
Author URI: http://www.tchague.co.uk
*/

/*
----------------------------------------------------------------
		Page Setup 
*/

body, html{
	margin:0px; padding:0px;
	font-family: 'Montserrat', 'sans-serif';
	height:99%;
	min-height: 400px;
	}
	
::-moz-selection{ color: #fff; background:#b5f85d; }
::selection{ color: #fff;	background:#b5f85d; }
::-webkit-selection{ color: #fff;	background:#b5f85d; }
	
	
#container {
	width:75%;
	min-width:850px;
	margin:0px 25px 0px 25px;
	min-height:100%;
	text-align:center;
	
}



/*
----------------------------------------------------------------
		Fonts, headings, paragraphs 
*/

h1 {font-size:38px; font-weight:700; color:#b5f85d; text-shadow: 2px 2px 4px #484848;}
h2 {font-size:30px; font-weight:700; color:#000000;}
h3 {font-size:22px; color:#000000;}
p {}

h15, h17 {font-family: 'Montserrat', 'sans-serif'; font-weight:700; text-align:center; color:#ffffff; line-height:80px; letter-spacing:-1px; text-shadow: 2px 2px 6px #313131; opacity: 0.85;}
h16, h18 {font-family: 'Lora', 'serif'; font-style: italic; text-align:center; color:#ffffff; text-shadow: 1px 1px 4px #050505; opacity: 0.75;}

h15 {font-size:52px;}
h16 {font-size:18px;}
h17 {font-size:38px;}
h18 {font-size:14px;}



/*
----------------------------------------------------------------
		Content
*/


#header {
	float:left;
	margin-top: 10px;
	margin-left: 5px;
	text-align: left;
	display:inline-block;
}


#content {
	width:70%;
	padding:10px 20px 10px 20px;
	margin:90px 15px 15px 15px;
	float:right;
	text-align:left;
	background-color:#ffffff;
	opacity:0.925;
	box-shadow: 3px 3px 8px #313131;
}

.centered {
	position:absolute;
  width: 840px;
  top: 30%;
  left:50%;
  margin-top: -30px;
  margin-left: -420px;
  text-align: center;
  display:inline-block;
}

	hr.home {
    border: 0;
    height: 0;
    border-top: 1.5px solid rgba(181, 248, 93, 0.25);
    border-bottom: 1.5px solid rgba(181, 248, 93, 0.4);
}

.tagline1 {width:235px; margin:10px 0px 0px 0px; padding:0px; display:inline-block;}
.tagline2 {width:360px; margin:10px 0px 0px 0px; padding:0px; display:inline-block;}
.tagline3 {width:155px; margin:0px; padding:0px; display:inline-block;}
.tagline4 {width:275px; margin:0px; padding:0px; display:inline-block;}


a.home_title {
    display: inline-block;
    padding: 0;
	color:#ffffff;
	text-decoration:none;
	opacity: 0.85;
	text-shadow: 2px 2px 6px #313131;
}

a.home_title {
    display: block;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.home_title:hover {
    opacity: 0.95;
	color:#ffffff;
	text-shadow: 0px 0px 7px #b5f85d;

}


/*
----------------------------------------------------------------
		Images
*/

.profile_pic_home {
	margin-top:30px;
	-webkit-filter: drop-shadow(0px 0px 9px rgba(181,248,93,1));
	filter: url(shadow.svg#drop-shadow);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0,Color='#b5f85d')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#b5f85d')";
}

a.profile_pic_home {
    display: inline-block;
    padding: 0;
}

a.profile_pic_home img {
    display: block;
	opacity: 0.87;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.profile_pic_home:hover img {
    opacity: 1;

}



/*
----------------------------------------------------------------
		Footer
*/

#footer {
	position:absolute;
	bottom:0;
	width:100% !important;
	height:68px;
	background-color:#171717;
	opacity: 0.85;
	display:block;
}


#nav {
	overflow:hidden;
	border-left: 23px solid #b5f85d;
}
#nav a {
float:right; height:68px; text-decoration:none; font-weight:700; color:#ffffff; font-size:24px; line-height:75px; border-left: 2px solid #b5f85d; padding:0px 17px 0px 17px;
}

#nav a:hover {
	text-decoration:none; 
	color:#b5f85d;
	opacity: 1.0;
	-webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

ul, ul li {
	list-style:none;
	padding:0px;
	margin:0px;
}