@import url(/common/css/reset.css);
@import url(/common/css/type.css);
@import url(/common/css/grid.css);
@import url(/common/css/layout.css);

/*===================[GENERIC]===================*/
.txtrep{ text-indent: -9999px; }
legend{ display: none; }
.clickable.over{ cursor: pointer; }

a{ color: #2B79A6; text-decoration: underline; }
a:hover{ text-decoration: underline;  }

#main-col a{ color: #409dd2; text-decoration: underline; }
	#main-col a:hover{ color: #2b79a6; }
	
#main-col .breadcrumbs{ text-transform: uppercase; color: #9C9C9C; }
	#main-col .breadcrumbs a{ color: #9C9C9C; text-decoration: none; }
	#main-col .breadcrumbs a.active{ color: #16264C; text-decoration: none; }

#main-col h2 a{
	position: absolute;
	top: 0px;
	right: 30px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #C2C2C2;
}
	#main-col h2 a:hover{
		color: inherit;
	}

/*===================[Header]===================*/
#header{
	background: transparent url(/common/img/header_colpattern.png) repeat-y;
}
	#masthead{
		background: #fff url(/common/img/background_twotone.png) repeat-y;
	}
		#masthead h1{
			background: transparent url(/common/img/h1.png) no-repeat;
		}
		#meta #search,
		#search-form-search{
			background: #a84124;
		}
			#search input,
			#search-form-search input{
				background: #fff;
				color: #471B0F;
			}
			#search .submit,
			#search-form-search .submit{
				background: transparent url(/common/img/button_search.png) no-repeat;
				text-indent: -9999px;
			}
		ul#resources li{
			float: left;
		}
			ul#resources li a{
				text-decoration: none;
				border-left: 1px solid #e98032;
				color: #e98032;
				font-size: 1.0em;
				text-transform: uppercase;
				line-height: 0.8em;
				font-family: "News Gothic", "Calibri", Helvetica, Arial, "MS Trebuchet", sans-serif;
			}
				ul#resources li a.last{
					border-left: none;
				}
			#search-and-resources ul li a:hover,
			#search-and-resources ul li a.active{
				color: #a84124;
			}
			
	ul#navigation{
		background: #fff;
		border-bottom: 2px solid #16264c;
	}
		ul#navigation li{}
			ul#navigation li a{
				font-family: "News Gothic", "Calibri", Helvetica, Arial, "MS Trebuchet", sans-serif;
				color: #999;
				font-size: 15px;
				font-weight: bold;
				display: block;
				height: 11px;
				padding: 8px 1.75em;
				text-transform: uppercase;
				text-decoration: none;
			}
			ul#navigation li a:hover, ul#navigation li a.active{
				border-bottom: 0.5em solid #017dc3;
				color: #017dc3;
			}
			
			ul#navigation ul{ background-color: rgba(1,125,195,0.85); }
				ul#navigation ul li{
					text-indent: 0px;
					background-image: none;
				}
				ul#navigation ul.child li{
					border-bottom: 0.1em solid #7db8d8;
				}
				ul#navigation ul.child li.last-child {
					border-bottom: 0;
				}
					ul#navigation ul.grandchild{
						border-top: 0.1em solid #7db8d8;
					}
						ul#navigation ul.grandchild li{
							border-bottom: none;
						}
					ul#navigation ul a{
						color: #c3def5;
						background-image: none;
						text-decoration: none;
						font-size: 12px;
						font-weight: normal;
						border: none;
						height: auto;
						padding: 0px;
						font-size: 1.2em;
					}
					ul#navigation ul a:hover, ul#navigation ul a.active{
						border: none;
						border-bottom: none;
						color: #fff;
					}
					ul#navigation ul a.active{ font-weight: bold; }

#footer{
	background: transparent url(/common/img/background_twotone_footer.png) repeat-y;
	font-family: Georgia, serif;
}
	#footer .meta{
		text-transform: uppercase;
		color: #a6a6a6;
		border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		background: #fff url(/common/img/background_twotone.png) repeat-y;
	}
		#footer .meta p, #footer .meta a{
			color: #a6a6a6;
			text-decoration: none;
		}
		#footer .meta .credit {
			float: right;
			padding-right: 0.5em;
		}


/*===================[Breadcrumbs]===================*/
#breadcrumb-wrapper{
    background-color: #f7f7f7;
    margin-bottom: 18px;
}
    #breadcrumbs{
    	float: left;
    }
    	#breadcrumb-wrapper li{
    		float: left;
    	}
    		#breadcrumb-wrapper li a{
    			display: block;
    			padding: 0px 8px;
    			text-decoration: none;
    			text-transform: uppercase;
    			font-weight: bold;
    			color: #555555;
    			height: 20px;
    			line-height: 20px;
    		}
    		#breadcrumb-wrapper li.highlighted a{
    			padding: 0px 20px 0 15px;
    			color: #fff;
    		}
    		#breadcrumb-wrapper li.item1 a{ background: #70b4da url(/common/img/breadcrumb-step1.png) no-repeat right top; }
    		#breadcrumb-wrapper li.item2 a{ background: #7accfb url(/common/img/breadcrumb-step2.png) no-repeat right top; }
    		#breadcrumb-wrapper li.item3 a{ background: #99cae8 url(/common/img/breadcrumb-step3.png) no-repeat right top; }
    		#breadcrumb-wrapper li.item1.last a{ background: #70b4da url(/common/img/breadcrumb-step1-last.png) no-repeat right top; }
    		#breadcrumb-wrapper li.item2.last a{ background: #7accfb url(/common/img/breadcrumb-step2-last.png) no-repeat right top; }

/*===================[RHS Navigation]===================*/
#right-navigation{
	text-transform: uppercase;
	margin-bottom: 25px;
}
	#right-navigation a{
		display: block;
		text-decoration: none;
		font-size: 12px;
	}
	    #right-navigation .level1 a{}
		#right-navigation .level1 a,
		#right-navigation .level2 a{
			color: #fff;
			background: #017dc3;
			font-weight: bold;
			padding: 10px 7px;
		}
		    #right-navigation .level2 a{
		        background: #f7f7f7;
		        color: #555555;
		        font-weight: normal;
		        border-top: 1px solid #c2c2c2;
		    }
			#right-navigation .level2 .active a{
				background: #13a9fe;
				color: #fff;
				font-weight: bold;
				border-top: none;
			}
			    #right-navigation .level3{
			        background: none; 
			        padding-left: 7px;
			    }
			    #right-navigation .active .level3{
			        background: #e8f2f9;
			    }
    				#right-navigation .active .level3 a, #right-navigation .level3 a{
    				    font-size: 11px;
    				    font-weight: normal;
    				    padding: 7px 15px;
    				    color: #7d7d7d;
    				    background: #e8f2f9;
    				    border-top: 1px solid #dbe6ed;
    				}
    				#right-navigation .level3 a{
			           background: none; 
			           color: #8c8c8c;
			        }
			        #right-navigation .level3 .active a{
			            font-weight: bold;
			            background: #99cae8;
			            color: #fff;
			        }
    				#right-navigation .active .level3 .item1 a{
    				    border-top: none;
    				}
    				    
    				    #right-navigation .level4{
    				        background: #f7f7f7;
                        }
                            #right-navigation .active .level4 a, #right-navigation .level4 a{
                                background: none;
                                padding-left: 25px;
                                text-transform: none;
                                color: #7d7d7d;
                                font-weight: normal;
                            }
                            #right-navigation .level4 .active a{
        			            font-weight: bold;
        			            background: #fff;
        			            color: #99cae8;
        			        }


/*===================[Main Content]===================*/
#inner-wrapper{
	background: #fff url(/common/img/background_twotone.png) repeat-y;
	clear: both;
}
#left-col{}
	#left-col #magcover{
		display: block;
		border-top: 0.5em solid #017dc3;
		min-height: 317px;
		margin-bottom: 0px;
		font-family: "NewsGothicMT", Helvetica, Arial, "MS Trebuchet", sans-serif;
	}
		#left-col #magcover .copy-pad{
			margin-bottom: 0px;
		}
		#left-col #magcover p{
			color: #182b56;
			font-size: 1.1em;
			line-height: 1.4em;
			text-transform: uppercase;
			margin-bottom: 0.5em;
		}
			#left-col #magcover .coverlinks{
				
			}
				#left-col #magcover .coverlinks a{
					font-size: 1.0em;
					line-height: 1.2;
					color: #017dc3;
					display: block;
					text-decoration: none;
					text-transform: uppercase;
					font-weight: normal;
				}
				#left-col #magcover .coverlinks a:hover{
					text-decoration: underline;
				}
	#left-col #news .author{
		color: #959595;
	}
	
	#left-col #follow-us{}
		#left-col #follow-us h2{
			border-top-color: rgb(153, 202, 232);
		}
			#left-col #follow-us h2 a{
				text-decoration: none;
				color: rgb(153, 202, 232);
			}
		#left-col #follow-us ul{}
			#left-col #follow-us li{
				margin-bottom: 5px;
			}
			.tweet_text{
				display: block;
				overflow: hidden;
			}
			
		#follow-us #twitter{}
			#twitter h2 a{
				display: block;
				background: transparent url(/common/img/twitter_16.png) no-repeat right center;
			}
				#twitter li > a{
					padding-top: 2px;
					margin-top: 2px;
					border-top: 1px solid #ddd;
					display: block;
					text-decoration: none;
					color: #aaa;
				}
		#follow-us #delicious{}
			#delicious ul{ padding-left: 18px; }
				#delicious li{ list-style: disc outside none; }
			#delicious h2 a {
				display: block;
				background: transparent url(/common/img/delicious_16.png) no-repeat right center;
			}
	
#main-col{}
	#main-col #top-articles .four,
	#main-col #top-feed-articles .four{
		border-top: 0.5em solid #017dc3;
	}
	#main-col #top-feed-articles{
		border-bottom: 0.1em solid #c2c2c2;
	}
	div.share-links{
	    border-bottom:1px solid #C2C2C2;
        border-top-style:solid;
        border-top-width:5px;
        width: 100%;
        m/argin-bottom: 25px;
	}
		.share-links ul{
		    float: right;
	    }
	        .share-links ul li{
	            float: left;
	        }
    			#main-col .share-links ul li a{
    				display: block;
    				margin: 0.7em 0;
    				padding: 0 1.4em 0 2.2em;
    				color: #818181;
    				text-decoration: none;
    			}
    			.share-links ul li.send a{ background: transparent url(/common/img/share_links_send.png) no-repeat 9px center; }
    			.share-links ul li.print a{ background: transparent url(/common/img/share_links_print.png) no-repeat 9px center; }
    			.share-links ul li.share a{ background: transparent url(/common/img/share_links_share.png) no-repeat 9px center; }
    			
    			.share-links ul li.share{ position: relative; }
    			.share-links ul li.share ul{
    			    position: absolute;
    			    top: 0px;
    			    right: 0px;
    			    margin-top: 2.7em;
                    padding: 5px 0;
                    background: #70B4DA;
                    z-index: 9999;
    			    display: none;
    			}
    			.share-links ul li.share.active{
    			    background: #70B4DA;
    			}
    			    #main-col .share-links ul li.share.active a{
    			        color: #fff;
    			    }
    			.share-links ul li.share.active ul{
    			    display: block;
    			    border-top: 1px solid #5399BF;
    			}
        			.share-links ul li.share ul li{
        			    float: none;
        			    padding: 0;
        			    width: 125px;
        			}
        			    #main-col .share-links ul li.share ul a{
        			        padding: 0px;
        			        margin: 0px;
        			        background: none;
        			        color: #fff;
        			        padding-left: 29px;
        			        line-height: 24px;
        			    }
        			    #main-col .share-links ul li.share ul a.twitter{ background: transparent url(/common/img/twitter_16.png) no-repeat 7px center; }
        			    #main-col .share-links ul li.share ul a.facebook{ background: transparent url(/common/img/facebook_16.png) no-repeat 7px center; }
        			    #main-col .share-links ul li.share ul a.digg{ background: transparent url(/common/img/digg_alt_16.png) no-repeat 7px center; }
        			    #main-col .share-links ul li.share ul a.delicious{ background: transparent url(/common/img/delicious_16.png) no-repeat 7px center; }
        			    #main-col .share-links ul li.share ul a:hover{
        			        background-color: #5399BF;
        			    }
        			    
	
#right-col{
	background: #f7f7f7;
}
#footer{
	border-top: 0.5em solid #606060;
}

#left-col .date, #right-col .date{
	color: #555555;
	font-weight: normal;
}

/*===================[Gallery]===================*/
#gallerywrapper{}
	#gallerywrapper .innerwrap{ background-color: #16264c; }
		#gallerywrapper .gallery{
			background-color: #16264c;
			position: relative;
			color: #fff;
		}
			#gallerywrapper .gallery .gallery-position{
				position: absolute;
				z-index: 2;
				top: 0px;
				right: 0px;
			}
			#gallerywrapper .gallery .message{
				height: 50px;
				width: 100%;
				position: absolute;
				top: 50%;
				margin-top: -25px;
				text-align: center;
				line-height: 50px;
				color: #fff;
			}
			#gallerywrapper .gallery .message.loading{
				width: 50px;
				left: 50%;
				margin-left: -25px;
				background: transparent url(/common/img/spinner.gif) no-repeat center 10px;
				line-height: 70px;
				position: absolute;
				z-index: 1000;
			}
	
	#gallerywrapper .date{ color: #8a92a5; float: left; }
	#gallerywrapper .author{ font-size: 9px; line-height: 2; color: #ffffff; float: right; }
	#gallerywrapper h4{
		color: #ffffff;
		clear: both;
		margin-bottom: 5px;
	}
	#gallerywrapper .caption{
		text-align: center;
		color: #ffffff;
		line-height: 1.5em;
		padding: 10px 0;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 2;
		background: transparent url(/common/img/transparent_blue_90.png);
	}
	
	#gallerywrapper a.thumbnails,
	#gallerywrapper a.auto-player,
	#gallerywrapper a.view-full,
	#gallerywrapper a.more-galleries,
	#gallerywrapper ul.navigation a.prev,
	#gallerywrapper ul.navigation a.next{
		text-indent: -9999px;
		background: transparent url(/common/img/gallery_controls.png) no-repeat 0 0;
	}
	#gallerywrapper ul.navigation a.next.disabled, #gallerywrapper ul.navigation a.prev.disabled{ cursor: default; }
	
	#gallerywrapper a.thumbnails{ background-position: 0 0; }
	#gallerywrapper a.thumbnails:hover{ background-position: 0 -25px; }
	#gallerywrapper a.auto-player{ background-position: 0 -49px; }
	#gallerywrapper a.auto-player:hover, #gallerywrapper a.auto-player.active{ background-position: 0 -74px; }
	#gallerywrapper a.more-galleries{ background-position: 0 -98px; }
	#gallerywrapper a.more-galleries:hover{ background-position: 0 -123px; }
	#gallerywrapper a.view-full{ background-position: 0 -148px; }
	#gallerywrapper a.view-full:hover{ background-position: 0 -173px; }
	#gallerywrapper ul.navigation a.next, body #gallerywrapper ul.navigation a.next.disabled{ background-position: 0 -200px; border-left:1px solid #16264C; }
	#gallerywrapper ul.navigation a.next:hover{ background-position: 0 -225px; }
	#gallerywrapper ul.navigation a.prev, body #gallerywrapper ul.navigation a.prev.disabled{ background-position: 0 -250px; }
	#gallerywrapper ul.navigation a.prev:hover{ background-position: 0 -275px; }
	
	#gallerywrapper .thumbnail-pane{
		background: #16264C;
	}
	#gallerywrapper .thumbnail-slide-container{
		overflow: hidden;
		height: 7.0em;
		position: relative;
	}
		#gallerywrapper .thumbnail-pane li{
			margin: 0px 24px;
		}
		#gallerywrapper .thumbnail-pane li.thumb-navigation{
			margin: 0px;
			width: 24px;
			height: 6em;
			padding: 0.5em 0;
		}
			#gallerywrapper .thumbnail-pane li.thumb-navigation a{
				display: block;
				height: 100%;
				text-indent: -9999px;
				background: transparent url(/common/img/gallery_controls.png) no-repeat 0 0;
			}
			
			/* Prev button */
			#gallerywrapper .thumbnail-pane li.thumb-navigation a.prev,
			body #gallerywrapper .thumbnail-pane li.thumb-navigation a.prev.disabled{
				background-position: 0 -300px;
				/* border-right: 1px solid #fff; */
			}
			#gallerywrapper .thumbnail-pane li.thumb-navigation a.prev:hover{ background-position: -25px -300px; }
			
			/* Next button */
			#gallerywrapper .thumbnail-pane li.thumb-navigation a.next,
			body #gallerywrapper .thumbnail-pane li.thumb-navigation a.next.disabled{
				background-position: -50px -300px;
				/* border-left: 1px solid #fff; */
			}
			#gallerywrapper .thumbnail-pane li.thumb-navigation a.next:hover{ background-position: -75px -300px; }
			
			/* Disabled buttons */
			body #gallerywrapper .thumbnail-pane li.thumb-navigation a.prev.disabled,
			body #gallerywrapper .thumbnail-pane li.thumb-navigation a.next.disabled{ cursor:default; }
			
			
		#gallerywrapper .thumbnail-pane .thumbnail-slider li{
			border-color: #16264c;
			margin: 0 6px 0 0;
			width: auto;
			float: left;
		}
			#gallerywrapper ul.thumbnail-pane ul.thumbnail-slider a{
				position: relative;
				border: 1px solid #293F6F;
			}
			#gallerywrapper ul.thumbnail-pane ul.thumbnail-slider a.active, #gallerywrapper ul.thumbnail-pane ul.thumbnail-slider a:hover{
				border: 1px solid #475E8F;
			}
				#gallerywrapper ul.thumbnail-pane ul.thumbnail-slider a .loader{
					background: #16264C url(/common/img/spinner.gif) no-repeat center center;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
				}
				#gallerywrapper .thumbnail-pane .thumbnail-slider img{
					position: relative;
				}
		#gallerywrapper .thumbnail-pane .thumbnail-slider li.active{
			border-color: #4096CB;
		}


/*===================[Forms]===================*/
input, textarea, select{
	border: 0;
	outline: none;
	padding: 0px;
	margin: 0px;
}
form .errors{
	color: #A84124;
}
form .row{
	clear: both;
	margin-bottom: 15px;
}
	form .row .left, form .row .right{ width: 50%; }
	form .row .left .inputwrapper, form .row .left label{ margin-right: 10px; }
	form .row .right .inputwrapper, form .row .right label{ margin-left: 10px; }
	form .row .inputwrapper{
		border: 1px solid #c2c2c2;
		padding: 0 5px;
	}
		form .row label{
			display: block;
			padding: 3px 0;
			font-size: 12px;
		}
		form .row input, form .row textarea, form .row select{ padding: 5px 0; }
		form .row input, form .row textarea, form .row select{
			width: 100%;
			font: normal normal normal 12px/16px "NewsGothicMT", Helvetica, Arial, "MS Trebuchet", sans-serif;
		}
		form .row .button{
			width: auto;
			background-color: #017DC3;
			color: #fff;
			padding: 5px 10px 4px 10px;
			border-bottom: 1px solid #014B74;
		}
		form .row .button:hover{
			cursor: pointer;
		}

/*===================[COVERS]===================*/
ul#covers{}
	ul#covers li img{ display: block; }
	ul#covers li span.cover-image {
		display: block; 
		height: 171px;
	}
	ul#covers li span.cover-date{
		text-align: center;
		display: block;
		background-color: #16264c;
		line-height: 2.5em;
		color: #fff;
	}

/*===================[LHS SIDEBAR EVENTS]===================*/
ol.events{
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
	ol.events li{
		margin-bottom: 5px;
	}
		ol.events .month{
			color: #555555;
		}
		ol.events a{
			color: #000;
			text-decoration: none;
		}
		ol.events a:hover{
			text-decoration: underline;
		}

/*===================[Calendar]===================*/
#calendar{ margin-top: 18px; }
	#calendar .year-list{
		width: 100%;
		margin-bottom: 18px;
	}
	#calendar .year-list.top{
		border-top: 5px solid #409dd2;
	}
		#calendar .year-list li{
			float: left
		}
			#calendar .year-list span, #calendar .year-list a{
				padding: 0 5px;
			}
			#calendar .year-list .year{
				border-bottom: 1px solid #c2c2c2;
			}
				#calendar .year-list .year span{
					border-left: 1px dotted #409dd2;
					color: #ccc;
				}
			#calendar .year-list .month a{
				text-decoration: none;
			}
			#calendar .year-list .month a:hover, #calendar .year-list .month a.active{
				background: #409dd2;
				color: #fff;
			}
		#calendar .year-list li.month{
			border-top: 1px dotted #409dd2;
			width: 46px;
			padding: 5px 0;
		}
	#calendar .events{}
		#calendar .events li{
			margin-bottom: 18px;
		}
	#calendar .no-events{
		font-size: 18px;
		text-align: center;
		padding: 50px 0;
		color: #ccc;
	}




/*===================[POSTS / ARTICLES / PAGES]===================*/
.article-meta{}
.article-body{}	
	.article-body .article-images .gallery{
		border: 0.2em solid #16264c;
	}
	.article-body .article-images.editing{ padding-top: 1em; }
	.article-body .article-images.editing a{ border: none; }
	.article-main p {
		padding-bottom: 1em;
	}
	
	.article-main ul, .article-main ol {
		padding-bottom: 1em;
		padding-left: 1.5em;
	}
	.article-main ul li {
		list-style: disc;
		padding-bottom: 0.2em;
		list-style-position: inside;
	}
	.article-main ol li {
		list-style: decimal;
		padding-bottom: 0.2em;
		list-style-position: inside;
	}
	.article-main strong {
		font-weight: bold;
	}
	
	#landscape-image{ border: 0.2em solid #16264c; }
		#landscape-image img{ display: block; }



#email-friend-wrapper{
	width: 450px;
	margin: 0 auto;
	padding: 10px;
}

#email-friend-wrapper label{
	display: block;
	margin-top: 5px;
}
#email-friend-wrapper input, textarea{
	border: 1px solid #ccc;
	display: block;
	width: 100%;
}
#email-friend-wrapper .buttons{
	margin-top: 5px;
}
#email-friend-wrapper .buttons input{ width: auto; float: left; margin-right: 10px; }
#email-friend-wrapper h1 {
	border-top-style: solid;
	border-top-width: 5px;
	border-bottom: 1px solid #c2c2c2;
	height: 2.3em;
	font-size: 1.25em;
	line-height: 2.3em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "NewsGothicMT", Helvetica, Arial, "MS Trebuchet", sans-serif;
	position: relative;
	padding: 0 ;
	
	border-top-color: #004b75;
    color: #004b75;
}
#email-friend-wrapper input, #email-friend-wrapper textarea, #email-friend-wrapper select{
	width: 438px;
	border: 0;
	outline: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #c2c2c2;
	padding: 5px;
}
#email-friend-wrapper p.buttons {
}
	
#email-friend-wrapper p.buttons input {
	background-color: #017DC3;
	border-bottom: 1px solid #014B74;
	color: white;
	padding: 5px 10px 4px;
	width: auto;
}
#email-friend-wrapper p.buttons a {
	
}