/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge,
h1 {
	/*font-size: 68px;*/
	/*line-height: 72px;*/
	/*letter-spacing: -1px;*/
}

.large,
h2,
#content h1 {
	font-size: 28px;
	line-height: 36px;
	font-fmaily: 'Roboto',sans-serif;
	color: #005489;
	font-weight: 100;
}
#forum-content h1 {
	font-size: 28px;
	line-height: 60px;
	font-fmaily: 'Roboto',sans-serif;
	color: #005489;
	font-weight: 100;
}

.big,
h3,
#content h2 {
	/*font-size: 26px;*/
	/*line-height: 36px;*/
}

.normal,
body,
#content h3 {
	/*font-family: Arial,Helvetica,sans-serif;*/
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	/*-webkit-transition: color .1s linear;*/
	/*-o-transition: color .1s linear;*/
	/*-moz-transition: color .1s linear;*/
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}

/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
	#if-logged-in .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}


.container {
	/*padding: 0 60px;*/
	width: 648px;
	margin: 0 auto;
	/*overflow: hidden;*/
    }
    #header {
            height: 80px;
        }
    header {
        background: url(images/nav_bg.jpg) no-repeat top center;
	   height: 80px;
    }
    header .container {
		width: 780px;
		padding: 0;
        margin: 0 auto;
	}
	#header-image {
		padding: 0;
		overflow: hidden;
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 890px;
			height: 250px;
			margin-left: -121px;
			padding: 0;
		}
    #title {
        float: left;
    }
    #header-right {
        float: right;
    }
    #slider {
        /*width: 1190px;*/
        /*height: 310px;*/
    }
    .home-container #content {
        width: 890px;
        margin: -60px auto 0 auto;
    }
    div#featured-box-container {
        width: 780px;
        margin: 0 auto;
    }
    .featured-box {
        height: 180px;
        width: 240px;
    }
    .featured-box h2 {
        font-size: 20px;
        padding: 4px 12px 6px 20px;
    }
	#content {
		width: 356px; /* 5 columns */
		float: right;
		margin: 0;
		/*padding: 20px;*/
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	#sidebar {
		/*width: 184px; /* 3 columns */
		width: 200px;
		float: left;
		margin: 0;
		padding: 20px;
		overflow: hidden;
	}

::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}




/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 1212px) {
    #header {
            height: 80px;
        }
    header {
        background: url(images/nav_bg.jpg) no-repeat top center;
	   height: 80px;
    }
	header .container {
		width: 960px;
		padding: 0;
	}
    #slider {
        /*width: 1920px;*/
        /*height: 500px;*/
    }
    #title {
        float: left;
    }
    #header-right {
        float: right;
    }
    .home-container #content {
        margin: -100px auto 0 auto;
        width: 960px;
    }
    div#featured-box-container {
        width: 960px;
        margin: 0 auto;
    }
	.container {
		/*padding: 0 72px;*/
		width: 960px;
	}
		#header-image img {
			width: 1068px;
			height: 300px;
			margin-left: 0;
		}
		.featured-box {
            height: 280px;
            width: 300px;
        }
        .featured-box h2 {
            font-size: 20px;
            padding: 4px 12px 6px 20px;
        }
		#content {
			/*width: 608px; /* 8 columns */
			width: 960px;
		}
		#sidebar {
			/*width: 356px; /* 5 columns */
			width: 200px;
		}
	
}


/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	.container {
		padding: 0 42px;
		width: 396px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
        #header {
            height: 140px;
        }
        header {
            background: none;
        }
        #header .container {
			/*padding-top: 40px;*/
			padding-bottom: 12px;
		}
			#title {
				height: 60px !important;
			}
				#tagline {
					line-height: 20px !important;
				}
			#header-image {
				height: 150px !important;
				padding: 0;
			}
				#header-image img {
					width: 534px;
					height: 150px;
					margin-left: -69px;
				}
        #title {
            float: none;
        }
        #header-right {
            float: none;
            width: 500px;
            padding-left: 20px;
        }
        #slider {
            width: 749px;
            height: 195px;
        }
        .home-container #content {
                width: 570px;
                margin: -60px auto 0 auto;
            }
		#content {
			width: 376px; /* 5 columns */
			float: none;
			padding: 10px;
		}
        div#featured-box-container {
            width: 510px;
            margin: 0 auto;
        }
        .featured-box {
            height: 180px;
            width: 150px;
        }
        .featured-box h2 {
            font-size: 12px;
            padding: 2px 0 2px 10px;
        }
		#sidebar {
			width: 376px; /* 5 columns */
			float: none;
			padding: 10px;
		}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 13px;
		line-height: 18px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 479px) {

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}
	
	.container {
		padding: 0 46px;
		width: 228px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
		#title {
			height: 60px !important;
		}
			#tagline {
				line-height: 20px !important;
			}
		#header-image img {
			width: 365px;
			height: 100px;
			margin-left: -68px;
		}
		#content {
			padding: 10px;
			width: 208px; /* 3 columns */
			float: none;
		}
		#sidebar {
			padding: 10px;
			width: 208px; /* 3 columns */
			float: none;
		}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 11px;
		line-height: 16px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

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