/*
Theme Name: Extra Extra!
Description: Turn your student newspaper into a worldwide publication with this dynamic theme that looks and functions like an actual newspaper. Don’t forget to activate the Edit Flow plugin to manage the student editorial staff and their article development.
Theme URI: http://whipplehill.com
Author:	WhippleHill
Author URI: http://whipplehill.com
Template: espresso
Version: 1.2
License: GNU General Public License
License URI: license.txt
*/
@import url("../espresso/style.css");

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

.clear{
	height:0px;
	clear:both;
}

.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}

body{
	background:url(img/bg_texture_3.png) repeat #2568cd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:100px;
	color:#000;
	}
	a{
		color:#2b54a3;
		}
		a:hover{
			color:#444;
		}

		#content-area a{
			text-decoration:none;
			}
			#content-area a:hover{
				text-decoration:underline;
			}

	/*search styles */
	#searchform{
		width:auto;			
		}
		.widget_search div{
			padding: 0px;
		}
		#s{
			background: none;
			border: solid 1px #ccc;
			color: #333;
			font-family: Verdana;
			font-size: 12px;
			font-weight: bold;
			outline:none;
			width:65%;
			background: #fff;
			line-height:22px;
			height:22px;
			padding:0px;
			float: left;
			-moz-box-shadow: inset 0 0 5px #000000;
			-webkit-box-shadow: inset 0 0 5px #000000;
			box-shadow: inset 0 0 5px #000000;
		}
		#searchsubmit{
			background: #444;
			border: 0;
			float: left;
			color:#fff;
			padding: 0px 8px;
			line-height:24px;
			height:24px;
		}

	.h1-widget{
		padding:25px 0px 15px 0px;
		}
		.h1-widget li{
			float:right;
		}
		.h1-widget #s{
			width:60%;
		}


	#site-wrap{
		/*position:relative;*/

	}
	#bar{
		position:absolute;
		top:0px;
		left:0px;
		z-index: -3;
		width:100%;
		height:126px;
		display:none;
		background: #383838;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #383838 0%, #7c7c7c 25%, #7c7c7c 36%, #383838 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(25%,#7c7c7c), color-stop(36%,#7c7c7c), color-stop(100%,#383838));
		background: -webkit-linear-gradient(top,  #383838 0%,#7c7c7c 25%,#7c7c7c 36%,#383838 100%);
		background: -o-linear-gradient(top,  #383838 0%,#7c7c7c 25%,#7c7c7c 36%,#383838 100%);
		background: -ms-linear-gradient(top,  #383838 0%,#7c7c7c 25%,#7c7c7c 36%,#383838 100%);
		background: linear-gradient(top,  #383838 0%,#7c7c7c 25%,#7c7c7c 36%,#383838 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#383838',GradientType=0 );
		-webkit-box-shadow: 0px 5px 5px 0px #000;
		-moz-box-shadow: 0px 5px 5px 0px #000;
		box-shadow: 0px 5px 5px 0px #000;
		}
		
	#page-wrap{
		width:1000px;
		margin:0 auto;
	}
	#page-two,
	#page-three{
		position:absolute;
		border:solid 3px #fff;
		background:#f2f2f2;
		width:996px;
		}
		#page-two{
			z-index:-1;
			-webkit-transform:rotate(.5deg);
			-moz-transform:rotate(.5deg);
			-o-transform:rotate(.5deg);
			-ms-transform:rotate(.5deg);
			transform:rotate(.5deg);
		}
		#page-three{
			z-index:-2;
			-webkit-transform:rotate(1deg);
			-moz-transform:rotate(1deg);
			-o-transform:rotate(1deg);
			-ms-transform:rotate(1deg);
			transform:rotate(1deg);
		}
		html.ie8 #page-two,
		html.ie8 #page-three,
		html.ie7 #page-two,
		html.ie7 #page-three{
			display:none;
		}
	#site_bg{
		margin-top:50px;
		border:solid 3px #fff;
		background:#f2f2f2;
		padding:16px 16px 24px;
		}
		#site-border{
			border:solid 2px #e0e0e0;
		}

		.header-omni{
			border-bottom:solid 1px #b6b6b6;
			padding-top:10px;
			padding-bottom:3px;
			text-transform:uppercase;
			}
			.header-omni .date{
				font-family:helvetica;
				color:#444;
				padding:7px 0px;
				display:block;
				line-height:13px;
			}


			/*.header-omni .grid_5{
				background:#bada55;
			}
			.header-omni .grid_11{
				background:#888;
			}*/

			#nav-header-omni{
				width:auto;
				float:right;
				margin-right:10px;
			}

			.header_wrap{
				border-bottom:solid 7px #444;
			}

			/*** SKIN MENU AREA's ***/
			.espresso-menu{
				border-top:solid 1px #b6b6b6;
				border-bottom:solid 1px #b6b6b6;
				margin-bottom:30px;
			}
			.espresso-menu a,
			.espresso-menu a:visited,
			.espresso-menu-header-omni a,
			.espresso-menu-header-omni a:visited,
			.espresso-menu-widget a,
			.espresso-menu-widget a:visited{/* visited pseudo selector so IE6 applies text colour*/
				font-size:13px; 
				padding:7px 9px; 
				text-decoration:none;
				color:#696969;
				text-transform:uppercase;
			}

			.espresso-menu li:hover ul,
			.espresso-menu li.sfHover ul,
			.espresso-menu-header-omni li:hover ul,
			.espresso-menu-header-omni li.sfHover ul{
				top: 27px;
				left: 0;
			}

			.sf-menu li.sfHover ul{
				z-index:9999;
			}

			.espresso-menu li,
			.espresso-menu li li,
			.espresso-menu li li li{ }
			/* HOVER */
			.espresso-menu li:hover,
			.espresso-menu li.sfHover{ outline:0; }

			.espresso-menu li:hover a.a-level-1,
			.espresso-menu li.sfHover a.a-level-1,
			.espresso-menu-widget li:hover a.a-level-1,
			.espresso-menu-widget li.sfHover a.a-level-1,
			.espresso-menu-header-omni li:hover a.a-level-1,
			.espresso-menu-header-omni li.sfHover a.a-level-1{ 
				outline:0;
				color:#fff;
				background: #2b55a4;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNTVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzI4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #2b55a4 0%, #13284f 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b55a4), color-stop(100%,#13284f));
				background: -webkit-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: -o-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: -ms-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b55a4', endColorstr='#13284f',GradientType=0 );

			}
			/* ON Level 1 LI */
			.espresso-menu .li-level-1.current-menu-item,
			.espresso-menu .li-level-1.current-menu-ancestor{  }
			/* ON Level 1 A */
			.espresso-menu .li-level-1.current-menu-item .a-level-1,
			.espresso-menu .li-level-1.current-menu-ancestor .a-level-1,
			.espresso-menu-widget .li-level-1.current-menu-item .a-level-1,
			.espresso-menu-widget .li-level-1.current-menu-ancestor .a-level-1,
			.espresso-menu-header-omni .li-level-1.current-menu-item .a-level-1,
			.espresso-menu-header-omni .li-level-1.current-menu-ancestor .a-level-1{ 
				color: #fff;
				background: #2b55a4;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNTVhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzI4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #2b55a4 0%, #13284f 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b55a4), color-stop(100%,#13284f));
				background: -webkit-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: -o-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: -ms-linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				background: linear-gradient(top,  #2b55a4 0%,#13284f 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b55a4', endColorstr='#13284f',GradientType=0 );

			}


			/* SUB MENU FOR BOTH WIDGET AND REGULAR MENU */
			.sub-menu{ background: #dfdfdf; }

			.sub-menu a:hover{
				color:#000;
			}

			/*** SKIN MENU AREA's ***/
			.espresso-menu-widget{ float: right; }
			.espresso-menu-widget a,
			.espresso-menu-widget a:visited{/* visited pseudo selector so IE6 applies text colour*/
				font-size:13px; 
				padding:7px 9px; 
				text-decoration:none;
			}

			.espresso-menu-widget li:hover ul,
			.espresso-menu-widget li.sfHover ul{
				top: 30px;
				left: 0;
			}

			.espresso-menu-widget li,
			.espresso-menu-widget li li,
			.espresso-menu-widget li li li{ }
			/* HOVER */
			.espresso-menu-widget li:hover,
			.espresso-menu-widget li.sfHover{ outline:0; }

			.espresso-menu-widget li:hover a,
			.espresso-menu-widget li.sfHover a{  outline:0; }
			/* ON Level 1 LI */
			.espresso-menu-widget .li-level-1.current-menu-item,
			.espresso-menu-widget .li-level-1.current-menu-ancestor{  }
			/* ON Level 1 A */
			.espresso-menu-widget .li-level-1.current-menu-item .a-level-1,
			.espresso-menu-widget .li-level-1.current-menu-ancestor .a-level-1{ color: #000; }


			#featured{
				border-bottom:solid 2px #b6b6b6;
				margin-bottom:20px;
				position:relative;
				}
				#featured article{
					margin:0px 0px 10px 0px;
					min-height:200px;
				}
				#featured img{
					border:solid 2px #444;
					margin:0px 10px 10px 0px;
					float:left;
				}
				#featured .entry-title,
				#featured .entry-title a{
					font-size:19px;
				}
				#featured-items li{
					width:940px;
				}

				#canvas-container{
					width:40px;
					height:40px;
					position:absolute;
					left:5px;
					bottom:15px;
					z-index:100000;
					display:none;
					}
					#canvas{
						position:absolute;
						top:0px;
						left:0px;
						width:40px;
						height:40px;
					}
					#play-pause{
						display:block;
						position: absolute;
						top:0px;
						left:0px;
						width:40px;
						height:40px;
						text-indent:-9999px;
						background:url(img/pause.png) no-repeat center center;
						opacity: 0.6;
						-moz-opacity: 0.6;
						filter:alpha(opacity=6);
						}
						#play-pause.play{
							background:url(img/start.png) no-repeat center center;
						}


			.category-container{
				width:100%;
				}
				.category-container-inner{

					}
					.category-container .hentry{
						margin:0px 0px 15px;
					}
				.category-container.even .category-container-inner{
					padding-top:15px;
				}

			.category-container.even{
				border-top:solid 7px #b6b6b6;
				}
				.category-container.even .category-container-inner{
					background:#e6e6e6;
					border-top:solid 3px #f2f2f2;
				}
				
				.category-section{
					width:50%;
					float:left;
					}
					.category-section-inner{
						padding:0px 20px 0px 10px;
					}
					.category-section.even .category-section-inner{
						padding:0px 10px 0px 20px;
					}

			.entry-header{
				margin:0px;
				}
				.entry-content{
					margin:0px;
				}

				.category-title,
				.category-title a,
				.entry-title,
				.entry-title a{
					color:#2b54a3;
					font-family:Georgia, serif;
				}

				.category-title,
				.category-title a{
					font-size:19px;
				}

				.entry-title,
				.entry-title a{
					font-size:16px;
				}
				.cat-link{
					float:right;
					margin-bottom:10px;
					font-style:italic;
				}

		.category-top-story{
			width:48%;
			float:left;
			border-top:solid 7px #444;
			padding-top:3px;
			}
			.category-top-story img{
				margin-bottom:10px;
				border:solid 2px #444;
			}
			.category-top-story.even{
				margin-right:10px;
			}
			.category-top-story.odd{
				margin-left:10px;
			}




	#sidebar1,
	#sidebar2{
		background:#e6e6e6;
		}
		#sidebar1 .sidebar1_inner,
		#sidebar2 .sidebar2_inner{
			padding:10px;
		}

		.widget-container{
			border:none;
			padding:0px;
			font-size:12px;
			}
			.widget-title{
				border:none;
			}
			.widget-container-footer{
				padding:10px;
				}
				.widget-title-footer{
					border:none;
				}

#footer{
	position:relative;
}

#footer-text{
	position:absolute;
	min-width:700px;
	height:35px;
	bottom:-30px;
	right:-75px;
	background:url(img/pencil.png) top right no-repeat;
	line-height:35px;
	
	
	}
	.pencil-text{
		max-width:515px;
		overflow:hidden;
		text-align:right;
		padding-right:85px;
		padding-left:85px;
		height:35px;
	}

	#eraser{
		background:url(img/eraser_2.png) no-repeat;
		width:225px;
		height:84px;
		position:absolute;
		bottom:-50px;
		left:-70px;

		-webkit-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-o-transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	#social{
		padding:3px 40px 3px 25px;
		}
		#social li{
			display:inline;
			}
			#social li a{
				display:block;
				width:26px;
				height:26px;
				background:#747474;
				border-radius:4px;
				color:#fff;
				text-align: center;
				text-decoration:none;
				line-height:26px;
				margin-top:5px;
				margin-right:6px;
				font-family:Arial;
				font-size:20px;
				float:left;
				
				font-family:'IcoMoon';
			}