@charset "utf-8";

/* Content styles */

html {overflow-y:scroll; height:100%;}

body {	
	color:#00323f;
	font-family: 'Lato', sans-serif;
	font-size:0.75em;	
	margin:0px;
	margin-top:50px;
	height:100%;
	background:#f7f7f7;
}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

a {color:#3399FF; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

h1 {color:#000000; font-size:1,538em; font-weight:bold;}
h2 {color:#000000; font-size:1.154em; font-weight:bold;}
h6 {font-size:0.769em;}

hr {background-color:#cccccc;border:none;color:#cccccc;height:1px;}

ul {list-style-type:disc;margin-left:23px;padding:0px;}
ol {margin-left:23px;padding:0px;}
li {padding-bottom:5px;}

.clear {clear:both;}

.invisible{
position : absolute;
top : -1000px;
 width:1px;
height:1px;
overflow:hidden;
}

/* Form Styles */

.formfield {width:250px;}

fieldset {border : none;padding : 0;margin : 0;margin-top : 1em;}
legend {font-size : 1.3em;font-weight : bold;}
label {margin-right : 1em;}

/* Blog Styles */

.alignleft {float:left; margin-right:15px; margin-bottom:5px;}
.alignright {float:right; margin-left:15px; margin-bottom:5px;}
.xoxo {list-style-type:none;}
.nothumb {border:0px;}
.fbLikeContainer {float:right;}

/* Structure Styles */

#main {position:relative; width:962px; margin:auto; padding:31px 19px 0px 19px; background:#FFFFFF;}

	#header {height:32px; text-align:right; padding-right:17px;}
	
	#logo {width:70px; height:70px; position:absolute; left:60px; top:10px; background:url(../images/structure/logo2.png) no-repeat; z-index:1004;}
	
	#nav {height:28px; text-align:right; padding-right:16px;}
		#nav a {line-height:26px; display:inline-block; margin-left:16px; text-transform:uppercase; color:#2FB1B1;}
		#nav a:hover {text-decoration:none; border-bottom:2px solid #2FB1B1; color:#005378;}
		#nav .current {line-height:26px; display:inline-block; margin-left:16px; text-transform:uppercase; border-bottom:2px solid #2FB1B1; color:#005378;}
		
		#nav .anchorclass {line-height:26px; display:inline-block; width:85px; text-align:center; text-transform:uppercase; color:#2FB1B1;}
		#nav .anchorclass:hover {text-decoration:none; color:#005378; border-bottom:none;}
		#nav .anchorcurrent {border-bottom:2px solid #2FB1B1; color:#005378;}
		
	
	#content {min-height:645px; position:relative;}
		#contentbox {position:relative; width:962px; line-height:1.6em; text-align:justify;}
		/*#logo {width:94px; height:145px; position:absolute; margin-top:56px; background:url(../images/structure/logo2.jpg) no-repeat; z-index:1004;}*/
		
		#mediabox {padding-left:28px; line-height:1.3em;}
			.magazine {float:left; width:158px; margin-right:40px; min-height:280px; text-align:center; color:#00323F;}
				.magazine a {text-transform:uppercase; color:#A7BBC3;}
		
		.badges {position:absolute; top:300px; left:15px; width:54px;}	
	
	#footer {height:40px; text-align:right; line-height:30px; color:#a7bbc3; padding-right:16px; font-size:1.167em;}
		#footer a {color:#a7bbc3;}
		.footer-caps {text-transform:uppercase; font-size:0.571em;}
		.footer-dot {color:#11B6B5; font-size:1.5em;}
	
#credit {width:1000px; padding:10px 0px 30px 0px; margin:auto; text-align:right; color:#A7BBC2;}
	#credit a {color:#A7BBC2;}