@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ATBernhardtBoldRegular';
    src: url('../fonts/atbernhardt-bold-webfont.eot');
    src: url('../fonts/atbernhardt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/atbernhardt-bold-webfont.woff') format('woff'),
         url('../fonts/atbernhardt-bold-webfont.ttf') format('truetype'),
         url('../fonts/atbernhardt-bold-webfont.svg#ATBernhardtBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ATBernhardtMediumRegular';
    src: url('../fonts/atbernhardt-medium-webfont.eot');
    src: url('../fonts/atbernhardt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/atbernhardt-medium-webfont.woff') format('woff'),
         url('../fonts/atbernhardt-medium-webfont.ttf') format('truetype'),
         url('../fonts/atbernhardt-medium-webfont.svg#ATBernhardtMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #FFF url(../images/gradient.png) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif !important;
}

h1 {
}

h2 {
}

h3 {}


p {
	line-height: 160%;
}


#wrapper {
	background-color: #FFF;
	-moz-box-shadow: 0 0 8px #c2c2c2;
	-webkit-box-shadow: 0 0 8px#c2c2c2;
	box-shadow: 0 0 8px #c2c2c2;
}

#logos {
		
}

.searchbox {
	border: 1px solid #e2e2e2;	
}
	
nav {
background-color: #e2e2e2;
}

nav a{
	background-color: #e2e2e2;	
	font-size:0.75em !important; /*12/16pt */
	text-decoration: none;
	color: #606a74;	
	border-right: 1px solid #FFF;
	border-bottom: 1px solid transparent;
}

nav a.selected,
nav a:hover, nav .current-cat a, #mobileMenu .current-cat a{
	color: #FFF;
	background-color: #ff5800;	
	border-right: 1px solid #ff5800;
	border-bottom: 1px solid #ff5800;

}

nav .current-cat a, #mobileMenu .current-cat a{
		font-weight:bold;
text-shadow:0px 0px 5px rgba(0,0,0,0.4)	
}


#featured {
	background-color: #e2e2e2;
}

#featured h1, #post-content h1 {
	font-size: 1.5em; /*24/16pt */
	font-family:'ATBernhardtBoldRegular',Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#featured h2 {
	font-size: 1em;	
	font-weight: bold;
	line-height: 150%;
}

#featured p {
	font-size: 0.75em; /*12/16pt */	
	line-height: 160%;
}

.categorybox {
	background-color: #FFF;
	border-bottom: 1px dotted #63A8A6;
	color: #1b1919;		
}	



.categorybox h3, #categories h3, #threefl h3, #archive h3, #recentposts h3{
	font-size:1.125em; /* 18/16pt */
	line-height:1.75em;
	margin-bottom:10px;
	font-weight: normal !important;
	font-family:'ATBernhardtMediumRegular',Arial, Helvetica, sans-serif;
	
}

.categorybox h4{
	font-size: 1em; /* 12/16pt */	
	font-weight: bold;	
}

.categorybox p{
	font-size: 0.75em; /*12/16pt */
	line-height: 160%;		
}

.div {
	border-bottom: 2px solid #63A8A6;	
}

#threefl h3,
#socialmedia h3,
#socialmedia320 h3,
#recentposts h3,
#categories h3,
#twitter h3,
#twitter320 h3{
	font-size:1.125em; /* 18/16pt */
	font-weight: bold;		
}

#socialmedia p, #socialmedia ul li,
#socialmedia320 p, #socialmedia320 ul li,
#recentposts ul li,
#categories p, #categories ul li,
#archive p, #archive ul li,
#twitter p, #twitter ul li{
	font-size: 0.75em; /*12/16pt */		
}

#socialmedia320 ul li {
	list-style: none;	
	display: inline;
}

#socialmedia320 ul li span{
	display: none;	
}

#campaign img{
	border: 1px solid #63A8A6;	
}

footer {
	
}

#copyright {
	font-size: 0.625em; /*10/16pt */		
	line-height: 150%;
}

/* Media queries */

@media screen and (min-width: 480px) {
	
.categorybox a, #featured a{
color:#FFF;
text-decoration:none;	
}
	#featured h1 {font-size: 2.25em; /*36/16pt */}	
	#featured h2 {font-size: 1.5em; /* 24/16pt */ 	line-height: 120%;}
	#featured p  {font-size: 1em; /*16/16pt */}

	.categorybox {
		background-color: #63A8A6;
		border: 1px solid #63A8A6;	
		color: #FFF;	
	}	

	.altbox  {
		background-color: #FFF;
		color: #1b1919;	
	}
	
	.div {border-bottom: none;}
	
	#threefl h3, #most h3, 
	#socialmedia h3, #recentposts h3, 
	#categories h3, #archive h3, 
	#twitter h3{
		font-size:0.875em; /* 14/16pt */
		font-weight: bold;		
	}

	#threefl {background-color: #63A8A6;}
	
	#most {border: 1px solid #e2e2e2;}
	
	#socialmedia {background-color: #e2e2e2;}
	
	#recentposts {background-color: #63A8A6;}
	
	#categories {background-color: #e2e2e2;}
	
	#archive {border: 1px solid #63A8A6;}
	
	#twitter {background-color: #e2e2e2;}
	
	#socialmedia ul li, #socialmedia p,
	#recentposts ul li,
	#categories ul li,
	#archive ul li,
	#twitter p, #twitter ul li{
		font-size:0.75em; /*12/16pt*/		
	}
	
	#copyright {
		font-size: 0.6875em; /*11/16pt */		
	}
}

@media screen and (min-width: 768px) {
	#iinetlogo img {border-right: 1px solid #e2e2e2;}

	footer {
		background-color: #e2e2e2;	
	}
	
	footer ul li{
		color: #606a74;	
		font-size: 0.685em;		
	}
	
	footer ul li.title{
		color: #1b1919;
		font-weight: bold;
	}
	
	footer ul li.title a{color: #1b1919;}
	
	footer ul li a{
		text-decoration: none;
		color: #606a74;	
	}
	
}

@media screen and (min-width: 1024px) {
	header #socialmedia {
			background: none;
	}
	
	nav a{
		font-size:1.0em !important; /*16pt */
	}
}

@media screen and (min-width: 1440px) {
	header #socialmedia ul li span{
			font-size: 1em;
	}
	
	#featured h1{font-size: 3.75em; /*60/16pt */}
	#post-content h1 {font-size: 2.875em; /*46/16pt */}
	
	.categorybox h3 {font-size: 1.3125em; /*21/16pt */}
	.categorybox h4 {font-size: 1.125em; /*18/16pt */}
	.categorybox p{	font-size: 0.875em; /*14/16pt */}

	#threefl h3, #most h3, 
	#socialmedia h3, #recentposts h3, 
	#categories h3, #archive h3, 
	#twitter h3{
		font-size:1.125em; /* 18/16pt */
	}

}