html * {
margin: 0;
padding: 0;
}
body { background: #06122a url(/public/img/bg.jpg) repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
color: #474747;
}
strong, em { font-family: "Ludica Sans", "Lucida Grande", Verdana, Tahoma, sans-serif; }
a {
color: #334d75;
font-weight: bold;
}
a:hover { color: #666; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6, #footer {
color: #213c68;
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 856px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
padding: 7px 0 4px 7px;
width: 849px;
height: 37px;
}
ul#navigation ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 200px;
}
ul#navigation li {
margin: 0;
padding: 0;
float: left;
background: #f0eff3 url(/public/img/nav-l.jpg) no-repeat;
}
ul#navigation li a {
display: block;
text-decoration: none;
height: 37px;
line-height: 37px;
background: url(/public/img/nav-r.jpg) top right no-repeat;
border-left: solid 1px #dedee1;
border-right: solid 1px #dedee1;
color: #334d75;
font-weight: normal;
text-align: center;
font-size: 13px;
}
ul#navigation li.highlight a {
font-weight: bold;
text-align: center;
}
ul#navigation li a:hover {
color: #666;
}
ul#navigation li#nav-home a.toplevel { width: 72px; }
ul#navigation li#nav-blog a.toplevel { width: 92px; }
ul#navigation li#nav-meet_james a.toplevel { width: 128px; }
ul#navigation li#nav-issues a.toplevel { width: 73px; }
ul#navigation li#nav-whos_for_james a.toplevel { width: 136px; }
ul#navigation li#nav-news a.toplevel { width: 98px; }
ul#navigation li#nav-get_involved a.toplevel { width: 132px; }
ul#navigation li#nav-james_journal a.toplevel { width: 129px; }
ul#navigation li#nav-committment a.toplevel { width: 129px; }
ul#navigation li#nav-legislation a.toplevel { width: 122px; }
ul#navigation li#nav-neighborhoods a.toplevel { width: 132px; }
ul#navigation li#nav-resources a.toplevel { width: 98px; }
ul#navigation li#nav-contact a.toplevel { width: 79px; }
ul#navigation li#nav-photo_gallery a.toplevel { width: 140px; }
ul#navigation li#nav-contribute { background: #334d75; }
ul#navigation li#nav-contribute a.toplevel {
width: 116px;
background: #334d75;
color: #fff;
font-weight: bold;
}
ul#navigation ul {
position: absolute;
width: 200px;
left: -999em;
padding: 3px 0 0 0;
border-bottom: solid 1px #dedee1;
float: left;
margin: 0;
background: #dedee1;
z-index: 9000;
}
ul#navigation li:hover ul ul, ul#navigation li.sfhover ul ul {
left: -999em;
}
ul#navigation li:hover ul, ul#navigation li li:hover ul, ul#navigation li.sfhover ul, ul#navigation li li.sfhover ul {
left: auto;
}
ul#navigation li:hover {background-position: 0 0;}
ul#navigation ul li {
float: left;
border-top: solid 1px #dedee1;
border-right: solid 1px #dedee1;
border-bottom: solid 1px #dedee1;
width: 200px;
}
ul#navigation ul li a {
width: 200px;
float: left;
}
ul#navigation ul li a:hover {
background: #fff;
}
/*-- Header/Logo --*/
#header {
height: 117px;
background: url(/public/img/headersubtitle-bg.jpg) right bottom no-repeat;
}
h1#logo {
width: 322px;
height: 103px;
padding: 9px 0 0 6px;
}
h1#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 322px;
height: 103px;
background: url(/public/img/jamessmith-logo.jpg) no-repeat;
}
/* Container/Main/Content */
#container {
background: url(/public/img/main-bg.gif) repeat-y;
}
#container-sub {
background: url(/public/img/main-bg-sub.gif) repeat-y;
}
#main {
background: url(/public/img/main-top.jpg) no-repeat;
}
#content-container {
width: 842px;
padding: 0 7px 16px 7px;
background: url(/public/img/content-bottom.gif) left bottom no-repeat;
}
#content-container-sub {
width: 842px;
padding: 12px 7px 22px 7px;
background: url(/public/img/content-bottom.gif) left bottom no-repeat;
}
/* Home */
#home-images {
border-bottom: solid 5px #dedee1;
height: 427px;
z-index: 0;
}
#home-content {
padding: 10px 50px 10px 20px;
font-size: 18px;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
line-height: 27px;
}
#home-content strong, #home-content em {
font-family: Georgia, Times, "Times New Roman", serif;
}
#home-content p {
padding: 9px 0;
}
#home-content h2#contenttitle {
padding: 10px 0;
font-size: 18px;
}
/* Sub */
#content {
width: 634px;
padding: 0 12px;
}
#sidebar {
width: 184px;
}
/* Sidebar */
.sidebar-element {
margin: 12px 0 0 0;
padding: 6px 12px;
background: #eee;
}
.sidebar-element ul, .sidebar-element ul li {
margin: 0;
list-style: none;
}
.sidebar-element ul li {
margin: 6px 0;
border-top: solid 1px #ddd;
}
.sidebar-element ul li h5, .sidebar-element ul li h5 a {
font-weight: normal;
font-size: 10px;
}
#twitter-feed li.follow {
padding: 6px 0;
}
#twitter-feed li.follow p { padding: 0; }
/* Subnav */
ul.subnav, ul.subnav li {
list-style: none;
margin: 0;
}
ul.subnav li { padding: 0 6px; }
ul.subnav li a {
padding: 6px;
border-bottom: solid 1px #c8cdd2;
text-decoration: none;
display: block;
font-weight: normal;
font-size: 12px;
}
#facebook p, #blog p, #email p, #youtube p, li.follow p { padding: 0; }
/* Form */
.generic_form {
width: 634px;
}
.generic_form {
padding: 18px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form fieldset {
float: left;
clear: both;
border: none;
}
.generic_form fieldset legend {
font-weight: bold;
font-size: 14px;
padding: 0 0 9px 0;
}
.generic_form h3.formsubhead {
font-size: 18px;
padding: 12px 4px 6px 0px;
margin: 0 0 6px 0;;
border-bottom: solid 1px #eee;
}
.generic_form ul {
list-style: none;
margin: 6px 12px;
padding: 0;
}
.generic_form ul li {
margin: 0 0 6px 0;
padding: 0 0 6px 0;
}
.generic_form ul li span {
margin: 0 0 0 6px;
}
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input {
margin: 0 6px 0 0;
vertical-align: middle;
}
.generic_form label {
display: block;
}
.generic_form ul li label {
display: inline;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form .small input.forminput { width: 65px; }
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow, .generic_form p.formsubmit {
clear: both;
width: 634px;
}
.generic_form p.formsubmit { border-top: solid 1px #eee; }
.generic_form p input.forminput { width: 602px; }
.generic_form p.formcol1 input.forminput, .generic_form p.formcol2 input.forminput { width: 285px; }
.generic_form p.formcol1 {
float: left;
clear: both;
width: 317px;
}
.generic_form p.formcol2 {
}
.generic_form p { padding: 9px 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
margin: 0 0 9px 0;
}
.generic_form span.error { display: block; }
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
#forminset {
background: #eee;
padding: 12px;
border: solid 1px #ddd;
}
p#legalerror {
color: #cc0000;
}
.generic_form select { margin: 2px 0; }
.generic_form textarea {
width: 596px;
padding: 3px;
font-weight: bold;
height: 200px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit {
margin: 0 0 18px 0;
padding: 5px;
background: #ccc;
border: solid 1px #ddd;
font-size: 16px;
}
.generic_form .small input.forminput { width: 65px; }
p.error {
color: #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
font-style: italic;
}
.generic_form p.captcha {
background: #eee;
padding: 18px;
width: 400px;
margin: 0 0 9px 0;
}
.generic_form .captcha img {
border: solid 1px #eee;
padding: 4px;
background: #fff;
margin: 5px 0 0 0;
}
.generic_form .captcha input.forminput {
width: 170px;
font-size: 16px;
padding: 9px 4px;
vertical-align: top;
margin: 11px 0 0 6px;
text-align: center;
}
.generic_form .captcha span.error { clear: both; }
/* Gallery --- */
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
margin: 0 auto;
text-align: center;
width: 590px;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 540px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
ul#albums {
list-style: none;
margin: 0;
}
ul#albums li {
float: left;
width: 120px;
height: 138px;
background: #eee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 16px 12px;
text-align: center;
}
ul#albums li div.albums-img-container {
overflow: hidden;
width: 80px;
height: 80px;
border: solid 4px #fff;
margin: 0 auto;
}
ul#albums li p { padding: 0; }
ul#albums li h5 {
font-size: 11px;
padding: 3px 0;
border: none;
margin: 0;
}
ul#albums li h5 a { font-weight: normal; }
ul#albums li span {
font-size: 10px;
}
/*--Breadcrumb --*/
ul#breadcrumb {
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 9px 0 9px 0;
margin: 0 0 6px 0;
list-style: none;
}
ul#breadcrumb li {
margin: 0;
display: inline;
}
ul#breadcrumb li a {
color: #313131;
font-size: 10px;
padding: 1px 8px 0 0;
text-decoration: none;
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
}
ul#breadcrumb li.home a { color: #333; }
ul#breadcrumb li.active a {
font-weight: normal;
background: none;
}
/* Footer */
#footer {
background: url(/public/img/footer-bg.jpg) repeat-y;
padding: 10px 20px;
width: 816px;
color: #fff;
font-size: 10px;
}
#footer a { color: #fff; }
#footer p { padding: 0; }
#footer-address, #footer-contact {
float:left;
width: 310px;
}
#footer-social {
width: 506px;
text-align: right;
}
#footer-social img { vertical-align: middle; }
#builtby {
background: #06122a;
font-size: 10px;
color: #fff;
text-align: right;
width: 854px;
padding: 5px 0 20px 0;
}
#builtby a {
color: #fff;
}
/* Events ------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
ul#eventslist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li h4 {
padding: 0;
margin: 0;
}
ul#eventslist li h4 a {
padding: 12px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;
}
ul#eventslist li a.more {
display: block;
background: #acb5c3;
padding: 8px;
text-decoration: none;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 15px;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 160px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 160px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
/*-- News List ----- */
ul#newslist {
list-style: none;
margin: 0;
}
ul#newslist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
}
ul#newslist p { padding: 0; }
ul#newslist p.date {
font-size: 10px;
color: #cc0000;
padding: 0;
font-weight: bold;
}
ul#newslist p.more {
font-weight: bold;
font-size: 11px;
}
ul#newslist p.more a {
padding: 0 10px 0 0;
font-size: 11px;
}
ul#newslist li h3 { padding: 0; }
ul#newslist li h3 a {
padding: 2px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 16px;
}
#editContent {
background: #fff;
padding: 12px;
}
/* Blog */
#journal #content {
width: 534px;
padding: 0 12px;
}
#journal #sidebar {
width: 284px;
}
#journal #container-sub {
background: url(/public/img/main-bg-sub-blog.gif) repeat-y;
}
#journal #sidebar ul, #journal #sidebar ul li {
list-style: none;
margin: 0;
}
#journal #sidebar ul#sidebar-nav {
padding: 0 12px;
}
#journal #sidebar ul ul {
padding: 0 0 12px 0;
}
#sidebar h4 {
font-weight: normal;
border-top: solid 1px #ddd;
padding: 9px 0 3px 0;
font-size: 14px;
}
#posts, #posts li {
list-style: none;
margin: 0;
}
#posts li {
border-top: solid 1px #eee;
padding: 9px 0 18px 0;
}
h2.pagetitle {
font-size: 19px;
padding: 0 0 9px 0;
}
h3.post-title {
font-size: 17px;
padding: 3px 0 6px 0;
font-weight: normal;
color: #334d75;
font-family: Georgia, Times, "Times New Roman", serif;
}
div.post h3.post-title { padding: 9px 0 6px 0; }
h3.post-title a {
font-weight: normal;
color: #334d75;
font-family: Georgia, Times, "Times New Roman", serif;
text-decoration: none;
padding: 0;
}
p.post-date-author {
padding: 0;
font-size: 11px;
}
span.author {
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
}
div.entry {
padding: 9px 0;
}
div.entry p { padding: 9px 0; }
p.post-meta {
padding: 9px;
background: #efeff4;
font-size: 10px;
}
p.post-meta a {
color: #334d75;
text-decoration: none;
font-weight: normal;
}
.post-comments { margin: 0 9px 0 0; }
.post-tags { margin: 0 0 0 9px;}
#commentform textarea {
width: 500px;
}
h4#comments, #respond h4 {
font-size: 15px;
padding: 12px 0 9px 0;
font-weight: normal;
color: #334d75;
font-family: Georgia, Times, "Times New Roman", serif;
border-top: solid 1px #eee;
}
ol.commentlist, ol.commentlist li {
list-style: none;
margin: 0;
}
ol.commentlist li {
padding: 9px 0;
border-top: solid 1px #eee;
}
ol.commentlist li img.avatar {
float: left;
margin: 0 6px 6px 0;
padding: 3px;
border: solid 1px #eee;
}
.comment-date {
float: right;
font-size: 10px;
font-weight: bold;
color: #666;
}
.comment cite { font-style: normal; }
#sidebar-twitter {
padding: 3px 12px 0 12px;
background: #eee;
border-top: solid 1px #ddd;
}
#sidebar-twitter h4 {
border: none;
padding: 12px 3px 6px 30px;
background: url('/public/img/twitter-bird-icon.gif') 0px 6px no-repeat;
}
#sidebar-twitter .aktt_tweets ul, #sidebar-twitter .aktt_tweets ul li {
margin: 0;
list-style: none;
}
#sidebar-twitter .aktt_tweets ul li {
border-top: solid 1px #ddd;
font-size: 10px;
padding: 6px 0;
}
#sidebar-twitter .aktt_tweets ul {
padding: 9px 3px 3px 3px;
}
/* Begin Images */
#journal p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */