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

/*


Iconologic
Author: Michael Johnson
v1.0 | 06-22-2009

NAVIGATION CSS

COLORS
dark blue : 	0e3c5a
dark green: 	003300
med green: 		659841
subnav: 		c2d5b5
subnav active:  dee9d7


=MAIN NAV 
=LEFT NAV 
=LOGIN AND SEARCH
=FORMS
=STORYBLOCK 
=CONTENBLOCK
=TABS (JQUERY STYLING)


*/



/*  =MAIN NAV ----------------------------------  */
#navigation {
	margin: 0px 0 0 0;
	float:left;
	padding: 0 10px 0 223px;
	}

#navlist {
    width: 467px;
    height: 21px;
    background: url(../_img/nav-bg.gif);
    margin: 0 0 0 0; 
    padding: 0;
    position: relative;
	top: 3px;
    }
#navlist li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
    }
#navlist li, #navlist a {
    height: 21px; 
    display: block;
    }

/*  DISPLAY TEST BORDERS  
#navlist a {    
    border: solid 1px #f00;
}  */


#nav1 {left: 16px; width: 60px; }
#nav2 {left: 77px; width: 102px;}
#nav3 {left: 179px; width: 87px;}
#nav4 {left: 265px; width: 100px;}    
#nav5 {left: 365px; width: 100px;}  
 


#nav1on {left: 16px; width: 60px; background: transparent url(../_img/nav-bg.gif)
    -16px -20px no-repeat; }
#nav2on {left: 77px; width: 102px; background: transparent url(../_img/nav-bg.gif)
    -77px -20px no-repeat;}
#nav3on {left: 179px; width: 87px; background: transparent url(../_img/nav-bg.gif)
    -179px -20px no-repeat;}
#nav4on {left: 265px; width: 100px; background: transparent url(../_img/nav-bg.gif)
    -265px -20px no-repeat;}    
#nav5on {left: 365px; width: 100px; background: transparent url(../_img/nav-bg.gif)
    -365px -20px no-repeat;}  


#nav1 a:hover {
    background: transparent url(../_img/nav-bg.gif)
    -16px -20px no-repeat;}
#nav2 a:hover {
    background: transparent url(../_img/nav-bg.gif)
    -77px -20px no-repeat;}
#nav3 a:hover {
    background: transparent url(../_img/nav-bg.gif)
    -179px -20px no-repeat;}
#nav4 a:hover {
    background: transparent url(../_img/nav-bg.gif)
    -265px -20px no-repeat;}
#nav5 a:hover {
    background: transparent url(../_img/nav-bg.gif)
    -365px -20px no-repeat;}    



/*  =LEFT NAV ----------------------------------  */
#leftnav h2 {
	background-color:#0a2b40;
	text-transform:uppercase;
	padding: 6px 5px;
	letter-spacing: .5px;
	font: Verdana, Arial, Helvetica, sans-serif;
	}

#leftnav ul {
	margin: 0;
	padding: 0;
	}
	#leftnav ul li {
		padding: 0;
		margin: 0;
		border-bottom: #3D5869 1px solid;
		}
	#leftnav ul li ul {
		margin: 0 0;
		}	
	#leftnav ul li ul li a {
		width: 185px;
		margin: 0 0 1px 0;
		padding: 1px 12px
		}	
		
#leftnav a {
	color: #FFFFFF;
	text-decoration: none;
	width:199px;
	display:block;
	background-color: #0e3c5a ;
	padding: 3px 5px;
	margin: 0 0 1px 0;
	}
	#leftnav a:hover {
		color: #0e3c5a;
		background-color:#FFFFFF;
		}



.tagline {
	}


/*  =LOGIN AND SEARCH ----------------------------------  */

#login {
	margin: 1px 0 0 20px;
	width: 250px;
	float:left;
	display:block;
	}

.login-1 {
	background:url('../_img/login.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:109px;
	height:15px;
	padding: 0 0 0 7px;
	margin: 0 0 0 2px;
	}

.login-1focus {
	background:url('../_img/login_a.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:109px;
	height:15px;
	padding: 0 0 0 7px;
	margin: 0 0 0 2px;
	}
.login-2 {
	background:url('../_img/login2.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:97px;
	height:15px;
	padding: 0 0 0 2px;
	margin: 0 0 0 0;
	}

.login-2focus {
	background:url('../_img/login2_a.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:97px;
	height:15px;
	padding: 0 0 0 2px;
	margin: 0 0 0 0;
	}

.login-acct img {
	margin: 4px 0 -3px 2px;
}
.login-logout img {
	margin: 4px 0 -3px 0;
}

.search {
	background:url('../_img/search.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:212px;
	height:15px;
	padding: 0 0 0 7px;
	margin: 4px 0 0 2px;
	}

.searchfocus {
	background:url('../_img/search_a.gif');
	color:#0e3c5a;
	font-size:10px;
	border:0px;
	width:212px;
	height:15px;
	padding: 0 0 0 7px;
	margin: 4px 0 0 2px;
	}

.submit {
	background:url('../_img/submit_butt.gif');
	width: 15px;
	height: 20px;
	border: 0px;
	margin: 0 0 -0 0;
	padding: 0 0 0 0;
	}
	

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .login-1 {
		background:url('../_img/login.gif');
		color:#0e3c5a;
		font-size:10px;
		border:0px;
		width:109px;
		height:15px;
		padding: 0 0 0 7px;
		margin: 5px 0 0 2px;
		}
	.submit {
		background:url('../_img/submit_butt-safari.gif');
		width: 15px;
		height: 16px;
		border: 0px;
		margin: -4px 0 0 0;
		padding: 0 0 0 0;
		}	
}



/*  =FORMS  ----------------------------------  */

.butt-acct{
	width: 275px;
	border: #659841 1px solid;
	background-color: #c2d5b5;
	padding: 1px 0;
	margin: 3px 0 0 0;
	text-transform: uppercase;
	-moz-border-radius: 5px;

	}
	.butt-acct:hover {
		background-color: #dee9d7;
		}

/*  =STORYBLOCK  ----------------------------------  */

#storyblock-nav {
	height: 24px;
	width: 410px;
	margin: 1px 0 0 0;
	background-color: #c2d5b5;
	color:#000000;

	}
	
	#storyblock-nav ul {
		margin: 0 0 0 3px;
		height: 24px;
		padding: 4px 0 0 0;
		border-left: #FFFFFF 1px solid;
		white-space: nowrap;
		}
		#storyblock-nav li {
			display: inline;
			background-color: #c2d5b5;
			
			padding: 0;
			}
			#storyblock-nav a{
				padding: 5px 15px;
				border-right: #FFFFFF 1px solid;
				margin: 0 0 0 -4px;
				}
			#storyblock-nav a:link, #storyblock-nav a:visited {
				color: #000000;
				background-color: #c2d5b5;
				text-decoration: none;
				}
			#storyblock-nav a:hover {
				background-color: #dee9d7;
				}
				

/*  =CONTENBLOCK  ----------------------------------  */
				
.contentblock-nav {
	height: 24px;
	width: 299px;
	margin: 1px 0 0 0;
	background-color: #c2d5b5;
	color:#000000;
	overflow: hidden;
	}
	
	.contentblock-nav ul {
		margin: 0 0 0 3px;
		padding: 4px 0 0 0;
		border-left: #FFFFFF 1px solid;
		white-space: nowrap;
		}
		.contentblock-nav li {
			display: inline;
			background-color: #c2d5b5;
			padding: 0;
			}
			.contentblock-nav a{
				padding: 5px 10px;
				border-right: #FFFFFF 1px solid;
				margin: 0 0 0 -4px;
				}
			.contentblock-nav a:link, .contentblock-nav a:visited {
				color: #000000;
				background-color: #c2d5b5;
				text-decoration: none;
				}
			.contentblock-nav a:hover {
				background-color: #dee9d7;
				}
			.contentblock-nav-active {
				background-color: #dee9d7 !important;
				} 
				
			
		
/*  =TABS  ----------------------------------  */


.ui-tabs { 	
	margin: 1px 0 0 0;
	background-color: #c2d5b5;
	color:#000000; 
	height: 24px;
	}
.ui-tabs .ui-tabs-nav { 		
	margin: 0 0 0 3px;
	height: 24px;
	padding: 4px 0 0 0;
	border-left: #FFFFFF 1px solid;
	white-space: nowrap; }
.ui-tabs .ui-tabs-nav li { 			
	display: inline;
	padding: 0;}
.ui-tabs .ui-tabs-nav li a { 
	padding: 5px 15px;
	border-right: #FFFFFF 1px solid;
	margin: 0 0 0 -4px; }
.ui-tabs .ui-tabs-nav li a:link, .ui-tabs .ui-tabs-nav li a:visited  {
	color: #000000;
	background-color: #c2d5b5;
	text-decoration: none;
	}
.ui-tabs .ui-tabs-nav li a:hover{
	background-color: #dee9d7;
	}

.tabs .ui-tabs-nav li.ui-tabs-selected { 
	background-color: #dee9d7 !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text; 
	background-color: #dee9d7 !important; }
.ui-tabs .ui-tabs-nav li a { 
	cursor: pointer; } 
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; background-color: #FFFFFF;}
.ui-tabs .ui-tabs-hide { display: none !important; }












.storylistmain li {
	height: 80px;
	margin: 0 0 10px -4px ;
	}
	.storylistmain li a {
		width: 386px;
		height: 80px;
		padding: 0 10px 0 0;
		}
.storylistmain img {
	float:left;
	margin: 0 10px 0 0;
	}

#storylist-tabs {
	width: 409px;
	}
						
.tabs {
width: inherit;
	height: 24px;
	margin: 0;
	padding: 0;
	}	
	.story-tab-content {
		margin: 0 0 0 0px;
		padding: 0 !important;
	
		}

#os-related {
	height: 24px;
	margin: 0;
	padding: 0;
	}