﻿/* 	=RESET ----------------------------------------	 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
p {margin:0 0 5px 0; padding:0}
table {border-collapse:collapse;border-spacing:0; border: 0}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {outline:none} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
strong {font-weight: bold;}
em {font-style: italic}

/* -------------------------------------------------------------------------------------------------
	= 	Global
------------------------------------------------------------------------------------------------- */
body {background: #D2DAE7 url('http://portals.journalregister.com/allaroundphilly/images/allaroundphilly_bkg.jpg') repeat-y top center; color: #383838;font-size:100%;font-family: Helvetica, Helvetica Neue, Arial, sans-serif;}

#wrapper {background: #fff; width: 990px; margin: 0 auto; padding: 0;}

a {color: #003366}
a:hover {color: #3470ad}
a:active {color: #9e0b0f}

/*
span.topblogs-count {display: none;}
*/

/* -------------------------------------------------------------------------------------------------
	= 	Search Results
------------------------------------------------------------------------------------------------- */

.search_results p {
padding: 10px 0;
font-size: .875em;
line-height: 1.4em;
border-bottom: 1px solid #ccccca;
}

.search_results p a {font-weight: bold; text-decoration: none; font-size: 1.2857em;}
.search_results p a:hover {text-decoration: underline;}


.mod_box h3 {font-size: .8125em; margin-bottom: 5px; font-weight: bold; color: #9E0B0F}
.mod_box form {margin-bottom: 20px}
.small {font-size: .6875em;}
.mod_box p {margin-bottom: 20px; font-size: .75em;}

/* -------------------------------------------------------------------------------------------------
	= 	Header
------------------------------------------------------------------------------------------------- */
#header {background: #D1D9DC url('http://allaroundphilly.com/images/header_bkg_leaderboard.png') repeat-x bottom left;}
#leaderboard	{width:728px; padding: 5px 70px; border-bottom: 1px solid #B0BFC2; margin: 0 auto;}

#header_meta {height: 11px; padding: 4px 10px 5px; font-size: .6875em; line-height: 1em;}
#header_banner .ad.leaderboard {/*background: #e8e8e6; */ padding: 10px; float: right; width: 728px; margin-right: 10px;}

#header_masthead {width: 970px; margin: 0 auto; padding-top: 15px; border-bottom: 1px solid #ccccca}

#masthead 				{margin:0 auto;width:395px;padding-bottom:10px;}

#logo 					{width: 392px;margin:0 auto;}
#logo_main 				{width: 460px; height: 53px;margin: 0 auto;padding-top: 10px;}
#logo_meta 				{width: 385px; font-size: 1.1em;text-align: center; border-top: 1px solid #dfe0dc;margin-left:10px;}
#logo_meta_locality		{font-size: 7pt; line-height: 2em; float: left;text-align: left; width: 120px}
#logo_meta_date 		{font-size: 7pt; line-height: 2em; text-align: right; float: right; width: 150px}
#logo_meta_url			{font-size: 7pt; line-height: 2em; padding-top: 2px;float: right;text-align: right;}

#logo_meta	 			{color: #808080;}
#logo_meta a	 		{font-size: 7pt;color: #808080;}



/* -- local nav -- */

#header_subnav_primary {float: left;}
p#header_subnav_primary {padding-left: 10px; color: #000; font-weight: bold}

#header_masthead_left {float: left;}

#header_subnav {background: url("http://portals.journalregister.com/allaroundphilly/images/nav_bkg.gif") repeat-x top left; font-size: .8em; line-height: 1em; width: 990px; padding: 0px 0; margin: 0 auto; border:0; }
#header_subnav .flat_list li {margin: 0; padding: 0;}
#header_subnav .flat_list li a { color:#D7E7EF; display: block; padding: 5px 10px; text-decoration: none; font-weight: bold}
#header_subnav .flat_list li a:hover {color:#182251; text-decoration: underline; background: #D2D6EA;}

#header_subnav .flat_list li ul li a {color:#182251;padding: 5px 10px; border-left: 1px solid #AFA6C3;border-right: 1px solid #AFA6C3; border-bottom: 1px solid #AFA6C3;}
#header_subnav .flat_list li ul li a:hover {background: #D2D6EA; color: #3470ad }
#header_subnav .flat_list li ul li {position:relative;border-right: 0;z-index:1;}

h2#publications {color: #666; margin-left: -100px; font-size: .75em; padding-top: 20px}

#nav,#nav ul {}
#nav {}
#nav a {display: block;}
#nav li a {}
#nav li a:hover {}

#nav li ul  {position: absolute; left: -999em; width: 120px;}
#nav li ul a			{width: 120px;padding: 6px 18px;border-top: 1px solid #AFA6C3;}
#nav li ul a:hover		{width: 120px;}
#nav li:hover ul		{left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li			{text-align: left; background: #D2D6EA; padding: 10px;position:relative;z-index:1;}


#header_weather {margin-bottom: 10px;}

#mini_nav {position:relative;top:-15px;left:10px; width:650px; height:15px;}
#mini_nav a, #mini_nav a:active{color:#B24B00;text-decoration:none;}
#mini_nav a:hover{color:#B24B00;text-decoration:underline;}

/* -------------------------------------------------------------------------------------------------
	= 	Search
------------------------------------------------------------------------------------------------- */

#header_search {width: 160px; background: url('http://portals.journalregister.com/allaroundphilly/images/bg_search.png') no-repeat top left; margin-bottom: 10px; padding: 10px 5px 5px 5px;height:70px;}
#header_search {font-size: .75em; color: #666;}

#header_search h2, #header_search form, #header_search img {float: left;}
#header_search h2 {color: #666; font-weight: bold; margin-right: 10px;}
#header_search form {margin-right: 10px}
#header_search input {vertical-align: middle}
#header_search input[type="text"] {width: 110px; color: #000; margin: 0 8px 5px 0}
#header_search input[type="submit"] {vertical-align: top; width: 28px;}
#header_search input[type="radio"] {margin-right: 3px;}
#header_search label {font-weight: bold}
#header_search img {padding-top: 2px;}



/* -------------------------------------------------------------------------------------------------
	= 	Rails & Tables
------------------------------------------------------------------------------------------------- */

#content_primary {align:center;}
td.leftrail {padding:0 0 0 5px; border-right: 1px solid #DDDDDD;}
td.center {padding:0 5px 0 7px; border-right: 1px solid #DDDDDD;margin:0;}
td.center a {margin-bottom: 10px; line-height: 1.384em; font-weight: bold;text-decoration:none;}
td.rightrail {padding:0;}
td.space {height:20px;}

#leftlinks {font-size:12pt;}
#leftlinks h3{padding-top:5px; font-size:12pt;}

#national a{font-size:10pt;}

/* -------------------------------------------------------------------------------------------------
	= 	Widgets
------------------------------------------------------------------------------------------------- */

#content_secondary .widget {margin-bottom: 15px; border:0;}

.widget h2 {font-size: .875em; line-height: 1em; border-bottom: 1px solid #ccccca; padding-bottom: 2px; font-weight: bold; color: #9e0b0f; margin-bottom: 5px;}
.widget h2 a {text-decoration: none; color: #9e0b0f }
.widget h2 a:hover { text-decoration: underline }
.widget h3 {font-size: .8125em; font-weight: bold; color: #000; margin-bottom: 5px;}

/* your ride, user photos */
#photos a {font-weight: bold}
#photos .thumbs {padding: 10px 0}
#photos .thumbs img {padding-right: 10px;}
#photos ul li {display: inline}
#photos table {margin: 0 auto}

.mod_box {width:290px; padding: 8px; background: #fff url('http://portals.journalregister.com/allaroundphilly/images/gradient_lightgray.gif') repeat-x bottom left; border: 1px solid #dfe0dc; margin: 0 auto;}
.mod_box h3 {font-size: 10pt; margin-bottom: 5px; line-height: 1.384em; font-weight: bold}
.mod_box h3 a{color:#AC1C1F;font-size: 10pt; margin-bottom: 5px; line-height: 1.384em; font-weight: bold;text-decoration:none;}
.mod_box h3 a:hover{color:#AC1C1F;font-size: 10pt; margin-bottom: 5px; line-height: 1.384em; font-weight: bold;text-decoration:underline;}
.mod_box p {font-size: 1.1em; margin-bottom: 9px; line-height: 1.63em}
.mod_box table {margin-bottom: 18px;} .mod_box table table {margin-bottom: 0;}
.mod_box form {margin-bottom: 18px;}
.mod_box .more {text-align: right;}
.mod_box .more a {font-weight:bold; text-decoration:none; font-size:8pt;background: transparent url('http://portals.journalregister.com/allaroundphilly/images/icon_arrow.gif') no-repeat 1px 2px;padding-left: 12px;}

.mod_box_small {width:160px; background: #fff url('http://portals.journalregister.com/allaroundphilly/images/gradient_lightgray.gif') repeat-x bottom left; border: 1px solid #dfe0dc; margin: 0 auto; padding-bottom:15px;}
.mod_box_small img {position:relative;top:-1px;left:-1px;}

.mod_list {font-size: .75em;}
.mod_list a {font-weight: bold; text-decoration: none;}
.mod_list a:hover {text-decoration: underline;}
.mod_list li {padding-left: 12px; background: url('http://portals.journalregister.com/allaroundphilly/images/icon_arrow.png') no-repeat 0 3px; margin-bottom: 6px}

/* 'content' piece, with styling for header <h3> and more link */
.mod_content {  margin-bottom: 18px; }
.mod_content h3 { font-size: 1.2em; border-bottom: 1px solid #dfe0dc; margin-bottom: 7px; line-height: 1.5em; font-weight: bold }
.mod_content p { font-size: 1.1em; margin-bottom: 9px; line-height: 1.63em}
.mod_content .more a { color: #c64a01; text-align: right }

/* 'headlines' piece for homepage and section pages */
.mod_headlines {margin-bottom: 10px;}
#home_leads .mod_headlines {margin-bottom: 18px;}
.mod_headlines h3  {color:#AC1C1F; font-size: 10pt;line-height: 1.214em; border-bottom: 1px solid #dfe0dc; text-transform: uppercase; font-weight: bold; margin-bottom:9px;}
.mod_headlines li {font-size: 1.2em; line-height: 2em; background: transparent url('http://portals.journalregister.com/allaroundphilly/images/icon_arrow.gif') no-repeat 1px 7px;padding-left: 12px;}
.mod_headlines .sponsor {width: 88px; float: right;margin-left: 10px;margin-bottom: 10px;background: #fff; margin-top: 9px;}
.mod_headlines p.more {padding: 9px 0;}
.mod_headlines .more a {font-size: 1.1em; line-height: 1.63em;font-weight: normal}
.mod_headlines  div.story {font-size: 1.2em; line-height: 1.5em;}
.mod_headlines li + h3 {margin-top: 18px;}



.story_body .mod_box, .static_page .mod_box {margin-bottom: 20px;}

.blog_item {border-top: 1px solid #dfe0dc; padding: 10px 0 0 0;}
.blog_item p {margin-bottom: 3px;font-size:9pt;line-height:11pt;}
.blog_item .image {float: right; padding-left: 20px;}
.blog_item .quote {width: 200px;}
.box_blogcenter .more a {background: transparent url('/images/icon_arrow.gif') no-repeat 1px 3px;padding-left: 12px;}

#comment_registration_box p[style="font-weight: bold; color: red;"] {background: #e8e8e6; padding: 5px; font-size:0.8571em;}

#photogalleries_big h2 {font-size: 1.125em; line-height: 1em; font-weight: bold; border-bottom: 1px solid #ccccca; padding-bottom: 2px; margin-bottom: 20px}
#photogalleries_big h2 a {color: #9e0b0f; text-decoration: none;}
#photogalleries_big h2 a:hover {text-decoration: underline;}

#photogalleries_big p {float: left; margin-right: 0px;}
#photogalleries_big p + p {margin-right:0;}


/* -------------------------------------------------------------------------------------------------
	= 	Specific Typography
------------------------------------------------------------------------------------------------- */



#bottomtable {width: 465px; padding: 0; margin:0;}


h1 {font-size:16pt; color:#000;}
#h1 {width: 465px; height:36px; padding: 7px 0 5px 5px; margin:0;}
#h1 a{color:#B24B00; font-size:9pt; font-weight:bold; text-decoration:none;}
#h1 a:hover{color:#B24B00; font-size:9pt; font-weight:bold; text-decoration:underline;}


h3 {color:#AC1C1F; font-weight:bold;font-size:10pt;}

#nav {color:#0F3549; #font-size:10pt; font-weight:bold;}
body {font-size: 10pt;}
#sidenav li {margin-left:5px;}
#sidenav h3 a {color:#AC1C1F;font-size: 10pt; margin-bottom:5px;line-height: 1.384em; font-weight: bold;text-decoration:none;}
#sidenav h3 a:hover {text-decoration:underline;}

li.bulleted a {font-weight:bold; text-decoration:none; font-size:8pt;background: url('http://portals.journalregister.com/allaroundphilly/images/icon_arrow.gif') no-repeat 1px 1px;padding-left:15px;}
li.bulleted a:hover {text-decoration:underline;}


.home a {color: #383838; font-weight:bold; text-decoration:none;}
.home a:hover {color: #383838; font-weight:bold;text-decoration:underline;}
p.home a {color: #383838; font-weight:bold; text-decoration:none;}
p.home a:hover {color: #383838; font-weight:bold;text-decoration:underline;}
p.next {color: #777777; font-size:8pt;}
p.next a {color: #777777; font-size:8pt;text-decoration:none;}
p.next a:hover {color: #777777; font-size:8pt;text-decoration:underline;}
p.review {line-height:12pt;}
.review p{margin: 0 0 15px 0;}

p.thisweek a {color:#003366; font-weight:bold; text-decoration:none;}
p.thisweek a:hover {color:#003366; font-weight:bold; text-decoration:underline;}

.clear {clear:both;}

/* -------------------------------------------------------------------------------------------------
	= 	Footer
------------------------------------------------------------------------------------------------- */

#footer {padding: 20px; background: #fff;color:#222222;}
#footer .copyright {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccccca; text-align: center; font-size: .75em; line-height: 1.5em;}
#footer a {text-decoration: none}
#footer p a {font-weight: bold;}
#footer a:hover {text-decoration: underline}

/* better footer lists? who knows... nobody will ever read this... */
#footer ul {font-size: .8125em; margin-bottom: 10px}
#footer ul li, #footer h3 {display: inline;}
#footer ul li {border-right: 1px solid #CCCCCC; padding-right: 5px; margin-right: 5px; margin-bottom: 5px;}
#footer ul li.first {border: none}
#footer h3 {color: #9e0b0f; font-weight: bold}

/* -------------------------------------------------------------------------------------------------
	= 	Misc
------------------------------------------------------------------------------------------------- */
#slogan { padding-top: 10px; width:932px;margin:0 auto;}
#welcome {background:url('http://portals.journalregister.com/allaroundphilly/images/welcome.jpg') no-repeat;width:354px;height:150px;float:left;padding-left:15px;padding-top:50px;}
#photo {width:563px;margin:0;float:left;}
#photo img{position:relative;top:2px;}

#ad_lrec {padding-left:5px; align:center;}
.ad_lrec {margin:0 auto 20px auto;text-align:center;}

.ad {text-align: center; line-height: 1px}

.float_right {float: right;}
.float_left {float: left}

.flat_list li {float: left; padding-right: 5px; border-right: 1px solid #2B1F4A; margin-right: 5px;}
.flat_list li.last {margin-right: 0; padding-right: 0; border: 0;}


/* clear fix */
.clear { display: inline-block; }   
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
