/*  
Theme Name:ARTery
Theme URI:theartery.ca
Description:Custom WP theme for the ARTery in Edmonton, Alberta, Canada
Author:Greg deJong (dwegowy)
Version:0.2
*/

/* basic 

Colours:
5B384A "Aubergine" :)
  70475C (lighter)
EF3833 Red
FFFEEF Palest Yellow

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

body {
margin: 0;
padding: 0;
background: #FFFEEF;
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size: 90%;
line-height: 115%;
color: #5B384A;
}
:focus {
outline: 0;
}
a img {
border: none;
}
a,
a:visited {
color: #5B384A;
text-decoration: none;
outline: none;
}
a:hover {
color: #EF3833;
}
p {
margin: 0 0 .5em;
padding: 0;
}
ul {
list-style-type: none;
margin: 0 0 .5em;
padding: 0;
line-height: 0%;
}
ul li {
margin: 0 0 .25em;
padding: 0;
line-height: normal;
zoom: 1;
}
ol {
margin: 0 0 .5em 23px;
padding: 0;
}
* html ol {
margin: 0 0 .5em 23px;
padding: 0;
}
ol li {
padding: 0 0 .25em 0;
}
form,
table,
input,
textarea,
dl,
dt,
dd {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
width: 100%;
border: 0;
}
blockquote {
margin: 0 0 1em 0;
padding: 35px 20px 0 20px;
border: 1px solid #ccc;
background: #fafafa url(img/quote1.gif) no-repeat 10px 10px;
}
blockquote p {
margin: 0 0 5px 0;
}
.quote_bottom {
height: 30px;
background: #fafafa url(img/quote2.gif) no-repeat right;
margin-right: -10px;
}
pre {
border: 1px solid #ccc;
background: #fafafa;
padding: 10px 20px;
margin: 0 0 .5em 0;
overflow: auto;
}
object {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter { 
display: block;
margin-left: auto;
margin-right: auto;
}
.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.clear {
clear: both;
}

/* layout 
----------------------------------------- */
#wrapper {
width: 930px;
margin: 0 auto;
}
#header {
background: url(img/header.gif) no-repeat bottom;
}
#contents {
background: url(img/side.gif) repeat-y;
}
#left_col {
float: left;
display: inline;
width: 690px;
margin: 0 0 0 2px;
}
#right_col {
float: right;
display: inline;
width: 236px;
margin: 0 2px 10px 0;
}
#footer {
background: url(img/footer.gif) no-repeat top;
height: 90px;
}


/* header 
----------------------------------------- */
#header_top {
height: 200px;
margin: 0;
padding: 0;
}

/* blog title and logo art */
#logo {
height: 180px;
float: left;
display: inline;
margin: 0;
padding: 0;
background: url(img/artery_logo.gif) no-repeat top left;
}
/* title */
#logo h1 {
margin-top: 110px;
margin-bottom: 4px;
font-weight: bold;
color: #70475C;
font-size: 1.5em;
}
#logo h1 a, #logo h1 a:visited {
color: #5B384A;
padding: 110px 0 50px 165px;
}
#logo h1 a:hover {
text-decoration: none;
color: #EF3833;
}
/* description */
#logo p {
font-size: .8em;
font-weight: bold;
margin: 0 0 0 165px;
padding: 0;
}

/* header menu is at the end of this document */


/* left_col 
----------------------------------------- */
.post {
background: url(img/post_line.gif) no-repeat left bottom;
}
#single_post {
background: none;
}
.post_even {
background: url(img/meta_stripe.gif) repeat-y left;
}
.post_content_wrapper {
float: right;
width: 510px;
padding: 15px;
}
.post_meta {
float: left;
display: inline;
width: 120px;
padding: 0 15px 35px;
margin: 35px 0 0 0;
}
.content_noside {
float: right;
width: 510px;
padding: 15px;
}


/* Left Column widgets
----------------------------------------- */
.ads_left_col {
color: #eee;
float: left;
width: 150px; /* this is edge-to-edge */
margin: 0;
padding: 0;
font-size: .9em;
}
.ads_left_col h3 { /* title */
margin: 0;
padding: 2px 3px;
text-align: center;
}
.ads_left_col p {
margin: 0;
padding: 3px;
line-height: 115%;
}
.ads_left_col a, .ads_left_col a:visited {
color: #ddd;
font-weight: bold;
text-decoration: none;
}
.ads_left_col a:hover {
color: #fff;
cursor: pointer;
}
.ads_left_col form { /* usu. PayPal button */
text-align: center;
}
.ads_left_col form img { /* usu. PayPal button */
margin: 0;
padding: 0;
}


/* post contents 
----------------------------------------- */
.post h2,
#single_post h2,
.page h2 {
font-size: 1.25em;
margin: 0 0 .75em 0;
font-weight: bold;
background: url(img/stripe1.gif) repeat-x bottom;
padding: 0 0 .25em 0;
}
.post h2 a,
.post h2 a:visited,
#single_post h2 span,
.page h2 span {
color: #5B384A;
display: inline-block;
padding: 0 0 .5em 0;
}
.post h2 a:hover {
text-decoration: underline;
color: #EF3833;
}

.post_content {
font-size: .9em;
}
.post_content p {
margin: 0 0 .5em 0;
}

.post_content a,
.post_content a:visited {
color: #5B384A;
text-decoration: underline;
}
.post_content a:hover {
color: #EF3833;
}
.post_content a.more-link,
.post_content a.more-link:visited {
display: block;
clear: both;
color: #5B384A;
margin: 15px 0 0 0;
height: 20px;
padding: 0 0 4px 45px;
background: url(img/read_more.gif) no-repeat left top;
text-decoration: none;
}
.post_content a.more-link:hover {
color: #EF3833;
background: url(img/read_more.gif) no-repeat left bottom;
text-decoration: underline;
}

.post img, .post a img {
border: 1px solid #fff;
/* padding: 5px; */
margin: 0 10px 0 0;
}
.post a:hover img {
border: 1px solid #5B384A;
}
.post img.centered {
display: block;
margin: 0 auto;
}
.post img.alignright {
margin: 4px 0 15px 15px;
display: inline;
}
.post img.alignleft {
margin: 4px 15px 15px 0;
display: inline;
}
.post img.wp-smiley {
border: 0;
padding: 0;
margin: 0;
}

.post table {
margin: 0 0 1em 0;
}
.post td,
.post th {
border: 1px solid #ccc;
padding: 15px;
}
.post th {
background: #eee;
font-weight: normal;
}

.post_content ul li {
margin: 0 0 .5em 0;
background: url(img/bullet1.gif) no-repeat 3px 7px;
padding: 0 0 0 18px;
}
.post_content ol li {
margin: 0 0 .25em 0;
}
.post_content input {
margin: 5px 0;
}

/* post meta */
.post_meta {
font-size: .9em;
text-align: right;
margin: 1em 0 0;
}
.post_meta dt {
color: #999;
margin: 20px 0 0;
padding-top: 20px;
background: url(img/dot1.gif) repeat-x top;
}
.post_meta dt.meta_date {
padding: 16px 0 5px;
margin: 0;
background: none;
}
.post_meta a,
.post_meta a:visited {
color: #666;
}
.post_meta a:hover {
color: #33a8e5;
}
.post_date {
font-size: 2em;
padding: 5px 0 0;
}
.post_date span {
color: #666;
}

/* odd post color */
.meta_comment a,
.meta_comment a:visited,
.post_date,
.post_meta dt.meta_comment {
color: #5b384a;
}

/* even post color */
.post_even .meta_comment a,
.post_even .meta_comment a:visited,
.post_even .post_date,
.post_even .post_meta dt.meta_comment,
.post_even .post_meta a:hover {
color: #70475c;
}

/* right_col
----------------------------------------- */
.side_box {
color: #aaa;
margin: 0 15px 25px;
font-size: .8em;
border-top: 1px solid #70475c;
clear: both;
padding: 10px 0 0;
}
.first_side_box {
background: none;
padding: 0;
}

#right_col h3 {
font-size: 1em;
color: #ddd;
font-weight: bold;
margin: 0 0 1em 0;
padding: 0;
}
#right_col a,
#right_col a:visited {
color: #ccc;
font-weight: bold;
}
#right_col a:hover {
color: #fff;
text-decoration: underline;
}

.side_box ul {
margin: 0;
}
.side_box li {
margin: 0 0 .5em 0;
}
.side_box li li {
padding: 0 0 0 .8em;
margin: 3px 0;
}

#information_area {
font-size: 1em;
padding: 0;
margin: 0 0 10px;
}
#information {
color: #ddd;
font-weight: bold;
background: #70475c url(img/artery_info-logo.gif) no-repeat 3px 5px;
padding: 10px 10px 20px 90px;
border: 1px solid #5B384A;
margin: 0 15px;
}

#entries_rss {
font-size: .8em;
background: url(img/entries_rss.gif) no-repeat left top;
padding: 2px 0 0 18px;
margin: 8px 15px 0 0;
float: right;
display: inline;
}
#entries_rss a:hover {
text-decoration: none;
}

/* PayPal
----------------------------------------- */
#paypal {
margin: 0 18px 20px;
padding: 0;
text-align: center;
color: #ccc;
}
#paypal p {
text-align: left;
margin: 0;
padding: 0;
font-size: .8em;
}
#paypal img {
margin: 0 auto 3px;
}

/* Facebook
----------------------------------------- */
p.facebook, p.facebook a, p.facebook a:visited {
color: #9cf;
font-size: .9em;
text-align: center;
text-decoration: none;
}

/* search area
----------------------------------------- */
#search_area {
width: 204px;
height: 28px;
background-color: #70475C;
border: 1px solid #70475C;
margin: -1px 0 0;
}
#search_input {
float: left;
margin: 5px 0 0 5px;
background-color: #70475C;
border: 1px solid #70475C;
height: 1.2em;
display: inline;
width: 154px;
font-size: 1em;
line-height: 1em;
color: #ddd;
}
#search_button {
float: right;
}
#tag_list {
margin: 0 0 -25px 0;
}
.search_tag {
float: right;
display: block;
margin: 0 0 5px 0;
padding: 2px 0 2px 24px;
font-size: .9em;
background: url(img/tag1.gif) no-repeat left top;
}
.search_tag: hover {
text-decoration: none;
}
.active_search_tag {
background: url(img/tag2.gif) no-repeat left top;
}
#tag_list .wp-tag-cloud {
clear: both;
margin: 0 0 10px 0;
border: 1px solid #f3dc19;
background: #333;
padding: 6px;
display: none;
}
#tag_list .wp-tag-cloud li {
display: inline;
margin: 0 5px 0 0;
line-height: 170%;
}

#search_area_top {
background: none;
padding: 0;
margin: 0 15px 25px;
}

/* calendar
----------------------------------------- */
#wp-calendar {
margin: 0 auto;
width: 100%;
color: #777;
}
#wp-calendar th,
#wp-calendar td {
border: 1px solid #444;
padding: 0;
width: 14%;
line-height: 220%;
text-align: center;
}
#wp-calendar th {
line-height: 100%;
padding: 4px 0 2px 0;
font-weight: normal;
}
#wp-calendar td a,
#wp-calendar td a:visited {
display: block;
text-decoration: none;
color: #f3dc19;
background: #111;
}
#wp-calendar td a:hover {
text-decoration: none;
 background: #444;
}
#wp-calendar caption {
padding: 8px 0;
}
#wp-calendar th {
background: #111;
}
#wp-calendar tfoot td {
border: none;
padding: 5px 0;
}
#wp-calendar #prev a,
#wp-calendar #prev a:visited,
#wp-calendar #next a,
#wp-calendar #next a:visited {
text-decoration: none;
background: none;
}
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
text-decoration: underline;
}
#wp-calendar td#today {
background: #111;
color: #f3dc19;
text-decoration: underline;
}

/* recent post date (for non widget user) */
.side_box li.side_date {
margin: 0;
padding: 0;
}

/* footer 
----------------------------------------- */
#copyright {
float: left;
display: inline;
margin: 55px 0 0 -10px;
color: #888;
}
#copyright li {
float: left;
display: inline;
font-size: .8em;
margin: 0 10px 0 0;
padding: 0 0 0 13px;
background: url(img/footer_line.gif) no-repeat left center;
}
#copyright li a,
#copyright li a:visited {
text-decoration: underline;
color: #666;
}

#return_top a {
position: absolute;
position: fixed;
right: 0;
bottom: 0;
width: 25px;
height: 75px;
display: block;
background: url(img/return_top.png) no-repeat left top;
}
#return_top a:hover {
background: url(img/return_top.png) no-repeat right top;
}

/* page 
----------------------------------------- */
#page_noside_contents {
background: url(img/side_noside.gif) repeat-y;
padding: 30px 122px 10px;
}
#page_noside_header {
background: url(img/header_noside.gif) no-repeat top;
height: 32px;
margin: -32px 0 0 0;
}
#page_noside_post {
padding: 0 15px 20px;
background: none;
}
#footer_noside {
background: url(img/footer_noside.gif) no-repeat top;
height: 90px;
}

/* archive/category/tag/search
----------------------------------------- */
#headline {
background: url(img/headline_bottom.gif) no-repeat left bottom;
width: 510px;
margin: 0 0 20px 0;
}
#headline p {
background: url(img/headline_top.gif) no-repeat left top;
padding: 26px 15px 22px;
font-weight: bold;
font-size: 1.5em;
margin: 0;
text-align: center;
 }
.archive_contents {
margin: 0 0 20px 0;
padding: 0 15px 20px;
background: url(img/dot1.gif) repeat-x bottom;
}
.archive_contents h2 {
font-size: 1.2em;
margin: 0 0 5px 0;
padding: 0;
}
.archive_meta {
margin: 0 0 5px 0;
color: #999;
}
.archive_meta a,
.archive_meta a:visited {
color: #999;
}
.archive_meta li {
display: inline;
font-size: 1em;
margin: 0 10px 0 0;
}
.archive_contents p {
font-size: 1em;
margin: 0;
}
.archive_contents p a,
.archive_contents p a:visited {
color: #777;
}
.archive_contents p a:hover {
color: #33a8e5;
}

/* page navigation
----------------------------------------- */
.page_navi {
margin: 0 0 10px 0;
padding: 20px 0 0 0;
}
.page_navi li {
line-height: 0%;
display: inline;
padding: 0;
margin: 0;
font-size: .9em;
}
.page_navi a,
.page_navi a:visited,
.page_navi a:hover,
.page_navi span.current,
.page_navi span.pages,
.page_navi span.extend,
.page_navi span.current,
.page_navi span.dots {
color: #999;
width: 30px;
padding: 0;
margin: 0 3px 0 0;
display: block;
float: left;
text-align: center;
line-height: 30px;
background: url(img/pager1.gif) no-repeat left top;
}
.page_navi a:hover {
color: #999;
background: url(img/pager1.gif) no-repeat left bottom;
text-decoration: none;
}
.page_navi span.current {
background: url(img/pager2.gif) no-repeat left top;
color: #fff;
}

/* header menu
----------------------------------------- */
#header_menu {
float: right;
display: inline;
margin: 100px 5px 0 0;
height: 52px;
background: url(img/header_menu_right.gif) no-repeat right top;
}

#menu {
float: left;
background: url(img/header_menu_left.gif) no-repeat left top;
font-size: .9em;
font-weight: bold;
line-height: 1.2em;
height: 52px;
margin: 0;
}
#menu, #menu ul {
line-height: 1;
margin: 0;
padding: 0;
}
#menu li {
position: relative;
float: left;
border-left: 1px solid #444;
height: 48px;
margin: 2px 0 0;
z-index: 10;
}
#menu ul li {
height: auto;
border-left: none;
padding: 0;
left: auto;
margin: 0;
}
#menu a:link, #menu a:visited {
color: #aaa;
display: block;
padding: 19px 30px 14px;
position: relative;
}
#menu a:hover {
color: #fff;
text-decoration: none;
background: #333;
}
#menu ul {
position: absolute;
top: 48px;
left: 0;
display: none;
opacity: 0;
width: 200px;
}
#menu ul ul {
margin: 0 0 0 189px;
top: 0;
}

#menu ul a:link,
#menu ul a:visited,
#menu .current_page_item ul a:link,
#menu .current_page_item ul a:visited,
#menu ul .current_page_item a:link,
#menu ul .current_page_item a:visited,
#menu ul .current_page_item ul a:link,
#menu ul .current_page_item ul a:visited,
#menu .current-cat ul a:link,
#menu .current-cat ul a:visited,
#menu ul .current-cat a:link,
#menu ul .current-cat a:visited,
#menu ul .current-cat ul a:link,
#menu ul .current-cat ul a:visited
{
color: #ccc;
background: #000;
padding: 9px 28px 7px;
width: 132px;
margin: -1px 0 0 0;
}
#menu ul a:hover,
#menu .current_page_item ul a:hover,
#menu .current-cat ul a:hover,
#menu .first_menu ul a:hover,
#menu .last_menu ul a:hover
{
color: #fff;
background: #333;
}

#menu .current_page_item,
#menu .current-cat
{
background: #333;
z-index: 9;
}
#menu .current_page_item a:link,
#menu .current_page_item a:visited,
#menu .current-cat a:link,
#menu .current-cat a:visited
{
color: #aaa;
padding-bottom: 21px;
background: url(img/header_menu_arrow.gif) no-repeat center bottom;
}
#menu ul .current_page_item a:link,
#menu ul .current_page_item a:visited,
#menu ul .current-cat a:link,
#menu ul .current-cat a:visited
{
color: #ccc;
}
#menu ul .current_page_item ul a:link,
#menu ul .current_page_item ul a:visited,
#menu ul .current-cat ul a:link,
#menu ul .current-cat ul a:visited
{
color: #aaa;
background: #000;
}
#menu ul .current_page_item ul a:hover,
#menu ul .current-cat ul a:hover
{
color: #fff;
background: #333;
}

#menu .first_menu {
border: none;
background: none;
}
#menu .first_menu_active {
background: url(img/header_menu_first.gif) no-repeat left top;
}
#menu .first_menu a:hover {
background: url(img/header_menu_first_hover.gif) no-repeat left top;
}
#menu .last_menu {
background: none;
}
#menu .last_menu_active {
background: url(img/header_menu_last.gif) no-repeat right top;
}
#menu .last_menu a:hover {
background: url(img/header_menu_last_hover.gif) no-repeat right top;
}

#menu ul .parent_menu > a:link,
#menu ul .parent_menu > a:visited
{
background: #000 url(img/arrow4.gif) no-repeat right 14px;
}
#menu ul .parent_menu > a:hover
{
background: #333 url(img/arrow4.gif) no-repeat right 14px;
}

/* miscellaneous
----------------------------------------- */
small {
font-size: .9em;
}
.required {
color: #EF3833;
}



/* DON'T EDIT BELOW HERE
----------------------------------------- */

/* clearfix hack */
.clearfix:after { content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block;
}
/* exclude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */