/***********************************
	MAIN.CSS
	This file is for elements that appear on all Goldsboro News-Argus pages
***********************************/

/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/

/*
Background color: #3D3D99
lighter: #4D4DBF
darker: #2E2E73
even darker: #1D1D49
darkest: #101029
*/

/**************************
BODY
**************************/
html,body,p,div,span,ul,ol,li,dl,dd,dt,
form,fieldset,img,h1,h2,h3,h4,h5,h6 /*Sets padding and margin to 0 for most values*/
{
	padding: 0;
	margin: 0;
	border: 0;
}

body, html {
/*	margin: 0.5em; */
	background-color: #3D3D99;
	color: #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 750px;
}

body {
	font-size: 90%;
	padding: .5em 0.4em 1em 0.4em;
}

.clear { clear: both; }

#handheld { display: none; }

@media handheld,only screen and (max-device-width: 480px) {
	#handheld {
		display: block;
		text-align: left;
		margin: 0.5em;
		font-size: medium;
	}
	
	#handheld a {
		color: white;
	}
}

#mainContainer {
	background-color: #FFF;
	margin-right:10px;
}

/*
#page {
	padding-right: 10px;
	background-image: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/rightshade2-trans.png); 
	text-align: left;
	border-left: 1px solid #005;
	max-width: 990px;
	min-width: 750px;
	margin: 0 auto;
	background: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/rightshade.gif) right repeat-y;
}

*/



#page {
	text-align: left;
	margin: 0 auto;
	max-width: 990px;
	min-width: 750px;
	border-left: 1px solid #005;
	background: white url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/rightshade.gif) right repeat-y;
}

#page:before {
    display: block;
    line-height: 0;
    background: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/cornershade.gif) top right no-repeat;
	height: 11px;
	max-width: 990px;
	min-width: 750px;
	margin-top: -1px;
	margin-bottom:-11px;
	content: ' ';
}

#page:after {
    display: block;
    line-height: 0;
    border-left: 1px solid #3D3D99;;
    margin-left: -1px;
    background: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/botshade.gif) bottom right no-repeat;
	max-width: 990px;
	min-width: 750px;
    content: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/botleftshade.gif);

}

/**************************
HEADER
**************************/
#header {
	padding: 0;
	background-image: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/headershade-blue.png); 
	background-repeat: repeat-x; 
	border-top: 1px solid #005;
	background-color: #3D3D99;
}

#logo {
	float: left;
	display: block;
	width: 270px;
	padding: 10px 0 0 10px;
	font-size: small;
	color: white;
/* Uncomment this for All-Additional content to work in IE7 */
/* Comment this to make logo appear properly on print style */
	position: absolute; 
}

#additional {
	display: block;
	text-align: center;
	margin: 0;
	margin-left: 210px;
	height: 70px;
	padding-top: 5px;
}

#additional {
	margin: 0 auto;
	position: relative;
}

#announcement {
	float:left;
	position:absolute;
	text-align:center;
	width: 100%;
	min-width: 785px;
	max-width: 985px;
	top: 10px;
	left: 5px;
}

#banner {
	width: 100%;
	clear: both;
	margin: 0 auto;
	padding: 3px 0;
	text-align: center;
}


/* This css partially from examples from http://www.alistapart.com/articles/slidingdoors/ */

#navbar {
	float: left;
	padding: 0;
	padding-top: 8px;
	margin: 0;
	width: 100%;
	line-height: normal;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #3D3D99;
	
}

#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navbar li {
	float:left;
	background: #3D3D99;
	margin:0;
	padding:0;
	border-bottom:1px solid #000040;
	border-left:1px solid #3030BF;
	border-right:1px solid #000040;
	border-top: 1px solid #24246E;
}

#navbar a {
	float: left;
	display:block;
	padding:5px 5px 4px 5px;
	text-decoration:none;
	font-weight:bold;
	color: white;
}

/* Using child selector to prevent IE6 "bounce" effect (seriously) */
#navbar li > a:hover {
	background-color: #5252CC;
}

#navbar #current {
	background-color: #83BCFF;
	border-bottom: 0;
}

#navbar #current a {
	background-color: #83BCFF;
	color: #101029;
	padding-bottom:5px;
}

#navbar li#morenav {
	position:absolute;
	left:-99999px;
}
	
.navhelp{
	padding:5px;
	margin: 0 -1px 0.5em;
	font-family: "Trebuchet MS", trebuchet, helvetica;
	font-weight: bolder;
	font-size: x-small;
	border: 1px solid #777;
}

.nosides .navhelp {
	margin: 0.5em;
}
	
#pagedesc,
#miscfeatures {
	padding: 0;
	margin: 0;
	display: block;
	width: 75%;
	float: left;
	height: 25px;
	background-color: #5984F0;
	background-image: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/descfade2.png);
	background-position: 0 0;
}

#pagedesc p,
#miscfeatures p {
/* 	padding: 5px 0; */
	line-height: 25px;
	height: 25px;
	padding: 0 10px;
	/* color: #292967; */
	color: #101029;
	font-size: 12px;
	font-family: "Trebuchet MS", trebuchet, helvetica;
	border-right: 1px solid #5064E4;
	text-align: center;
	float: left;
	overflow: hidden;
}

#pagedesc.alone {
	width: 100%;
}

#pagedesc p {
	border-right: none;
}

/*
p#date {
	width: 16em;
}
*/


#miscfeatures img {
	vertical-align: middle;
	margin-top: -2.5px;
	padding-right: 5px;
}

#miscfeatures a {
	color: black;
}

#sitesearch {
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	width: 25%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-size: 0.8em;
	font-family: "Trebuchet MS", trebuchet, helvetica;	
	background-color: #5984F0;
	background-image: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/descfade2.png);
	color: white;
	text-align: right;
/*	padding-bottom: -2px;*/
}

#sitesearch p {
	width: 100%;
	line-height: 25px;
	height: 25px;
	text-align: right;
	display: block;

}



#sitesearch p label,
#sitesearch p input {
	display: inline;
}


#sitesearch #words,
#sitesearch #search {
	width: 6em;
	background: #BDBDFF;
	border: 1px solid #3D3D99;
	font-size: x-small;
	margin-left: 2px;
	margin-right: 5px;
}

#sitesearch .submit {
/*
	background:#FFCC33 url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com//files/theme/submit.png) repeat-x scroll 0pt 100%;
*/
	background: #3D3D99;
	border:1px solid white !important;
	color: white;
	font-family:Tahoma,Verdana,"Lucida Sans Unicode",Helvetica,Arial,sans-serif;
	font-size: x-small;
	font-weight:bold;
	text-transform:uppercase;
	width:auto !important;
	line-height: 1em;
	padding: 0.05em 0.4em;
}

#sitesearch input[type=hidden] {
	display: none !important;
}
#sitesearch h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
}
/*

#sitesearch form, #sitesearch p, #sitesearch a, #sitesearch input {
	display: inline;
}
*/

#sitesearch a {
	color: white;
	text-decoration: underline;
	margin: 0 1em;
}

#sitesearch a:hover {
	color: #DDD;
}


/**************************
CONTENT AND COLUMNS
**************************/

.outer {
	border-left: 130px solid #fff; /*** This is the width and the color for our left column ***/
	border-right: 165px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}

/* column removal classes */
.l-only .outer { border-right: 1px solid #fff; }
.r-only .outer { border-left: 1px solid #fff; }
.nosides .outer { border: 1px solid #fff; }

.inner {
width: 100%; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
	float: left;
	width: 100%;
	margin-left: -130px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
	float: right;
	margin-right: -140px;  /*** Same length as .outer border-left but with negative value ***/
	width: 100%;
/*	background-color: #FFF;*/
}
* html #content {
	position: relative;
}

.contentWrap{
/*	background-color: #FFF;*/
	padding: 5px 15px 0 0; 
}

#nav3 .navbox h3 {
	background: #FFF;
}

#nav2 .navbox {
	width: 128px;
}

.navbox, .module{
	margin: 0 0 8px 0.2em;
	padding: 0;
	background-color: white;
	color: black;
	font-size: 11px;
	font-family: "Trebuchet MS", trebuchet, helvetica;
	border: 1px solid gray;
	font-weight: bold;
}

.navbox h2, 
.navbox h3, 
.module h3 {
	font-size: 12px;
	margin: 0 0 0.5em 0;
	padding: 0.25em;
	text-align: center;
	background-color: #3D3D99;
	position: relative; /* needed for IE6 */
	color: white;
}

.navbox p, .module p{
	margin: 0.25em 0.25em 0.5em 0.25em;
	padding: 0;
	text-align: left;
}

.navbox form{
	margin: 0.25em;
	text-align: center;
	line-height: 2em;
}

.navbox input{
	margin: 4px 0 0 0;
	padding: 0 0.2em;
	font-size: 11px;
	font-family: "Trebuchet MS", trebuchet, helvetica;
}

.navspecific div{
	/* border: 1px dotted gray; */
}




/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#nav2 {
	float: left;
	width: 130px;
	min-height: 250px;
	padding-top: 5px;
	position: relative;
	z-index: 50;
}
* html #nav2 {
	position: relative;  /*** IE needs this  ***/
	height: 250px;
}


ul#navmenu {
	margin: 0 0.2em;
	padding: 0;
	background-color: white;
	color: black;
	font-size: 11px;
	font-family: "Trebuchet MS", trebuchet, helvetica;
	font-weight: bold;	
	width: 100%;
	list-style: none;
}

ul#navmenu ul {
	background-color: white;
}
ul#navmenu li {
	font-size: 12px;
	margin: 0 0 0.5em 0;
	padding: 0;
	text-align: center;
	background-color: white;
/*
HIDES ALL IN IE!
	position: relative;
*/
	border: 1px solid gray;
	display: block;

}

ul#navmenu a {
	text-align: center;
	background-color: #3D3D99;
	color: white;
	width: 100%;
	display: block;
	padding: 0.25em 0;
	cursor: default;
}

ul#navmenu a:hover {
	text-decoration: none;
}


ul#navmenu li li {
	margin: 0.25em 0.25em 0.5em 0.25em;
	border: 0;
	list-style: none;
	display: block;
	color: black;
	font-size: 11px;
	text-align: left;
}

ul#navmenu li li a {
	font-size: 11px;
	padding: 0;
	text-align: left;
	background: white;
	color: #3D3D99;
	display: inline;
	
}

ul#navmenu li li a:hover {
	color: green;
	text-decoration: underline;
	cursor: pointer;
}

ul#navmenu li li.new {
	min-height: 41px;
	padding-left: 45px;
	background-image: url(/graphics/New.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
}

/*ul#navmenu li.new a { background-color: #600; }*/

ul#navmenu li.new li a { background-color: #FFF; }


#buttoncontainer {
	text-align: center;
	margin: 0.5em 0;
/*
	text-align: right;
	margin-top: -3px;
	margin-right: 3px;
*/
}

/*************************
RIGHT COLUMN
**************************/
#nav3 {
	float: right; 
	width: 165px;
	min-height: 250px;
	padding: 0;
	text-align: center;
	margin-right: -165px; /** This negative margin-right value is the width of the right column + the padding, in this example 160px. ***/
	font-size: 75%;
	

	padding-top: 5px;
}

#nav3 a img {
	margin-bottom: 1em;
}

* html #nav3 {
	height: 250px;
	position: relative;  /*** IE needs this  ***/
}



/*
#nav3 form {
	background: #3D3D99;
	text-align: center;
	height: 24px;
	line-height: 24px;
}
*/

#nav3 label {
	color: white;
	font-family: Arial,Helvetica,Sans-serif;
}

#nav3 select {
	font-size: 85%;
}




/**************************
FOOTER
**************************/
#footer {
	text-align: center;
	max-width: 990px;
	min-width: 750px;
	margin: 1em auto 0.5em;
	font-family: arial, helvetica;
	font-size: 75%;
}

/* Float clear for IE8 */
#footer:after {
	visibility: hidden;
	content:'.';
	width: 0;
	height: 0;
	display: block;
}

#page #footer a {
	color: #3D3D99;
}

#footernav {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#footernav ul, #footernav ul li {
	list-style: none;
}

#footernav ul {
	text-align: center;
	margin-bottom: 0.5em;
}

#footernav a {}

#footernav ul li {
	padding: 0pt 0.15em 0pt 0.4em;
	display: inline;
	border-left: 1px solid #AAA;
}

#footernav ul li.alt {
	border-left: 0;

}

/**************************
DETAILS
**************************/

#ad-skyscraper  { text-align: right; }
#ad-button  { text-align: center; }

/* Links */
a {	text-decoration: none; }
a:link {	color: #3D3D99; }
a:visited { color: #3D3D99; }
a:active { 	color: #F00; }
a:hover {	color: #3D3D99;
text-decoration: underline; }

/* Image links */
a img { border: 0; }


#footer a {
	color: white;
}

#cornerfix {
	display: block;
	position: relative;
	top: -66px;
	right: -10px;
	float: right;
	width: 10px;
	height: 10px;
	background-color: #3D3D99;
	background-image: url(http://wayne-printing-inc-co-graphics.s3.amazonaws.com/cornershade-trans.png);
}

#weather_alert {
	color: white;
	text-align: left;
	font-size: .8em;
	line-height: 1.2em;
	border: 1px solid red;
	position: absolute;
	left: 230px;
	top: 6px;
	right: 190px;
	padding: 3px;
	height: 58px;
	overflow:  auto;
}

#weather_alert a {
	color:#83BCFF;
	text-decoration:underline;
}