/*
	===========================
	DSJ Online Style Sheet

	Media: Screen
	Author: Joe Dombroski, Ryan Powers
	Last Updated: April 2007
	===========================
	*/

	/*
	#column2 p.picture-topstory-H {
		float: left;
		width: 100%;
		margin: 0 5px 20px 0;
		font-size: 70%;
		font-style: italic;
		}
	#column2 p.picture-topstory-V {
		float: left;
		width: 100%;
		margin: 0 5px 20px 0;
		font-size: 70%;
		font-style: italic;
		}
	#column2 p.picture-topstory-H a img, #column2 p.picture-topstory-H img {
		width: 250px;
		border: none;
		}
	#column2 p.picture-topstory-V a img, #column2 p.picture-topstory-V img {
		width: 250px;
		border: none;
		}
		*/

	/*--- GLOBAL PROPERTIES --*/

		* {
			margin: 0;
			padding: 0;
		/*	border: solid 1px red; */
			}
		body {
			text-align: center; /* This is a hack to center #container in IE */
			font-family: Georgia, Arial, sans-serif;
			background-color: #fff;
			font-size: 100%;;
			color: #000;
			}

		h1 {
			background-image: url('');
			background-color: #fc3;
			color:#000;
			clear: both;
			text-transform: uppercase;
			
			padding:5px 0px 5px 5px;
	font: normal 75% Arial, Helvetica, Geneva, sans-serif;
}
		h2 {
			clear: both;
			font-size: 175	%;
			font-weight: normal;
			margin-top: 10px;
		}
		h2 a {
			text-decoration: none;
			color: #000;
		}
		h2 a:visited {
			text-decoration: none;
			color: #000;
		}
		h2 a:hover {
			color: #fc3;
		}


			
		p {
			font-size: 14px;
			margin-top: 10px;
			line-height: 160%;
			text-align:left;
			}
		ol {
			margin-left: 30px;
			}
			ul {
	margin-left:20px;

	font-size:90%;
}

	/*--- Links ---*/
		a {
			color: #00f;
			}
		a:hover {
			color: #fc3;
			}
		a:visited {
			color: #808;
			}
		a img {
			border: none;
			}

/*		a.home {
			display: block;
			width: 100%;
			height: 125px;
			}*/
	/*---Columns--*/
		.column-1{
			float: left;
			margin: 0 4px;
			width: 120px;
		}

		.column-1 a{
			color: #000;
			text-decoration: none;
		}

		.column-2{
			float: left;
			margin: 0 4px;
			width: 255px;
			padding-left:5px;
			border-left: 1px #ccc solid;
		}
		.column-3{
			float: left;
			margin: 0 4px;
			width: 370px;
			
		}
		.column-4{
			
			float: left;
			margin: 0 4px;
			width: 490px;
		}
		.column-5{
			float: left;
			margin: 0 4px;
			width: 640px;
		}
		.column-6{
			float: left;
			margin: 0 4px;
			width: 770px;
		}
		.row {
			clear: both;
			margin: 20px 0 30px 0;
			text-align: left;
			width: 100%;
		}
	/*---Layout---*/
	.container {
		margin: 0 auto;
		text-align: left;
		width: 780px;
	}
	#header {
		background: #fff url(http://www.dogstreetjournal.com/images/header/background2.jpg) repeat-x;
		height: 100px;
		margin-top: 0px;
		text-align: left;
		width: 100%;
	}

	#navigation {
		border-bottom: solid 1px #ccc;
		clear: both;
		font-family: Arial, Lucida Grande, Tahoma, sans-serif;
		
		margin: 10px auto 20px auto;
		width: 100%;
	}
	#navigation #sections {
		float: left;
		margin-left: 3px;
	}
	#navigation #sections ul {
		list-style: none;
		margin-left:0px;
		font-size: 75%;
		
	}
	#navigation #sections ul li {
		float: left;
	}
	#navigation #sections a {
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-left: solid 1px #ccc;
		color:#000;
		font-size: 100%;
		display: block;
		margin: 0 2px;
		padding: 2px 5px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#navigation #global {
		float: right;
		margin-right: 5px;
	}

	#navigation:after, .row:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.headlines ul, .headlines2 ul, .headlines3 ul {
		list-style: none;
		margin:0px;
		font-size:100%;
	}
	h1.headlines3 {
		margin-top: 20px;
	}

	.headlines li a, .headlines2 li a, .headlines3 li a {
		display: block;
	font-family:  arial, sans-serif;
		text-decoration: none;
		border-bottom: solid 1px #ccc;
		font-size: 80%;
		padding: 5px 5px 5px 5px;

		color: #000;
	}
	#navigation #sections a:hover, #navigation #sections a.selected, #navigation #sections a.selected:visited {
		color: #000;
		background: #fc3;
	}
	#navigation a.selected {
		color: #d00;
	}
	.headlines a:visited, .headlines2 a:visited, .headlines3 a:visited {
		font-family:  arial, sans-serif;
		background: #ff9;
		color: #000;
	}
	.headlines a:hover, .headlines2 a:hover, .headlines3 a:hover {
		font-family:  arial, sans-serif;
		background: #690;
		color:#fff;	
	}
	.headlines a.facebook:link{
		background-image:url(../images/facebookshare.jpg);
		background-repeat: no-repeat;
		background-color: #2850A5;
		display: block;
		padding: 0;
		margin: 0;
		height: 25px;
	}
	.headlines a.facebook:visited{
		background-image:url(../images/facebookshare.jpg);
		background-repeat: no-repeat;
		background-color: #3B5998;
		display: block;
		padding: 0;
		margin: 0;
		height: 25px;
	}
	.headlines a.facebook:hover {
		background-image:url(../images/facebookshare-hover.jpg);
		background-repeat: no-repeat;
		background-color: #3B5998;
		display: block;
		padding: 0;
		margin: 0;
		height: 25px;
	}
	.weather-img {
		clear: left;
		float: left;
		font-size: 75%;
		width: 42px;
		height: 42px;
		padding: 10px 1px;
		}


	.inprint {
		background: #9c3;
		text-align: center;
	}
	.inprint h1 {
		text-align: left;
	}
	.inprint img {
		margin: 10px 0;
	}
	.headlines2 li a, .headlines3 li a  {
		font-family:  arial, sans-serif;
		text-transform: none;
	}
	#footer {
		margin-left:auto;
		margin-right:auto;
		font-family: Lucida Grande, Tahoma, sans-serif;
		font-size: 60%;
		color: #666;
		text-align: center;
		padding: 0 0 20px 0;
		border-top:1px solid #ccc;
		padding:10px;
		width:80%;
	}
	#alert {
		width: 100%;
		margin: 5px auto;
		background: #900;
		color: #fff;
		text-align: center;
		border: solid 1px #d00;
		padding: 8px 0;
		font-size: 75%;
		}
	h1.big {
		font-family: Lucida Grande, Trebuchet MS, Trebuchet, Tahoma, Verdana, sans-serif;
		font-size: 300%;
		font-weight: normal;
		text-transform: none;
		background: #fff;
		padding: 0;
		text-align: left;
	}

	.byline {
			margin: 0 0 10px 0;
			font-size: 11px;
			font-family:  arial, sans-serif;
	
			}



/* @group Story Image
  */

.img_right {

	border:0px solid #ccc;
	padding: 1px 1px 5px;
	margin:0 0 0px 10px;
	font: 70% Arial, Helvetica, sans-serif;
	color:#707070;
	background: none;
	float:right;
	width:251px;
}

 .img_right img {
	border: 1px  #000;
	margin-bottom: 5px;
	width: 250px;
	float:right;
}

.img_top {
	width:100%;
	font: 70% Arial, Helvetica, sans-serif;
	color: #707070;
	margin-bottom:10px;
}

.img_top img {
	margin-bottom: 3px;
	padding-bottom: 0px;
	width:490px;
	border: 1px solid #707070;
}

.img_top_front {
	width:400px;
	margin-top: 3px;
	padding:1px;
	width:490px;
	border: 1px solid #707070;
}

.img_front_right {
	width:125px;
float:right;padding:1px;margin:5px;margin-left:10px;border:1px solid #ccc; 

}

/* @end */	
			
			
			
			
	.contact ul {
		list-style: none;
	}
	.contact ul li, .contact address, .contact p {
		margin: 0 0 5px 10px;
		font-size: 75%;
	}
	.contact h2 {
		font-size: 100%;
		margin: 15px 0 0 0;
	}

	.storypic img {
		width: 100%;
		padding: 5px 0px 5px 5px;

	}

	ul.archives {
			list-style: none;
	}
	ul.archives li {
		display: inline;
		float: left;
		width:40%;
		font-size: 75%;
		margin: 10px;
		min-height:275px;
	}
	
	ul.onlineArchives {
	margin-left: 45px;
	
	
	}

	
	ul.onlineArchives li{
	width:48%;
	margin-bottom: 9px;
	float:left;
	
	}	
	ul.archives img {
	width:175px;
	padding:2px;
	}
	
	ul.monthlyArchives li {
	margin-bottom:12px;
	}

	.alert {
		background: #ffbfef;
		margin: 10px 10px 20px 5px;
		padding-bottom: 10px;
		width: 770px;
	}

	.alert h1 {
		background-color: #d00;	
		color: #fff;
	}

	.alert p {
		text-align: center;
	}
	.tagline {
		color: #93c;
		font-size: 75%;
		padding: 10px 0;
	}
	.headline-section-name {
		color: #d00;
		font-weight: bold;
	}

	.icon {
		float: left;
		margin: 40px 0 20px 0;
		width: 300px;
	}

	.icon img {
		float: left;
		margin-right: 5px;
	}

	.icon p {
		float: left;
		font-size: 60%;
	}

	.icon a {	
		color: #000;
		text-decoration: none;
	}

	.icon a:hover, a:active {
		color: #d60;	
	}

	.icon .bigger {
		font-size: 140%;
	}

	.center {
		text-align: center;
	}

	.small {
		font-size:80%;
	}

	input { 
		padding: 2px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
	}

	
	.float {

		width:33%;

	 	float:left;
	}

	.float p 
		{
			margin:0;
			padding:0;
		font-size:70%;
		text-align:center;	

		}

	.nav_extras {
		float:right;
		font-size:70%;
	 	padding-top:5px;	
		text-transform:lowercase;
		text-decoration:none;

	}	

	#weather a, .nav_extras a, a.morelink {
		font-family:  arial, sans-serif;
		text-decoration:none;
		font-size: 11px;
	
		color: #00f;
		}
	#weather a,.nav_extras a:hover {
		font-family:  arial, sans-serif;
		color: #00f;
		}
	#weather a,.nav_extras a:visited, a.morelink:visited {
		color: #808;
		font-family:  arial, sans-serif;
			text-decoration:none;
			font-size: 11px;
		
		}

	#weather {
		float:right;
		font-size:11px;
		padding-top:3px;
	}

	h2.recent {
		
		font-size:130%;
	}
	
	.emailinsert {
		margin:15px 30px;
		font-size:11px;
		color:#fff;
		text-align:justify;
		padding: 5px 15px;
		background:#690;
		line-height:15px;
		border-top:3px solid #0D4D00;
		border-bottom:3px solid #0D4D00;
	}
	
	input {
		
		margin-top:5px;
		font-size:10px;
		border:1px solid;
		font-family:;
	}
	
.morelink {
 text-transform:  uppercase;
}
p.MsoNormal {

	
}

#national img {
	float:right;padding:1px;margin:5px;margin-left:10px;border:1px solid #ccc;
	margin-top:-22px;
}

/* by Michael Duarte */

	/*--- SEARCH --*/
.search {
	width:auto;
	border: 0;
	font-size: 80%;
	font-weight:bold;
	font-family:  arial, sans-serif;
	padding: 5px;
}
.search select {
	border: 1px solid #000;
}
.search label {
	padding: 3px 0;
	width: 100%;	
}

.search td {
	padding-left: 10px;
}
.search_results {
	width: 100%;
	font-size: 90%;
	margin: 5px 0;
	line-height: 150%;
	font-family:  arial, sans-serif;
}
td.search_teaser {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	padding-bottom: 10px;
}

h1 a:link {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	text-decoration:underline;
	color: #808;
}
h1 em {
	color: #00f;
	font-weight: bold;
	font-style:normal;
}
h1 a:visited {
	text-decoration:none;
	font-weight:bold;
}
#searchbutton {
	margin: 10px;
	background-color:#fc3;
	padding: 5px;
	color: #000;
	font-size: 125%;
	border: 1px solid #000;
	font-weight: bold;
}
#searchbutton:hover {
	color: #fff;
}
.border {
	border: 1px solid #fc3;
	border-top:0px;
}


/* Comments */

#comments 
{
	width: auto;
	line-height: 31px;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px;
}

#comments label {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-family: Helvetica, Arial, sans-serif;
	padding-right: 10px;
	width: 70px;
	float: left;
	font-weight:bold;
	text-align: right;

}

#comments fieldset {
	border: 0px solid #707070;
}

#comments legend {
	padding: 3px;
	margin-left: 0px;
	font: 25px Georgia, "Times New Roman", Times, serif;
}

#comments h1 {
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 3px;
	background-color: white;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border-bottom-style: none;
	padding: 0px;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
}

#comments .comment_date {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	font-family: Helvetica, Arial, Verdana, Arial, sans-serif;
	color: #d3d3d3;
	font-size: 12px;
	float: right;
}

#comments p {
	font-family: Georgia, "Times New Roman", Times, serif;
	word-wrap: break-word;
	text-align: left;
	font-size: 13px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 6px;
}

.comment {
	min-height: 82px;
	margin-top: 5px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	margin-bottom: 10px;
	border-color: #d2d2d2;
	border-style: solid;
}

.comment img {
	margin-right: 5px;
	margin-top: 10px;
	float: left;
}

#comments .small_pic {
	border-width: 50px;
	float: left;
}

/*seach*/

.searchResult {

margin: 10px 0px 20px 0px;

}

.searchHeader {
	font-size: 130%;
	font-weight:bold;
	font-family:  arial, sans-serif;
	padding: 5px;
}
.searchTitle {

 margin:0px;
 padding:0px;
}		

p.searchResult {
 margin:3px 0px 5px 0px;
 line-height: 20px;
 padding:0px;
 font-style:italic;
}

.searchSummary {
font-family: arial, sans-serif;
font-style:italic;
}

.searchURL {
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 7px 0px;
	color:#aaa;
}
      /*Pagination*/
      div.pagination {
              text-align:center;
              padding: 7px;
              margin: 3px;
      }

      div.pagination a {
              padding: 2px 5px 2px 5px; 
              margin: 2px;
              font-family: Arial;
              font-size: 11px;
              border: 1px solid #000000;
             
              text-decoration: none; /* no underline */
              color: #000000;
      }
      div.pagination a:hover, div.pagination a:active {
              border: 1px solid #000000;
              background-color:#000000;
              color: #fff;
      }
      div.pagination a.current {
              padding: 2px 5px 2px 5px;
              margin: 2px; 
                      border: 1px solid #000000;
                     
                      font-weight: bold;
                      background-color: #000000;
                      color: #FFF;
              } 
      div.pagination span.disabled {
                      padding: 2px 5px 2px 5px;
                      margin: 2px;
					  font-family: Arial;
           			  font-size: 11px;
                      border: 1px solid #ccc;
             
                      color: #bbb; 
              }

/* Blogs */	

.img_left {
	width:125px;
	float:left;
	padding:1px;
	margin:5px;
	margin-right:10px;
	border:1px solid #ccc; 
}

.banner {
	border:1px #000 solid;
	margin: 10px 0;
}

.bylineBlog {
	font-size: 11px;
	font-family:  arial, sans-serif;
	text-align:right;
}

.divisionBlog {
	border-bottom:#fc3 solid 2px;
	padding-top:10px;
	padding-bottom:10px;
}

h3 {
	font-size: 175	%;
	font-weight: normal;
	margin-top: 10px;
}
h3 a {
	text-decoration: none;
	color: #000;
}
h3 a:visited {
	text-decoration: none;
	color: #000;
}
h3 a:hover {
	color: #fc3;
}