/*
Theme Name:     LANline
Description:    Wordpress theme for lanline.com
Author:         Mosamedia
Author URI:     http://mosamedia.com/
Template:       twentytwelve
Version:        0.1.0
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@import url("fonts/stylesheets.css");
@import url("../twentytwelve/style.css");
/*Overrides*/

/*Custome theme*/

/*=PAGE STRUCTURE
-------------------------------------------------------------*/
body .site{
	margin-top:0;
}
.site{	
	padding: 0;
	
}

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

.post-edit-link, .entry-title{
	display: none;
}
.entry-header{
	margin:0;
}
.entry-content p, .entry-content div, .entry-summary p, .comment-content p, .mu_register p{line-height: 1.5; font-size: 13px;}
.entry-content ul, .comment-content ul, .mu_register ul {
    	list-style: square outside none;
}
.entry-content li{margin-left: 14px;}
#slogan{
	
	background: #ff7300;
	color: #FFF;
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	
}
a.box{
	
	
	display: table;
	text-align: center;
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 1.2;
}
a.box:hover, .page-id-24 a.box1, .page-id-27 a.box2, .page-id-29 a.box3 {
	background: #333 !important;
		
	}
a.box span{
	
	display: table-cell;
	vertical-align: middle;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{
	border-radius: none;
	box-shadow: none;
}
/*=HEADER
-------------------------------------------------------------*/
.site-header{
	padding: 0 20px 40px 20px;
	padding: 0 1.42857142857rem 2.85714285714rem 1.42857142857rem;
}
hgroup, .site-title, .site-description{display: none;}

.main-navigation{
	margin-top:0;
	padding-top: 40px;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: none;
	border-top: none;	
	display: inline-block !important;
	text-align: left;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.692307692;
	text-transform: capitalize;
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	padding:0 7px 1px 7px;
	padding: 0 0.5rem 0.07142857142rem 0.5rem;
}
	.main-navigation li a:hover,
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a, 
	.main-navigation .current_page_ancestor > a{
		background: #FF7300; color: #FFF; font-weight: normal;
		
	}

	
.main-navigation li {	
	position: relative;
	margin:0 1rem 0 0;
}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	
	.main-navigation ul li:hover > ul {
		border-left: 1px solid #000;
		display: block;
	}
	.main-navigation li ul li{
		margin: 0;
	}
	.main-navigation li ul li a {
		background: #e9efef;
		display: block;
		font-size: 1rem;
		line-height: 1.692307692;
		border-bottom: 1px solid #000;
		padding: 0 10px;
		padding: 0 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li .current-menu-item > a,
	.main-navigation li .current-menu-ancestor > a,
	.main-navigation li .current_page_item > a,
	.main-navigation li .current_page_ancestor > a {
		background: #e9efef;
		color: #6A6A6A;
	}
	.main-navigation li ul li.black a:hover, .main-navigation li ul li.black.current-menu-item a{
		background: #000;
		color: #fff;
	}
	.main-navigation li ul li.blue a:hover, .main-navigation li ul li.blue.current-menu-item a{
		background: #4d7e9f;
		color: #fff;
	} 
	.main-navigation li ul li.green a:hover, .main-navigation li ul li.green.current-menu-item a{
		background: #76904D;
		color: #fff;
	} 
	.main-navigation li ul li.red a:hover, .main-navigation li ul li.red.current-menu-item a{
		background: #BA4617;
		color: #fff;
	} 
/*=FOOTER
-------------------------------------------------------------*/
footer[role="contentinfo"] {
	margin-top: 0;
	padding: 14px 0 42px;
	padding: 1rem 0 3rem;
	color: #666;
	font-size: 11px;
	line-height: 1.5;
	border-top: none;
}

footer[role="contentinfo"] a:hover{
	color: #FF7300;
	text-decoration: underline;
}
footer[role="contentinfo"] li{
	display: inline;
	float: left;
	
}
footer[role="contentinfo"] li a{
	padding: 0 4px;
	border-left: 1px solid #666;
}
footer[role="contentinfo"] li.menu-item-58 a{
	border-left: none;
}

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site-content{
		width: 68.25%;
		float: right;
		margin-top: 0;
	}
		#content{
			padding: 10px 20px 0 155px;
			min-height: 372px;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
			
		}
			.inner-content{
				 display: table-cell;
    				 height: 372px;
   				 vertical-align: middle;
				
			}
		.home #content{
			padding: 0;
			border-bottom: none;
		}
		#sub-content{
			padding: 30px 20px 50px 0;
		}
			.page-id-9 #sub-content{padding-left: 155px;}
		.home #sub-content{
			padding-top: 0;
		}
	#secondary{
		width: 31.75%;
		float: left;
		position: relative;
	}
		.half{
			width: 47%;
			float: left;
			margin-right: 3%;
		}
	#slogan{
		max-width: 100%;
		min-height: 384px;
		float: left;
		font-size: 42px; 
		line-height: 1.4;
	}
	#slogan span{
		padding: 50px 15% 0 10%;
		display: block;
		font-family: 'CenturyGothicRegular';
	}
	
	a.box{
		width: 120px;
		position: absolute;
		right: -120px;
	}
		a.box1{top: 0; }
		a.box2{top: 50%; margin-top: -58px;}
		a.box3{bottom:0;
	}
	
	a.box span{
		height: 116px;
		
	}
	
	.site-content article{
		border:none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	

	.right-ft{
		width: 68.25%;
		float: left;
	}
	.left-ft{
		width: 31.75%;
		float: left;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e9efef;
	}
	body .site {
		padding:0;
		margin-bottom:0;
	}
	.site{	
		width: 960px;
		width: 68.5714rem
		max-width: 960px;
		max-width: 68.5714rem
	}
	#logo{
		float: left;
	}
	.main-navigation{margin-left: 276px;}
	
}

@media screen and (max-width: 600px) {
	.site{
		padding: 0 14px;
		padding: 0 1rem;
	}
	.site-content{
		margin-top: 60px;
	}
	.site-content article{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#sub-content{
		border-bottom: 4px double #EDEDED;
    		margin-bottom: 5.14286rem;
    		padding-bottom: 1.71429rem;
	}
		
		.half{margin: 0 0 1.71429rem}
	#logo{
		text-align: center;
	}
	footer[role="contentinfo"] {	
		padding: 0 14px;
		padding: 0 1rem;
	
	}
	#slogan{
		padding: 10px 20px;
		font-size: 20px;
		text-align: center;
		
	}
	a.box{
		width: 30%;
		margin-right: 5%;
		float: left;
		
	}
	
	a.box.last{
		margin-right:0;
		
	}
	a.box span{
		height: 50px;
	}
}

/* =IE 7 and 8
----------------------------------------------- */
.ie .site {
	max-width: 960px;
}
.ie footer[role="contentinfo"]{padding-left: 20px;}
.ie7 .home .site-content{padding-bottom: 50px !important;}
.ie .main-navigation{
	 z-index: 9999;
     	position: relative;
}