/*
Theme Name: Donna Seale Theme
Theme URI: http://donnaseale.ca/
Description: Donna Seale's Blog theme.
Version: 1.0
Author: Skunkworks Creative Group
Author URI: http://skunkworks.ca/

*/

/* universal styles */
#content-wrap .hilite, #content-wrap strong.search-excerpt { background-color:yellow; }

body {
	background-color: #dedad2 /*beige*/;
	background-image: url(images/header-bgd.jpg);
	background-repeat: repeat-x;
	margin: 0px;}

img {border:0;}

:link img {
  border: none;}

:visited img {
  border: none;}

p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em/*13px*/;
	font-weight: normal;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 5px;	}

p a:link {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
p a:visited {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
p a:active {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
p a:hover {color: #4a370e /*brown*/; text-decoration: underline; background-color: #ede8df /*light-beige*/; font-weight:bold;}

p.date{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*12px*/;
	font-weight: normal;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	margin-top:-1px;
	margin-bottom: 5px;	}

h1, h1 a:link, h1 a:visited, h1 a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.2em/*22px*/;
	font-weight: bold;
	line-height: 1.1em;
	color: #970a02 /*red*/;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: -1px;
	text-decoration:none;}
	
	h1 a:hover{text-decoration:underline;}
	
h2, h2 a:link, h2 a:visited, h2 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.2em/*18px*/;
	font-weight: bold;
	line-height: 1.1em;
	color: #970a02 /*red*/;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: -1px;}
	
	h2 a:hover{text-decoration:underline;}
	
h3, h3 a:link, h3 a:visited, h3 a:active {
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em/*16px*/;
	font-weight: bold;
	line-height: 1.2em;
	color: #4a370e /*brown*/;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: -1px;}

h3 a:hover{text-decoration:underline;}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em/*13px*/;
	font-weight: bold;
	line-height: 1.2em;
	color: #4a370e /*brown*/;
	text-transform:uppercase;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: -1px;}

ul, ol {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 1.4em;
	margin: 15px 0 20px 30px;
	padding:0;} 

ul li, ol li {font-size: 0.85em/*13px*/;}

ul li ul li {font-size: 1em;}
	
ul li{ list-style-image:url(images/bullet.gif);
margin-bottom:8px;
	}
	
ol li {
	list-style-type: decimal;
	margin-bottom:8px;
	}

ol li li {list-style-type:lower-latin;}


li a:link {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
li a:visited {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
li a:active {color: #970a02 /*red*/; text-decoration: underline; font-weight:bold;}
li a:hover {color: #4a370e /*brown*/; text-decoration: underline; background-color: #ede8df /*light-beige*/; font-weight:bold;}

#sidebar li{ list-style-type:none;}

.commentlist li ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*12px*/;
	font-weight: normal;
	color: #970a02 /*red*/;
	background-image: none;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 0px;}

.commentlist li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*12px*/;
	font-weight: normal;
	color: #4a370e /*brown*/;
	background-image: none;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type:none;}

.commentlist cite, .commentlist cite a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em/*13px*/;
	font-weight: bold;
	color: #4a370e /*brown*/;	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;	}

blockquote { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em/*14px*/;
	color: #4a370e /*brown*/;
	font-weight: bold;
	font-style:italic;
	line-height: 1.2em;
	width: 390px;
	margin-left: 50px;
	margin-right: 8px;
	margin-top: 18px;
	margin-bottom: 16px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	border-left: 8px solid #970a02 /*red*/;	}
	
blockquote a:link {color: #970a02 /*red*/; text-decoration: underline;}
blockquote a:visited {color: #970a02 /*red*/; text-decoration: underline;}
blockquote a:active {color: #970a02 /*red*/; text-decoration: underline;}
blockquote a:hover {color: #4a370e /*brown*/; text-decoration: underline; background-color: #ede8df /*light-beige*/;}

/* site template container styles */

/*** HEADER ***/

#header-wide{
width:100%;
height:247px;
background-image:url(images/header-bgd.jpg);}

#top-header{
width:1100px;
height:247px;
margin:0 auto;}

#content-wrap{
position:relative;
clear:both;
width:900px;
background-image:url(images/content-bgd.gif);
background-repeat:repeat-y;
margin:0 auto;
padding:0 0 30px 0;
border-top:1px solid #dedad2 /*beige*/;}

#skip-to-content{
display:block;
position:absolute;
left:-10000px;
clear:both;}


/*** NAVIGATION ***/
#navigation-bar {}

#menu{
width:900px;
height:34px;
background-image:url(images/nav-bgd.gif);
background-repeat:repeat-x;
margin:0;}

#menu ul{
float:left;
display:block;
height:34px;
list-style-type: none;
border-right: 1px solid #b5504a/*bright red*/;
margin:0px;
padding:0px;}

#menu ul li{
float:left;
border-left: 1px solid #b5504a/*bright red*/;
border-right: 1px solid #86312c/*dark red*/;
margin:0;
list-style-type:none;
list-style-image:none;}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{
height:28px;
display:block;
padding: 6px 12px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em/*13px*/;
font-weight: bold;
color:#fff;
text-decoration:none;}

#menu ul li a:hover, #menu ul li#active-menu a {background-image:url(images/nav-bgd-hover.gif); background-repeat:repeat-x;}

/*** SUB MENU ***/

.submenu-wrap{
margin:-20px auto 10px;}

.submenu a:link, .submenu a:visited, .submenu a:active {
width:105px;
height:55px;
float:left;
display:block;
padding: 8px 0 0 10px;
margin: 0 20px 20px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em/*14px*/;
line-height:1.1em;
font-weight: bold;
color:#4a370e;
border-top: 2px solid #dedad2/*beige*/;
text-decoration:none;}

.submenu a:hover, .submenu#active-menu a{
background-color:#ede8df /*light-beige*/;
color:#4a370e /*brown*/;
border-top: 2px solid #970a02 /*red*/;}

/*** CONTENT ***/

#content-left{
clear:both;
float:left;
width:540px;
background-color:#fff;
margin-right: 10px;
padding: 40px 30px;
}

.meta-box{
width:510px;
background-color:#ede8df/*light-beige*/;
margin: 20px 0 40px;
padding: 10px 15px 7px;}

.meta-box p{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*11px*/;
	font-weight: bold;
	color: #4a370e/*brown*/;
	text-align: left;
	margin:0;
	padding-bottom:5px;}

.meta-box p a:link {color: #4a370e/*brown*/; font-weight:normal; text-decoration: none; background:none;}
.meta-box p a:visited {color: #4a370e/*brown*/; font-weight:normal; text-decoration: none; background:none;}
.meta-box p a:active {color: #4a370e/*brown*/; font-weight:normal; text-decoration: none; background:none;}
.meta-box p a:hover {color: #4a370e/*brown*/; font-weight:normal; text-decoration: underline; background:none;}

.meta-box img{float:left; padding-right:7px;}

.meta-box p.got-comments a:link, .meta-box p.got-comments a:visited, .meta-box p.got-comments a:active{font-size:0.85em/*13px*/;  font-weight:bold; float:left;}

.meta-box p.got-comments a:hover{ text-decoration:underline;}

#content{
clear:both;
float:left;
width:800px;
background-color:#fff;
margin:0 auto;
padding: 40px 50px;}

.clear-fix{
clear:both;}

/*** SIDEBAR ***/

#sidebar {
float:left;
width:290px;}

#donna-box{
width:290px;
height:188px;
background-image:url(images/donna-seale-box.jpg);
background-repeat:no-repeat;}

#donna-box p.title{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em/*16px*/;
letter-spacing:-0.06em;
color: #970a02 /*red*/;
padding: 70px 0 5px 110px;
margin:0;}

#donna-box p.title small{ font-size:0.45em/*9px*/;
letter-spacing:-0.04em;}

#donna-box p.description{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em/*14px*/;
letter-spacing:-0.03em;
color:#000;
padding: 0 0 5px 110px;
margin:0;}

#sidebar p, #sidebar .social-media-left p, #sidebar .social-media p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*12px*/;
	font-weight: normal;
	color: #000;
	letter-spacing:-0.08em;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 5px;	}
	
#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active {color: #000 /*red*/; text-decoration: none; font-weight:normal;}
#sidebar p a:hover {color: #4a370e /*brown*/; text-decoration: underline; background-color: #ede8df /*light-beige*/;}

/*** SEARCH ***/
.search-area {width:290px; height:32px; margin: 15px 0 30px 0;}
#searchform {margin:0 auto; height:30px; width:250px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4a370e; font-size:0.75em/*12px*/;}
#searchform label {height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size:0.75em/*12px*/;  color:#4a370e; float:left;}

/*** SIDEBAR HEADERS ***/

.img-sidebar-header{
margin:15px 27px 15px;
width:290px;}

img .sidebar-header{
width:236px;
height:27px;
margin:0 auto;}

.social-media {
float:left;
width:118px;
height:32px;
margin:0 0 15px 10px;}

.social-media-left{
float:left;
width:118px;
height:32px;
margin:0 0 15px 30px;}

.social-media p, .social-media-left p {
float:left;}

.social-media img, .social-media-left img {float:left; padding-right:7px;}

/*** SIDEBAR ITEMS ***/

h1.sidebar {
clear:both;
float:left;
width:230px;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em/*16px*/;
background-color:#970a02/*red*/;
color:#fff;
padding: 5px 30px;
margin: 20px 0 10px 0;}

#sidebar ul{
float:left;
width:250px;
margin:0 10px 0 30px;
padding:0;}

#sidebar ul li{
list-style:none;
font-size: 0.75em/*12px*/;
margin:0;
padding:0;}

#sidebar .cat-item{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.75em/*12px*/;
font-weight: normal;
color: #000;
line-height: 1.2em;
text-align: left;
margin-bottom: 8px;}

#sidebar .cat-item a:link, #sidebar .cat-item a:visited, #sidebar .cat-item a:active{color: #000; text-decoration: none; font-weight:normal;
text-decoration:none;
color:#2d2d2d;}

#sidebar .cat-item a:hover {
color: #4a370e /*brown*/; text-decoration: underline; background-color: #ede8df /*light-beige*/;}


/*** FOOTER ***/

#footer-wide{
width:100%;
background-image:url(images/footer-wide-bgd.gif);
background-repeat:repeat-x;
background-color:#41300b /*dark brown*/;}

#footer-wrap{
width:900px;
background-image:url(images/footer-bgd.jpg);
background-repeat:no-repeat;
margin:0 auto;}

#footer{
width:880px;
padding:40px 0 30px 20px;}

.footer-column{
float:left;
width:210px;}

h1.footer{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.2em/*16px*/;
font-weight: bold;
color: #dedad2/*light-beige*/;
line-height: 1.3em;
text-align: left;
margin-bottom: 8px;}

#footer p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.75em/*12px*/;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	margin: 0 0 6px 0;	}

#footer p a:link {color: #fff; text-decoration: none; font-weight:normal;}
#footer p a:visited {color: #fff; text-decoration: none; font-weight:normal;}
#footer p a:active {color: #fff; text-decoration: none; font-weight:normal;}
#footer p a:hover {color: #fff; text-decoration: underline; font-weight:normal; background-color:#970a02/*red*/;}

img.recognition{
float:left;
margin: 10px 0;}

#footer-signature{
width:880px;
margin: 30px 0 0 0;}

#footer-signature p{
font-size:0.75em/*11px*/;}

#footer-signature-left{
width:450px;
float:left;
text-align:left;}

#footer-signature-right{
width:430px;
float:right;
text-align:right;}

#footer-signature-right p{
text-align:right;}