/*
 Theme Name: MacCallum
 Theme URI: http://www.marlenemaccallum.com/
 Description: Theme for Marlene MacCallum.
 Version: 1.0
 Author: Matthew Hollett
 Author URI: http://www.matthewhollett.com/
*/

/* stylesheet for marlenemaccallum */

body {color: #111; background: #464646 url("images/room.jpg") center top no-repeat; font-family: Georgia, "Times New Roman", serif; text-align: center; margin: 0;}

a {text-decoration: none;}
a:link, a:visited {color: #e7cfb6;}
a:hover, a:active {color: #f2e5e0; text-decoration: underline;}
a img {border: none;}
.anchor {font-size: 0; height: 0; clear: both;} /* used in include-menu.php */


div, ul {text-align: left; border: 0px #aaa solid;}
#band {position: absolute; top: 0; left: 0; width: 100%; height: 60px; background-color: #fff; opacity: .20; filter: alpha(opacity=20);}
#page {position: relative; width: 910px; margin-left: auto; margin-right: auto;}


/* head */
#head {position: relative; height: 60px; font-size: 1.3em; z-index: 5;}
#head p {margin: 0; padding-top: 18px;}


/* menu */
.light {position: absolute; left: -220px; top: -149px; z-index: 0;}
#menu li ul li a {}

#menu {position: absolute; left: 0; top: 60px; width: 90px; list-style: none; margin: 0; padding: 0; font-size: 0.8em; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-variant: small-caps; letter-spacing: 0.075em; z-index: 10;}
#menu li {margin: 0 0 10px 0; padding: 3px; height: 20px;}
#menu li ul {position: absolute; top: 0; left: 98px; width: 810px; list-style: none; margin: 0; padding: 3px 0 40px 0; font-variant: normal; letter-spacing: normal;}
#menu li ul li {display: inline; margin: 0 0 0 -8px; padding: 3px 30px 40px 0;}
#menu li ul > li:first-child {margin-left: 0;}
#menu li ul li ul {display: none; position: absolute; left: 0; top: 40px; padding: 0;}
#menu li ul li ul li {position: relative; background: none; font-size: 0.9em; margin: 0 12px 0 0; padding: 5px 5px 9px 5px; border: 1px #888 solid; border-bottom: 0;}

#menu-shadow {position: absolute; left: 0; top: 60px; width: 110px; list-style: none; margin: 0; padding: 0; z-index: 0;}
#menu-shadow li {position: relative; height: 20px; margin: 0 0 10px 0; padding: 3px;}
#menu-shadow li#menu-shadow-portfolio, #menu li#menu-portfolio {height: 48px;}

#menu-portfolio-a:after {content: "\0020 \00BB"} /* inserts " »" after Portfolio link */

#menu a.menu-current-a {color: #ddd; cursor: default;}
#menu li ul li.menu-current {background: url("images/light-top.png") right top no-repeat;}
#menu li ul li.menu-current ul {display: block;}
#menu li ul li ul li.menu-current {background: #888; border-color: #999;}


/* body */
#body {position: relative; overflow: hidden; width: 810px; margin: 64px 0 0 98px; min-height: 300px; background: url("images/white20percent.png"); border: 1px #888 solid;}
#body h3 {margin-top: 0; font-weight: normal;}
#body-inside {padding: 15px; font-size: 0.95em; line-height: 1.5em; text-align: justify;}

.pdf-link {padding-left: 16px; background: url(images/icon-pdf.gif) 0 50% no-repeat;} /* used on CV page */


/* home */
#body.home h3 {margin-bottom: 0;}
#body.home .pagesubtitle {color: #333; font-size: 0.75em; font-weight: normal; margin-top: 0;}
#body.home .postdate {font-size: 0.9em; color: #ccc; margin: 0;}
#home-news {/*padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px #555 solid;*/}
#home-featured {padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px #555 solid;}
#home-featured img {border: 1px #888 solid;}


/* portfolio */
#body.portfolio {}
#body.portfolio .gallery {display: none;}

#loading {position: absolute; top: 200px; left: 330px; width: 150px; background: url("images/loading.gif") no-repeat top center; font-style: italic; font-size: 0.8em; color: #aaa; text-align: center;}
#loading p {margin-top: 30px;}

#thumbs {list-style: none; margin: 0 0 0 0; padding: 5px 5px 0 15px; background: #888; z-index: 50;}
#thumbs li {display: inline; margin: 0 0 0 0; padding: 0; opacity: .70; filter: alpha(opacity=70);}
#thumbs li img {width: 27px; height: 27px; margin: 0 0 4px 0; border: 1px #fff solid;}
#thumbs li.thumb-lit {opacity: .99; filter: alpha(opacity=99);}
#thumbs li.thumb-lit img {border-bottom: 5px #fff solid; margin-bottom: 0;}

.panel {display: none;}
.panel p {margin-top: 0.5em; margin-bottom: 0; font-size: 0.75em; line-height: 1.4em;}
.panel .entry p {font-size: 1em; line-height: 1.5em;}
.panel img {border: 1px #888 solid;}
#body.portfolio .panel .entry img {display: none;} /* use for galleries with just one image (Townsite - Photogravure) */

#emptygallerywarning {display: none;} /* disabled here and in scripts.js because some galleries only have text. */


/* news posts */
#body.news .pagetitle {margin: 1em 0;}

#news-menu {overflow: hidden;}
#news-menu h3 {float: left; margin: 0;}
#news-menu ul {float: right; list-style: none; text-align: right; margin: 0;}
#news-menu ul li {display: inline; margin: 0 0 0 20px;}

#news-menu select {display: inline; font-size: 0.9em; color: #222; padding: 2px; border: 1px #bbb solid;}
#news-menu select option.dummy {margin-bottom: 5px;}

#news-menu #searchform {display: inline; margin: 0;}
#news-menu #searchform #s {display: inline; width: 100px; font-size: 0.9em; color: #bbb; padding: 3px 2px; margin: 0; border: 1px #bbb solid;}

.navigation {overflow: hidden; clear: both; font-size: 0.9em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; background: url('images/light-edge.png') bottom left repeat-x;} /* previous and next blog post links */
.navtop {margin: 0 0 2em 0; padding: 0px 5px; border-bottom: 1px solid #555;}
.navbottom {margin: -3.3em 0 0 0; padding: 0px 5px; border-bottom: 1px solid #555;}
.prevlink {float: left;}
.nextlink {float: right;}

#body.news .post {clear: both; margin: 0 0 3em 0; padding-bottom: 2em; border-bottom: 1px #555 solid;}
#body.news .posttitle {font-size: 1.1em; margin: 1em 0 0 0; font-weight: normal;}
#body.news .postdate {font-size: 0.9em; color: #ccc; margin: 0;}
#body.news .post img {border: 1px #555 solid;}
#body.news .postmetadata {clear: both; font-size: 0.9em; color: #ccc; min-height: 1em;} /* min-height helps make portfolio-body higher. */
#body.news .postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}
.post-edit, .comment-edit-link {margin-left: 3px; padding: 0 0 0 16px; font-size: 0.9em; font-variant: normal; background: url("images/wordpress-icon-12px.png") no-repeat 0 50%;}

.entry p, .entry li {font-size: 1em; line-height: 1.5em;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {font-weight: bold !important; margin: 2em 0 0.5em 0 !important;}

.entry a, .pagesubtitle a {text-decoration: underline;}
.entry a:link, .entry a:visited, .pagesubtitle a:link, .pagesubtitle a:visited {color: #473D33;}
.entry a:hover, .entry a:active, .pagesubtitle a:hover, .pagesubtitle a:active {color: #e7cfb6;}

.entry {text-align: justify;}
.entry ul {margin: 0 0 1em 0; padding: 0 0 0 35px;	text-indent: -10px;}
.entry ul li {list-style-type: disc; margin: 0 0 0.3em 10px; padding: 0 0 0 20px;}
.entry ol {margin: 0 0 1em 0; padding: 0 0 0 35px;	text-indent: -10px;}
.entry ol li {margin: 0 0 0.3em 10px;	padding: 0 0 0 20px;}

blockquote {margin: 1.5em 30px 1.5em 10px; padding: 0 0 0 20px; border-left: 4px #555 solid;}
blockquote cite {margin: 5px 0 0;	display: block;}

.gallery {} /* image gallery in blog entry using shortcode; note wp adds inline css */
.gallery-caption {padding: 3px; font-size: 0.7em; line-height: 1.3em; color: #777;}
p.wp-caption-text {font-size: 0.7em; line-height: 1.3em; margin-top: 0.6em; color: #777;}


/* links */
ul.links {margin: 0 0 1em 0; padding: 0;}
ul.links li {list-style-type: none; margin: 0 0 0.3em 0; padding: 0;}
ul.links li ul {margin: 0 0 1em 0; padding: 0;}
ul.links li ul li {margin: 0 0 0.3em 0; padding: 0 0 0 10px;}
ul.links h2 {margin-bottom: 0; font-size: 1em; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-weight: normal; font-variant: small-caps; color: #ccc;}



/* video gallery */
.post.videogallery .panel {display: block;}
#body.portfolio .post.videogallery .panel .entry img {display: block;}

.flvgallery-item {float: left; width: 180px; margin: -20px 14px 14px 0;}
.flvgallery-item a {text-decoration: none;}
.flvgallery-link {margin: 0; padding: 0;}
.flvgallery-item h2 {font-size: 1.1em; margin-top: 0;}
.flvgallery-thumbnail {}
.flvgallery-caption {font-size: 0.8em; line-height: 1.3em;}


/* news posts comments (note that comments are not currently used on the site) */
.post-comments {position: relative; padding: 0px 20px 20px 20px;}
.post-comments-link-title {font-style: italic;}

.post-comments-content {display: none; padding-bottom: 60px; font-size: 0.9em;}
.post-comments-title {font-size: 1.3em;}

ul.post-comments-list {margin: 0 30px; padding: 0; text-align: justify;}
.post-comments-list li {list-style: none; font-size: 0.95em; margin: 2em 0 2.5em 0; padding: 0 0 1.5em 0; border-bottom: 1px #555 solid;}
.post-comments-list li.oddnumber {} /* every second comment */
.post-comments-list p {line-height: 1.4em;}
.post-comments-list cite {font-style: normal;	font-size: 1.2em;} /* comment author name and link */

.post-comments-meta {color: #777; font-size: 0.9em;} /* date, edit link, etc. */
.post-comments-notice {font-size: 0.8em; background-color: #fee8c5; padding: 2px 4px;} /* "Must be approved" notice */

.post-comments-form {}
.post-comments-form p {font-family: 'Lucida Grande', Verdana, Arial, sans-serif;	margin: 0;}
.post-comments-form-input {width: 250px;	padding: 3px 5px;	margin: 0 3px 5px 0;	vertical-align: top; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
.post-comments-form textarea {width: 600px; margin: 0.5em 0 0 0; padding: 5px; font-size: 0.95em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; border: 1px #555 solid;}
.post-comments-form-submit {margin: 0.5em 0;}


/* foot */
#foot {position: relative; width: 910px; margin: 0 auto; font-size: 0.7em; color: #111; text-align: right;}
#foot p {margin: 0.5em 0 0 0; padding-bottom: 10px;}
#foot a:link, #foot a:visited {color: #222;}
#foot a:hover, #foot a:active {color: #f2e5e0; text-decoration: underline;}
.feed-link {margin-left: 3px; padding: 0 0 0 15px; background: url("images/icon-feed.png") no-repeat 0 55%;}


/* contact form 7 plugin */
.wpcf7 {margin-top: 2em !important;}
.wpcf7-form-control-wrap span {color: #BB3520;}
.wpcf7-response-output {background-color: #ccc;}


/* misc wordpress */
/*p img {padding: 0;	max-width: 100%;}*/
img.centered {display: block;	margin-left: auto;	margin-right: auto;}
img.alignright {padding: 4px;	margin: 0 0 2px 7px;}
img.alignleft {padding: 4px;	margin: 0 7px 2px 0;}

.alignright {float: right;}
.alignleft {float: left;}

#blog_title_hide {display: none;}
strike {color: #777;}
acronym, abbr {font-size: 0.9em;	letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999;}
.center {text-align: center;}


/* wp-calendar */
#wp-calendar {empty-cells: show;	margin: 10px auto 0;	width: 155px;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar #next a {padding-right: 10px;	text-align: right;}
#wp-calendar caption {width: 100%; font: bold 1.3em 'Lucida Grande', Verdana, Arial, sans-serif;	text-align: center;}
#wp-calendar th {font-style: normal;	text-transform: capitalize;}
#wp-calendar td {padding: 3px 0;	text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;} /* Doesn't work in IE */