/*
Theme Name: Old North Grocery Custom Theme
Description: An extension and customization of Ashford (http://ashford.turtleinteractive.com/)
Author: Chris Bay
Author URI: http: //one-one-eight.com
Version: 1.0
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}
h4 {
font-size: 16px;
font-weight: bold !important;
}
/*------------------------
ASHFORD AND WORDPRESS CSS
------------------------
CSS required by Ashford and WordPress CMS
---------------------*/
body {
background-color:#464646;
color:#464646;
}
/* body.loggedin{
background-position:0 20px;
}
body.loggedin #canvas{
padding-top:20px;
} */
a {
color:#D54E21;
text-decoration:none;
}
h1,h2,h3,h4,h5 {
font-weight:400;
margin-bottom:0;
}
blockquote {
margin:0 30px;
}
table {
margin-bottom:20px;
width:100%;
}
th {
font-weight:700;
background:#ddd;
}
th,td,caption {
padding:4px 10px 4px 5px;
}
td {
border:1px solid #ddd;
}
caption {
background:#ddd;
}
#content a:hover {/* styles the hover and visited styles for content links */
background-color:#F0F8FF;
}
/*------------------------
BUTTONS
------------------------
Buy Ashford Pro
This sample will create a green button out of link.
---------------------*/
.button {
background-image:url(images/buttonBg.png);
background-repeat:repeat-x;
background-position:left top;
border:outset 1px #ccc;
cursor:pointer;
color:#555;
font-weight:700;
padding:9px 10px;
}
.button_green {
background-color:Green;
color:#FFF;
}
a.button_green:hover,#content a.button_green:visited {
background-color:#ADFF2F;
color:#555;
}
.button_blue {
background-color:#1E90FF;
color:#FFF;
}
a.button_blue:hover,#content a.button_blue:visited {
background-color:#0FF;
color:#555;
}
.button_red {
background-color:Red;
color:#FFF;
}
a.button_red:hover,#content a.button_red:visited {
background-color:#FF1493;
color:#555;
}
/*------------------------
TYPOGRAPHY
------------------------
- This will put a exclaimation icon in front of a paragraph.
---------------------*/
#box ul.ticks {
margin-right:0;
margin-left:0;
}
#box ul.ticks li {
background-image:url(images/tick.png);
background-position:top left;
background-repeat:no-repeat;
border-bottom:1px dotted #DDD;
list-style:none;
margin-left:0;
padding:3px 0 3px 26px;
}
#box p.tick {
background-color:#EEE;
background-image:url(images/tick.png);
background-position:5px 10px;
background-repeat:no-repeat;
border:1px #DDD solid;
list-style:none;
padding:10px 10px 10px 26px;
}
#box p.exclamation {
background-color:#EEE;
background-image:url(images/exclamation.png);
background-position:5px 10px;
background-repeat:no-repeat;
border:1px #DDD solid;
list-style:none;
padding:10px 10px 10px 26px;
}
#box p.information {
background-color:#EEE;
background-image:url(images/information.png);
background-position:5px 10px;
background-repeat:no-repeat;
border:1px #DDD solid;
list-style:none;
padding:10px 10px 10px 26px;
}
#box .outline {
background-color:#EEE;
border:1px #DDD solid;
margin-bottom:20px;
padding:10px;
}
/*------------------------
PAGE LAYOUT
---------------------*/
#canvas{
overflow:auto;
width:100%;
}
#canvas_inner{
overflow:auto;
}
#page_inner{
float:left;
}
#hero,
#hero_inner{
background-color:#FFF;
line-height:0em;
}
#box{
background-color:transparent;
background-image:url(images/box_bottom.png);
background-position: bottom left;
background-repeat: no-repeat;
float:left;
width:940px;
}
#box_inner{
background-color:#FFF;
float:left;
margin-bottom:10px;
padding:40px 0 0 0;
width:940px;
}
#content{
/* position:relative; */
padding-bottom:20px;
}
/*------------------------
BRAND
---------------------*/
#top{
margin:0 10px;
}
#blog_brand{
font-size:33px;
padding:25px 0;
}
#blog_brand.using_blog_logo{
padding:0;
}
#blog_brand a:hover{
background-color:transparent;
}
#blog_logo{
background-position:top left;
background-repeat:no-repeat;
display:block;
width:940px;
}
a#blog_link{
display:block;
width:940px;
}
#blog_name{
font-family:Ashford,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
font-weight:bold;
}
#blog_description{
color:#DDD; /* modify to change blog tagline color (e.g. just another wordpress blog) */
font-family:Ashford,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
font-size:.8em;
font-weight:normal;
padding-left:10px;
}
/*------------------------
SUPERFISH
---------------------
http://users.tpg.com.au/j_birch/plugins/superfish/#download
Advanced. Do not touch.
---------------------*/
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.6em;z-index:999;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}.sf-menu{line-height:1.0;}.sf-menu ul{position:absolute;top:-999em;width:10em;}.sf-menu ul li{width:100%;}.sf-menu li:hover{visibility:inherit;}.sf-menu li{float:left;position:relative;}.sf-menu a{display:block;position:relative;}#navigation ul.sf-menu li:hover,#navigation ul.sf-menu li.sfHover,#navigation ul.sf-menu a:focus,#navigation ul.sf-menu a:hover,#navigation ul.sf-menu a:active{outline:0;}#navigation .sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('images/arrows-ffffff.png') no-repeat -10px -100px;}a > .sf-sub-indicator{top:.8em;background-position:0 -100px;}a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}#navigation .sf-menu ul a > .sf-sub-indicator{background-position:0 0;}#navigation .sf-menu ul .sf-sub-indicator,#navigation .sf-menu ul a:focus > .sf-sub-indicator,#navigation .sf-menu ul a:hover > .sf-sub-indicator,#navigation .sf-menu ul a:active > .sf-sub-indicator,#navigation .sf-menu ul li:hover > a > .sf-sub-indicator,#navigation .sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
/*------------------------
NAVIGATION REGION
---------------------
Theme Options allows you to edit the link color of the menu. Only advanced developers should modify this CSS.
---------------------*/
#navigation{
background-color:transparent; /* background color for main navigation bar */
background-image:url(images/navigation_bg.png); /* background image for main navigation bar */
background-position:top left;
background-repeat:repeat-x;
float:left;
height:33px;
width:940px;
}
.sf-menu {
float:left;
margin: 0;
position:relative;
z-index:999;
}
.sf-menu a {
border-left: none;
border-top: none;
padding: .8em 1em;
text-decoration:none;
}
body.ie .sf-menu a {
padding-bottom: .9em;
}
*//*------------------------
NAVIGATION MENU
---------------------*/
#navigation ul.sf-menu li {
/* main navigation background color (transparent or none) */
background-color: transparent;
}
.sf-menu a,
.sf-menu a:visited {
/* main navigation text/link color (white) */
color: #fff;
}
#navigation ul.sf-menu li.current_page_item a {
/* main menu background color for the current page (black) */
background-color: #000;
/* main navigation text/link color for the current page(white) */
color:#fff;
}
/*------------------------
SEARCH BOX
---------------------
Theme option
---------------------*/
#navigation #search{
float:right;
margin:6px 10px 0 0;
}
#navigation #search_input{
float:left;
}
#navigation input#s{
background-color:transparent;
background-image:url(images/search_box.png); /* modify to change the search box background */
background-position: top left;
background-repeat: no-repeat;
border:none;
height:17px;
padding:2px 10px 1px 10px;
width:160px;
}
#navigation #search_submit{
float:left;
height:20px;
width:40px;
}
body.chrome #search_submit,
body.safari #search_submit {
margin-top:-3px;
}
#navigation input#search_btn{
background-color:transparent;
background-image:url(images/search_btn.png); /* modify to change the search button */
background-position: top left;
background-repeat: no-repeat;
border:none;
cursor:pointer;
height:20px;
margin:0;
padding:0;
width:40px;
}
body.chrome #navigation input#search_btn,
body.safari #navigation input#search_btn{
background-position: bottom left;
height:21px;
}
ul.sf-menu #follow a{
float:left;
padding:.6em .4em;
}
ul.sf-menu #follow a:hover{
text-decoration:none;
}
body.ie ul.sf-menu #follow a{
padding:.6em .4em .7em .4em;
}
/*------------------------
NAVIGATION DROP DOWN MENUS
---------------------*/
.sf-menu li.sfHover a,
.sf-menu li.sfHover a:visited,
#navigation ul.sf-menu li a:hover,
#navigation ul.sf-menu li.current_page_item.sfHover a,
#navigation ul.sf-menu li.current_page_item li a,
#navigation ul.sf-menu ul li.current_page_item a,
#navigation ul.sf-menu ul li.current_page_item a:hover,
#navigation ul.sf-menu li.current_page_item li a,
#navigation ul.sf-menu li.current_page_item.sfHover a{
/* navigation drop down menu background color (light grey) */
background-color:#eee;
}
.sf-menu li.sfHover a,
.sf-menu li.sfHover a:visited,
#navigation ul.sf-menu li a:hover,
#navigation ul.sf-menu li.current_page_item li a,
#navigation ul.sf-menu li.current_page_item.sfHover a{
/* navigation drop down text/link color (orange) */
color: #d54e21;
font-weight:normal;
}
#navigation ul.sf-menu li a:hover{
/* navigation drop down text/link hover affect (underline) */
text-decoration:underline;
}
#navigation ul.sf-menu ul li.current_page_item a,
#navigation ul.sf-menu ul li.current_page_item a:hover {
cursor:default;
color:#000;
font-weight:bold;
text-decoration:none;
}
#navigation ul.sf-menu li ul {
border-right:2px #DDD solid; /* borders for subnavagation drop down menus */
border-left:2px #EEE solid; /* borders for subnavagation drop down menus */
border-bottom:2px #DDD solid; /* borders for subnavagation drop down menus */
}
#navigation ul.sf-menu li ul li ul{
border-top:2px #DDD solid; /* top border for sub-subnavagation drop down menus */
}
/*------------------------
SUBNAVIGATION CATEGORY MENU
---------------------
Theme option.
---------------------*/
#subnavigation{
background-color:transparent;
background-image:url(images/navigation_bg.png);
background-position:top left;
background-repeat:repeat;
float:left;
width:940px;
}
#subnavigation ul{
margin:0;
padding:0;
}
#subnavigation li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#subnavigation li a{
display: block;
position: relative;
padding:.3em 1em;
}
#subnavigation li a:hover{
background-color:#FFF;
text-decoration:underline;
}
#subnavigation .current-cat a{
background-color:#FFF;
color:#555;
}
#subnavigation .current-cat a:hover{
background-color:#FFF;
color:#555;
cursor:default;
}
/*------------------------
BREACRUMBS
---------------------*/
#breadcrumbs{
color:#BBB;
margin:0 0 20px;
}
#breadcrumbs li{
float:left;
list-style:none;
margin:0 4px 0 0;
}
#breadcrumbs a{
color:#bbb;
}
#paginate{
clear:both;
}
.paginate-previous{
float:left;
}
.paginate-next{
float:right;
}
/*------------------------
EMM_PAGINATE
---------------------
* emm_paginate - WordPress Pagination Function
* Version: 1.0
*
* Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/
* Link: http://www.ericmmartin.com/pagination-function-for-wordpress
---------------------*/
.emm-paginate {clear:both;}
.emm-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.emm-paginate a:hover, .emm-paginate a:active {background:#ccc; color:#888;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate .emm-current {color:#fff; background:#666; border:1px solid #ccc; margin-right:4px; padding:3px 6px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
/*------------------------
POSTS
---------------------
All styles for posts.
---------------------*/
.post{
clear:both;
float:left;
margin-bottom:20px;
width:100%;
}
.post_title{
font-family:Ashford,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
font-weight:bold;
line-height:1.1em;
}
.post_page .post_title{
border-bottom:#DDD dotted 1px;
margin-bottom:20px;
}
.post_content_has_image p{
margin-left:180px;
}
.post_by{
border-top:#DDD dotted 1px;
border-bottom:#DDD dotted 1px;
color:#999;
margin-bottom:20px;
text-transform:uppercase;
}
.post_by a{
color:#999;
}
.post_image_thumb{
float:left;
margin:0 10px 10px 0;
width:170px;
}
.post_image_thumb img{
background-color:#FFF;
border:1px solid #EEE;
display:block;
padding:9px;
}
.post_excerpt_readmore a{
font-weight:bold;
white-space:nowrap;
}
.post_content_excerpt ol.post_meta{
margin-top:20px;
}
#post_author{
border:1px solid #CCC;
float:left;
margin-bottom:20px;
padding:9px;
width:498px;
}
#post_author img{
float:right;
margin:0 0 0 10px;
}
#post_author .post_authortext{
/*float:left;*/
}
#post_share{
/* border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc; */
clear:both;
/* margin-bottom:20px; */
padding:5px 0;
overflow:auto;
}
#post_share h4{
display:none;
}
#post_share ul{
float:left;
padding-left:185px;
margin-bottom:0;
}
#post_share ul li a span{
display:none;
}
#post_share ul li{
float:left;
list-style:none;
margin:0;
}
#post_share ul li a{
display:block;
height:16px;
margin-right:5px;
overflow:hidden;
width:16px;
}
#post_share #twitter a{
background-image:url(images/twitter.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #facebook a{
background-image:url(images/facebook.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #reddit a{
background-image:url(images/reddit.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #stumbleupon a{
background-image:url(images/stumble.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #delicious a{
background-image:url(images/delicious.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #technorati a{
background-image:url(images/technorati.png);
background-position: top left;
background-repeat: no-repeat;
}
#post_share #digg a{
background-image:url(images/digg.png);
background-position: top left;
background-repeat: no-repeat;
}
#posts_related li{
width:460px;
}
#posts_related{
clear:both;
}
#posts_related h4{
border-bottom:1px dotted #BBBBBB;
}
#posts_related li {
border-bottom:1px dotted #BBBBBB;
clear:both;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0;
width:520px;
}
#posts_related li.item_has_thumb{
font-size:18px;
}
#posts_related li.item_has_thumb span{
background-color:#FFF;
border:1px #DDD solid;
display:block;
float:left;
height:40px;
overflow:hidden;
margin-right:5px;
margin-top:5px;
width:40px;
}
#posts_related li.item_has_thumb span img{
height:40px;
overflow:hidden;
width:40px;
}
#posts_related .post_meta_categories span{
font-weight:bold;
}
#post_list_recent{
clear:both;
padding-top:20px;
}
#post_list_recent h2{
border-bottom:1px solid #D1EEEE;
}
.post_list{
border-bottom:1px solid #D1EEEE;
list-style:none;
margin:0;
}
.post_list a{
display:block;
padding:2px;
}
.post_list a:hover{
background-color:#E0FFFF;
text-decoration:none;
}
/*------------------------
COMMENTS
---------------------
All styles for comments on posts and/or pages.
---------------------*/
#comments{
clear:both;
float:left;
}
.post_comments_title{
margin-bottom:0px;
width:520px;
}
#comments_post_rss{
width:520px;
}
.post_comments{
border-top:1px dotted #BBB;
float:left;
padding:10px 0;
margin-bottom:10px;
width:520px;
}
.post_comments_author{
background-color:#EEF3E2;
}
.post_comments_by{
float:left;
margin-right:20px;
text-align:right;
width:140px;
}
.post_comments_text{
float:left;
width:340px;
}
span.post_edit{
margin-right:10px;
}
span.post_comments_edit{
margin-right:10px;
}
#comments_form{
background-color:#EFEFEF;
float:left;
margin-bottom:20px;
padding:10px;
width:500px;
}
#comments_form label{
display:block;
}
#comments_form p{
float:left;
width:490px;
}
#comments_form p input{
background-color:#FFF;
border:1px #CCC solid;
padding:3px;
width:484px;
}
#comments_form textarea{
background-color:#FFF;
border:1px #CCC solid;
font-family:arial;
font-size:13px;
padding:3px;
width:490px;
}
.post_comments_btn{
clear:both;
width:auto;
}
/*------------------------
SIDEBAR
---------------------
All styles for sidebars on posts and/or pages.
---------------------*/
#sidebar_inner,
#column_left_inner,
#column_right_inner{
float:left;
margin-bottom:20px;
width:100%;
}
/*------------------------
WIDGETS
---------------------*/
.widget{
background-color:#EEE;
float:left;
margin-bottom:20px;
padding:5px 10px 12px 10px;
}
.grid_3 .widget{
width:140px;
}
.grid_4 .widget{
width:200px;
}
.grid_5 .widget{
width:260px;
}
.widget .widget_title{
border-bottom:1px #BBB dotted;
font-size:18px;
font-weight:normal;
}
.widget_search label{
border-bottom:1px dotted #BBBBBB;
display:block;
font-family:Ashford;
font-size:18px;
font-weight:normal;
margin-bottom:10px;
}
.widget_search #searchsubmit{
background-image:url(images/buttonBg.png);
background-repeat:repeat-x;
background-position: left top;
border:outset 1px #ccc;
cursor:pointer;
color:#555;
font-weight:bold;
padding: 1px 10px;
}
.widget ul,
.widget ol{
margin:0;
}
.widget li{
border-bottom:1px #BBB dotted;
list-style:none;
margin:0;
padding:3px 0;
}
.widget .current_page_item a{
background-color:transparent;
color:#000;
cursor:default;
font-weight:bold;
}
.widget .current_page_item li a{
background-color:transparent;
color:#d54e21;
cursor:pointer;
font-weight:normal;
}
.widget .current_page_item li a:hover{
background-color:#F0F8FF;
}
.widget ul li a{
display:block;
padding:0 3px;
}
.widget li ul{
list-style:square;
}
.widget li li{
border:none;
}
.widget li li a{
padding-left:20px;
}
.author_gravatar{
float:right;
margin:10px 0 0 10px;
}
/*------------------------
ASHFORD WIDGETS
---------------------*/
#ashford-gravatar-comments li{
float:left;
width:252px;
}
#ashford-gravatar-comments a{
float:left;
width:165px;
}
#ashford-gravatar-comments span{
float:left;
font-size:10px;
margin-right:5px;
padding:5px;
text-align:center;
width:65px;
}
/*------------------------
BOTTOM
---------------------
Footer sidebar widgets displayed in three columns.
---------------------*/
#bottom {
background-color:#EEE;
border-top:1px solid #DDD;
float:left;
padding:20px 100px 0 100px;
width:740px;
}
#bottom_inner{
float:left;
padding:0 10px;
width:720px;
}
#bottom .widget{
width:220px;
}
/*------------------------
FOOTER
---------------------
FYI: This is not #bottom.
---------------------*/
#footer{
color:#000;
float:left;
margin:30px 10px;
}
#footer a{
color:#FFF;
}
#footer a:hover{
background-color:transparent;
text-decoration:underline;
}
#footer p{
clear:both;
font-size:.8em;
}
#nav_redux{
font-size:.8em;
list-style:none;
padding:0;
margin:0;
text-align:center;
}
#nav_redux li{
float:left;
list-style:none;
padding:0;
margin:0;
}
#nav_redux li a{
display:block;
margin-right:10px;
}
#loginout a{
font-weight:bold;
}
/*------------------------
CLOSE REGION - deprecate?
---------------------*/
.close{
display:none;
}
/*------------------------
SPEED DIAL
---------------------*/
#speed_dial{
margin-top:40px;
width:960px;
}
#speed_dial .post_grid_unit{
clear:none;
font-size:13px;
}
#speed_dial .post_grid_unit a{
background-color:transparent;
background-image:url(images/speed_dial_bg.png);
background-position: top right;
background-repeat: no-repeat;
color:#FFF;
cursor:pointer;
display:block;
height:80px;
padding:10px;
}
#speed_dial .post_grid_unit a:hover{
background-image:url(images/speed_dial_bg.png);
background-position: bottom right;
}
#speed_dial .post_grid_unit a span.post_grid_title{
display:block;
height:80px;
overflow:hidden;
}
/*------------------------
ASHFORD PAGES
---------------------
Some template require custom CSS to function.
---------------------*/
div.page_template_faq h2{
border:1px #ccc solid;
color:#d54e21;
cursor:pointer;
margin-top:20px;
padding:2px 10px;
text-decoration:none;
}
div.page_template_faq p{
background-color:#EEE;
border:1px #ccc solid;
border-top:none;
margin:0px;
padding:10px;
}
#not_found{
background-color:#EEE;
margin-bottom:20px;
padding:20px;
}
#not_found h1{
margin:0;
}
#not_found p{
background-image:url(images/exclamation.png);
background-position: 2px 4px;
background-repeat: no-repeat;
margin:0;
padding:3px 3px 3px 22px;
}
/*------------------------
REQUIRED BY ASHFORD
---------------------*/
#speedialhint{
clear:both;
float:left;
margin:40px 0;
}
.widget ul li.hint a{
display:inline;
}
.widget li.hint{
margin-top:10px;
padding:3px 3px 3px 22px;
}
.widget_hint{
padding-left:24px;
}
body.hints .hint{
color:blue;
display:block;
}
body.nohints .hint{
display:none;
}
body.hints #infobar .hint{
display:inline;
}
body.hints #infobar.on .hint{
display:none;
}
body.hints #infobar.off .hint{
display:inline;
}
/*------------------------
HINTS AND REGIONS
---------------------*/
body.hints.loggedin div.region {
position:relative;
float:left;
z-index:999
}
div.region-inline {
display:none;
}
body.hints div.region-inline {
display:block;
}
div.region-border {
opacity:.25;
position:absolute;
left:-10px;
right:-10px;
top:-10px;
bottom:-10px;
height:10px;
width:10px;
background:blue;
}
div.widget.region div.region-border {
background:red;
}
div.region-border-top {
left:0px; right:0px;
width:auto;
bottom:auto;
}
div.region-border-bottom {
left:0px; right:0px;
width:auto;
top:auto;
}
div.region-border-left {
height:auto;
right:auto;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius-:5px;
}
div.region-border-right {
height:auto;
left:auto;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius-:5px;
}
div.region-links {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
font:normal 11px/20px Arial,sans-serif !important;
background-color:blue;
color:#FFF;
position:absolute;
top:-25px;
right:0px;
z-index:100;
height:25px;
line-height:25px;
overflow:hidden;
}
div.widget.region div.region-links {
background-color:red;
left:0;
right:auto;
}
div.region-links a,
div.region-links a:hover {
background-color:transparent !important;
color:#FFF !important;
text-transform:none !important;
font-weight:normal !important;
font-style:normal !important;
float:left !important;
padding:0px 10px 0px 10px;
line-height:25px !important;
}
/*------------------------
USER ADMINBAR - black bar at top of page when loggedin
---------------------*/
#user_info{
background-color:#000000;
color:#FFFFFF;
left:0;
margin:0;
position:absolute;
text-align:center;
top:0;
width:100%;
}
#user_info a{
color:#FFF;
padding-left:26px;
}
#user_info a:hover{
background-color:#555;
}
#wp_userid{
background-image:url(images/user.png);
background-position: 8px 0px;
background-repeat: no-repeat;
font-weight:bold;
}
#wp_userid a{
padding-left:0;
}
#wp_dashboard{
background-image:url(images/application.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_edit_pages{
background-image:url(images/folder_page.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_new_page{
background-image:url(images/page_edit.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_new_post{
background-image:url(images/note_edit.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_configurator{
background-image:url(images/layout.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_store{
background-image:url(images/cart.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#user_info a#wp_store{
color:lime;
font-weight:bold;
}
#wp_widgets{
background-image:url(images/cog.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_bug{
background-image:url(images/bug_add.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_logout{
background-image:url(images/stop.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
#wp_help{
background-image:url(images/help.png);
background-position: 8px 0px;
background-repeat: no-repeat;
}
/*------------------------
REQUIRED BY WORDPRESS
---------------------*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin:0 10px 10px 0;
}
.alignright {
float: right;
margin:0 0 10px 10px;
}
.size-thumbnail,
.size-medium{
background-color:#FFF;
border:1px #DDD solid;
padding:9px;
}
.size-large{
clear:both;
display:block;
margin-bottom:20px;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.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;
}
/*------------------------
REQUIRED BY LIGHTBOX PLUGIN FOR ASHFORD
---------------------*/
body #jquery-lightbox{
/* Ashford jQuery Lightbox Plugin */
z-index:9999;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*
Custom styles for Old North site
Logo colors
red: da3f2c
blue: 00093b
gold: ffe484
*/
div.footer-address {
display: inline-block;
float: left;
}
div.footer-nav {
display: inline-block;
float: right;
}
.widget li.cat-post-item p a {
display: inline;
padding: 0;
}
.post_page .post_title {
margin: 0;
border: none;
}
.post_content {
margin-top: 20px;
}
.home .post_content {
margin-top: 0;
}
.post_content li {
margin-bottom: 10px;
}
#bottom {
width: 900px;
margin:0;
padding: 0px 20px;
}
#bottom .widget {
width: 100%;
margin: 0;
padding: 10px;
padding-bottom: 0;
}