/*

Theme Name: The Parking Authority of the City of Camden (PACC)

Theme URI: http://camdenparking.net

Author: JasonHunter Design

Author URI: http://jasonhunterdesign.com/

Description: Theme for WordPress include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.1

License: 

License URI: 

Tags: 

Text Domain: camdenparking.net



*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */

@font-face {

    font-family: 'economicabold';

    src: url('font/economica-bold.eot');

    src: url('font/economica-bold.eot?#iefix') format('embedded-opentype'),

         url('font/economica-bold.woff') format('woff'),

         url('font/economica-bold.ttf') format('truetype'),

         url('font/economica-bold.svg#economicabold') format('svg');

    font-weight: normal;

    font-style: normal;



}



/*font-family: 'Economica', sans-serif;*/





body{



margin:0px; 

font:normal 15px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 

color:#010000; background:#fff url(images/body-bk-top.jpg) left top repeat-x;

padding:0; overflow-y:auto;



}

a{border:0px; outline:none;}

img{border:0px; outline:none;}



a             { color:#010000; text-decoration:none; }

a:hover       { text-decoration: none; color:#4680cc;}

:focus        { outline: 0; }

ul,li{ list-style:none; margin:0; padding:0;}



/* Headings */







h1,h2,h3,

h4,h5,h6      { font-family: 'economicabold'; text-transform:uppercase; }

h1            { }

h2            { font-size:30px;}

h3            { font-size:30px; }

h4            { font-family: arial; font-size: 16px; text-transform: none; }

h5            {  }

h6            {  }



 input[type="submit"], input[type="button"]{ cursor:pointer}

 input {font:normal 12px arial;}

 

.flt-left{ float:left!important;}

.flt-right{ float:right!important;}

.no-border{ border:0!important;}

.bgnone{ background:none !important}

.clear {clear:both;}

.no-space {padding:0 !important; margin:0 !important;}



* {padding:0; margin:0;}

/*h1, h2, h3, h4, h5, h6, form, p, div, input {padding:0; margin:0;}*/















.main-wrapper-outer {width:100%; background:url(images/bg-center.jpg) center top no-repeat; overflow:auto;}



.top-wrapper {width:100%; float:left;}



.main-wrapper {margin:0 auto; width:1000px;}



.header {float:left; height:122px; width:100%; padding-top:12px;}

.logo-area {float:left; width:340px;}

.logo-area .logo {float:left; width:125px;}

.logo-area .logo-txt {color:#1b1919; font-family: 'economicabold'; /*font-family: 'Economica', sans-serif; font-weight:bold;*/ font-weight:normal; font-size:23px; line-height:30px; width:215px; float:left; padding-top:32px; text-transform:uppercase;}





.top-teliphone {float:right; width:293px; font-size:17px; font-weight:bold; color:#000; text-transform:uppercase; padding-top:45px;}

.top-teliphone a {text-transform:none !important;}







.nav-area {float:left; height:54px; width:100%; position:relative; z-index:99999;}



/* suman added */






/*#menu-camden ul { -webkit-box-shadow: 3px 3px 4px #999; -moz-box-shadow: 3px 3px 4px #999; box-shadow: 3px 3px 4px #999 }*/



/*.hover1  { background:url(images/nav-bk-h.png) left top repeat-x; }*/











.banner-area {float:left; width:100%; height:397px; padding:16px 0 31px 0; background:url(images/banner-bottom-bk.png) left bottom repeat-x;}



.main-sections-area {float:left; width:100%;}

.main-sections-area ul { }

.main-sections-area ul li {float:left; width:322px; height:181px; background:#060606; margin-right:17px;}

.main-sections-area ul li.last {margin-right:0 !important;}

.main-sections-area ul li:hover {background:#323232;}

.main-sections-area ul li p {line-height:30px; padding:10px;}

.main-sections-area ul li p.parking {line-height:31px; padding:0px;}

.main-sections-area ul li a {width:322px; height:159px; display:block; padding:22px 0 0 0; line-height:30px; font-family: 'economicabold'; font-size:32px; text-transform:uppercase; color:#fff;

text-align:center;}

.main-sections-area ul li a span {color:#4680cc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}

.main-sections-area ul li a:hover{color:#fff;}

.main-sections-area ul li a:hover span{color:#4680cc;}



.main-sections-area li.links-btm-bk {height:43px; width:322px; background:url(images/special-links-bk.png) left bottom repeat-x; }

.main-sections-area li:hover.links-btm-bk {background:url(images/special-links-bk.png) left bottom repeat-x;}



.main-sections-area ul li span { min-height:24px; display:block;}

.main-sections-area ul li.last span { min-height:5px; display:block;}



.content-area {float:left; width:100%; padding-bottom:30px;}

.content-area .left {float:left; width:67%; padding-right:17px;}

.content-area .left h2 {padding-bottom:26px; color:#02050a; font-weight:normal; padding-top:5px;}

.content-area .left p img {border:2px solid #bcbcbc;}

.content-area .left p img.welcome {float:left; margin-right:17px;}

.content-area .left a.more {font-size:18px; margin-top:18px; display:block;}



.content-area .right {float:right; width:26%; border:1px solid #133b6e; background:#447dc8 url(images/right-panel-bg.jpg) 0 0 repeat-x;}

.content-area .right h3 {line-height:60px; text-indent:25px; color:#fff; font-weight:normal;}

.content-area .right ul {width:95%; padding:0 0 15px 10px;}

.content-area .right ul li {background:url(images/arrow_right.png) 0 13px no-repeat; padding:10px 0 5px 40px; list-style:none; border-top:1px dashed; }

.content-area .right ul li a {color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase;}

.content-area .right ul li a:hover {color:#fff; text-decoration:underline;}











.footer {min-height:157px; font-size:12px; color:#fff; width:100%; background:#070707; float:left; line-height:25px; text-transform:uppercase;}

.footer-container {margin:0 auto; width:1000px; padding-top:40px; text-align:center;}

.footer-container ul {}

.footer-container ul li {display:inline;}

.footer-container ul li:after {content:"|"; color:#fff;}

.footer-container ul li.last:after {content:" ";}

.footer-container ul li a {color:#fff; padding:0 15px;}

.footer-container ul li a:hover {color:#4b98fd;}

.footer-container span.blue {color:#437dc8; font-weight:bold;}











.inner-nav-bottom {float:left; width:100%; height:34px; background:url(images/banner-bottom-bk.png) left bottom repeat-x;}

.inner-page-head {text-indent:12px;}

.inner-content-area {float:left; width:100%; border:1px solid #ccc; padding:28px 21px 8px 21px; background:#fff;}

.inner-content-area h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#3167ac; padding-bottom:17px;}

.inner-content-area p {padding-bottom:5px;}

.inner-content-area .blue {color:#3167ac;}

.inner-content-area p.divider {background:url(images/content-inner-divider.jpg) left 9px repeat-x; clear:both;}

.inner-content-area a {color:#4680cc; }

.inner-content-area a:hover {color:#010000; }

.inner-content-area img { max-width:100%; }



ul.inner-list, ol.inner-list { margin-bottom:20px; margin-left:20px; }

ul.inner-list li {list-style-position: inside; list-style: disc; }

ol.inner-list li {

  list-style-position: inside;

  list-style-type: decimal;

  padding-left: 0;

}



.homepage img{ float:left; margin-right:17px; }



.widget_nav_menu {float:left;} 



.footer-container ul li.menu-item-76:after { content: "" !important;}



.contact-img {margin-bottom:50px;}







.content-area .left-fullpage {float:left; width:995px; padding-right:17px;}

.content-area .left-fullpage h2 {padding-bottom:26px; color:#02050a; font-weight:normal; padding-top:5px;}

.content-area .left-fullpage p img {border:2px solid #bcbcbc;}

.content-area .left-fullpage p img.welcome {float:left; margin-right:17px;}

.content-area .left-fullpage a.more {font-size:18px; margin-top:18px; display:block;}



/*.content-area .right {float:right; width:314px; border:1px solid #133b6e; background:#447dc8 url(images/right-panel-bg.jpg) 0 0 repeat-x;}

.content-area .right h3 {line-height:60px; text-indent:25px; color:#fff; font-weight:normal;}

.content-area .right ul {width:298px; padding:0 0 15px 10px;}

.content-area .right ul li {background:url(images/right-link-bk.png) 0 5px no-repeat; padding:10px 0 5px 40px; }

.content-area .right ul li a {color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase;}

.content-area .right ul li a:hover {color:#fff; text-decoration:underline;}*/









.inner-nav-bottom-fullpage {float:left; width:100%; height:34px; background:url(images/banner-bottom-bk.png) left bottom repeat-x;}

.inner-page-head-fullpage {text-indent:12px;}

.inner-content-area-fullpage {float:left; width:955px; border:1px solid #ccc; padding:28px 21px 8px 21px; background:#fff;}

.inner-content-area-fullpage h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#3167ac; padding-bottom:17px;}

.inner-content-area-fullpage p {padding-bottom:25px;}

.inner-content-area-fullpage .blue {color:#3167ac;}

.inner-content-area-fullpage p.divider {background:url(images/content-inner-divider.jpg) left 9px repeat-x; clear:both;}

.inner-content-area-fullpage a {color:#4680cc; }

.inner-content-area-fullpage a:hover {color:#010000; }







/* // santa */

.parking_rates {

  border-color: #CCCCCC;

  border-style: solid;

  border-width: 1px 1px 0;

  margin: 18px auto 0;

  width: 610px;

   font-size: 13px;

}

.box_tittle{

	margin: 0px;

	padding: 0px;

}

.box-bdr {

	border-bottom: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	padding-left:6px;

	padding-right:6px;



}

.box-bdr1{

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	padding-left:6px;

	padding-right:6px;

}

.box-bdr2{

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	padding-left:6px;

	padding-right:6px;

}

.box-bdr3{

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	width: 134px;

	padding-left:6px;

	padding-right:6px;

}

.box-bdr4{

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	padding-left:6px;

	padding-right:6px;

}

.box-bdr5{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	padding-left:6px;

	padding-right:6px;

}



/* santa // */



#wp-admin-bar-wp-logo > .ab-item .ab-icon {

	background-image: url("images/admin-bar-sprite-camden.png") !important;

    background-position: 0 -76px;

    background-repeat: no-repeat;

    height: 20px;

    margin-top: 4px;

    width: 20px;

}

.inner-list {

  list-style: circle inside none !important;

  padding-left: 20px !important;

}







.inner-list li ul{

}



.inner-list li ul li {

  list-style: circle inside none;

  padding-left: 20px;

}



.site-home{



}



.aligncenter {

	display: block;

	margin-left: auto !important;

	margin-right: auto !important;

        float: none !important;

}



/* 1/3RD Column for Papal Gateway */

.clear{

	clear:both;

}



.col-1-3 {

	float: left;

	width: 29%;

	margin: 1%;

	text-align:center;

}

.banner_outer .textwidget a, .banner_outer .textwidget p {
  color: #000 !important;
}	

.col-1-3 img{
	display: block;
	margin: 0 auto;
}
.textwidget a, .textwidget p {
  color: #000 !important;
}
.breadcrumbs{margin-bottom:20px;}
.board_information li {
  float: left;
  width: 25%;
}
.board_information span {
  float: left;
  text-align: center !important;
  width: 100%;
  padding:20px 0px;
}
.meeting table{width:100%;}
.has-text-align-left .aligncenter {
  margin: 0px !important;
}