/*
Theme Name: Hannaford Colorful
Theme URI: http://www.hannafordcareercenter.org
Description: An colorful Hannaford Career Center theme.
Version: 0.1
Author: Jackson Whelan
Author URI: http://jacksonwhelan.com/
Tags: Hannaford Career Center
*/


* {
margin:0;
padding:0;
}
body {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
color: #333333;
background:#660000;
}
a {
color: #666666;
text-decoration:none;
}
a:hover {
color:#000000;
}
#content p a {
border-bottom:1px dotted #999;
}
p {
margin-bottom:1em;
line-height:1.4em;
}

/* structure */
#wrapper {
width:950px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(images/wrapper.jpg?c=1) repeat-y;
}
#header {
width:950px;
height:215px;
background:url(images/header-bkgd.jpg) no-repeat;
}
#sidebar, #footer-logo {
width:260px;
float:left;
text-align:right;
}
#content {
width:665px;
float:right;
}
div.post {
margin:20px 30px 0 0;
}
#siblings {
float:right;
width:180px;
margin:0 0 5px 5px;
padding:5px;
border: 1px solid #660000;
}
#footer {
padding:20px 0;
background:#FFFFFF url(images/footer.jpg?c=1) no-repeat bottom center;
color:#999999;
text-align:right;
}
#footer-text {
margin:0 20px 10px 280px;
text-align:left;
font-size:9px;
}
#footer-text strong {
color:#000000;
}
div.child {
margin-bottom:10px;
}
div.child div.teaser{
margin:0 0 0 10px;
float:left;
width:400px;
}
div#subpages {
margin:5px 0 0 15px;
}
div.childpage {
float:left;
width:185px;
height:185px;
overflow:hidden;
margin:0 15px 15px 0;
background:url(images/childpage.jpg) no-repeat top left;
}
div.alt-div {
}
div.childpage h3 {
margin:5px 10px 5px 10px;
font-size:12px;
}
div.childpage div.teaser {
margin:5px 10px 5px 10px;
font-size:9px;
cursor:pointer;
}

/* head-errrs */
h2 {
font-size:15px;
margin-bottom:8px;
}
h3 {
font-size:14px;
}
h4 {
font-size:13px;
}
h5 {
font-size:12px;
}
#header h1, #header h2 {
padding:30px 0 0 0;
text-indent:-9999px;
float:left;
}
#header h2 {
padding:30px 0 0 30px;
}
#header h1 a {
width:640px;
height:145px;
display:block;
background:url(images/headers/home-header.jpg?c=1) no-repeat;
outline:none;
}
#header h2 a {
width:250px;
height:145px;
display:block;
background:url(images/hannaford-logo.gif) no-repeat;
outline:none;
}
#content h2, #content h3, #content h4, #content h5 {
color:#000000;
}
h3 a {
color:#006633;
font-weight:normal;
}
div.child h3 {
font-weight:normal;
margin-bottom:5px;
}
#footer h6 {
color:#000000;
}
#content h2 a {
color:#660000;
}
#content h2 {
font-weight:normal;
font-size:22px;
padding-bottom:5px;
}
#siblings h5 {
color:#FFFFFF;
background:#660000;
padding:5px;
}
/* lists */
#sidebar ul {
list-style:none;
margin:20px 20px 0 0;
}
#sidebar ul li ul, #sidebar ul li ul li ul {
margin:0;
}
#sidebar ul li {
font-weight:bold;
margin:5px 0 15px 0;
}
#sidebar ul li ul li, li.current_page_item ul li a, li.current_page_parent ul li a {
color: #000;
margin:5px 0;
}
li.current_page_item a, li.current_page_parent a, li.current_page_parent ul li.current_page_item a, li.current_page_ancestor a, li.current_page_ancestor ul li.current_page_parent a {
color: #660000;
}
li.current_page_ancestor ul li a, li.current_page_item ul li a {
color: #333333;
}
#sidebar ul li.current_page_ancestor ul li, #sidebar ul li.current_page_item ul li {
font-weight: bold;
}
#sidebar ul li ul li, #sidebar ul li.current_page_item ul li ul li, #sidebar ul li.page_item ul li.page_item ul li.page_item, #sidebar ul li ul li.current_page_parent ul li {
font-weight: normal;
}
#sidebar ul li ul li ul {
font-size:11px;
margin:5px 0 5px 15px;
}
#sidebar ul li ul li ul li {
font-weight: normal;
}
#siblings ul {
color:#660000;
}
#footer ul {
list-style:none;
font-size:9px;
margin-right:20px;
padding-bottom:5px;
}
#footer li {
display:inline;
margin-right:10px;
}
#content ul, #content ol {
margin:5px 15px 5px 15px;
}
#content li {
margin-bottom:5px;
}
ul.cfi-loop {
list-style:none;
width:150px;
height:150px;
float:left;
margin:0;
}
ul.cfi-loop li {
margin:0;
padding:0;
width:150px;
height:150px;
overflow:hidden;
}

/* image alignment */

img.alignright {
float:right;
margin: 5px;
}
img.alignleft {
float:left;
margin: 5px;
}


/* universal boilerplate */
a img {
border:none;
}
.clear {
clear:both;
}