/*
 Theme Name: Thrown Glass
 Theme URI: http://www.astonesthrowglass.ca/
 Description: Theme for astonesthrowglass.ca.
 Version: 1.0
 Author: Matthew Hollett
 Author URI: http://www.matthewhollett.com/
*/

body {background: #222; color: #ddd; font-family: Georgia, Times New Roman, serif; text-align: center; margin: 0 0 10px 0;}

a {text-decoration: none;}
a:link, a:visited {color: #9b9c36;}
a:hover, a:active {color: #dd2; text-decoration: underline;}
a img {border: none;}

div, ul {text-align: left; border: 0px #ddd solid;}
#page {position: relative; width: 930px; margin-left: auto; margin-right: auto; padding: 0; overflow: visible;}


/* menu */
#menu {position: relative; height: 75px; /*height: 59px;*/ background: url("images/menu-background.jpg") no-repeat 0px 0px; }
#menu ul {position: absolute; top: 35px; right: 0; height: 38px; list-style: none; margin: 0; font-size: 1em;}
#menu li {float: left; margin: 0 0 0 6px; padding: 4px 7px 17px 7px; background-color: #333; border: 1px #444 solid; border-bottom: 0; opacity: .70; filter: alpha(opacity=70);}
#menu li a {color: #ddd;}
#menu li a:hover {color: #dd2;}
#menu li.current_page_item, #menu li.current_category_top {background-color: #474548; border: 1px #555 solid; border-bottom: 0; opacity: .99; filter: alpha(opacity=99);}
#menu li.current_page_item a, #menu li.current_category_top a {color: #eee;}

#headerimg {position: absolute; top: 18px; left: -3px; z-index: 20;}


/* port */
#port {position: relative; height: 75px; background-color: #474548; z-index: 15;}
#port ul {position: absolute; top: 0; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 10;}
#port ul li {float: left; margin: 0 0 0 8px; padding: 0;}
#port ul li ul {position: relative; margin: 0;}
#port ul li ul li {margin: 0 3px 0 0;}
#port ul li ul li a {float: left; width: 40px; height: 40px; background-color: #777;}
#port ul li ul li img {width: 40px; height: 40px; /* width and height should be same as above; 32-40 works */}
/* if thumbnail size changes, might also need to adjust currentthumboffset in scripts.js */

/* port category titles such as "leaded glass". tooltips used to show category descriptions. */
#port ul li span {position: relative; font-size: 0.7em; font-family: Verdana, Arial, sans-serif; color: #bbb; z-index: 40;}
#port ul li span.hasdescription {}
#port ul li span.hasdescription span {display: none;}
#port ul li span.hasdescription:hover {color: #fff;}
#port ul li span.hasdescription:hover span {display: block; position: absolute; top: 1.7em; left: 0; width: 400px; font-size: 1em; color: #999; line-height: 1.4em; padding: 10px; background: #333; border: 1px #555 solid;}
#port ul li span span h3 {font-size: 1.2em; color: #ccc; margin-top: 0;}

#port li.portthumb {position: relative; padding-top: 6px; opacity: .50; filter: alpha(opacity=50);}
#port li.portthumb a {margin-bottom: 5px; border: 1px #aaa solid;}
#port li.portthumb.current-page-link {background-color: #222; padding-top: 1px; margin-top: 1px; opacity: .99; filter: alpha(opacity=99);}
#port li.portthumb.current-page-link img {border: 1px #ddd solid; margin: 4px 4px 6px 4px;}

#port li.portthumb:hover {opacity: .99; filter: alpha(opacity=99); z-index: 15;}
#port li.portthumb a:hover {border: 1px #dd2 solid;}

#portloupe {display: none; position: absolute; top: 76px; /* top should be about same as #port height */ left: 0; width: 82px; background-color: #222; padding: 5px; border: 1px #444 solid; border-top: 0; z-index: 20;}
#portloupe img {width: 80px; height: 80px; border: 1px #666 solid;}
#portloupe p {margin: 5px 0 0 0; font-size: 0.75em; color: #ddd;}
#portloupezoom {display: none; position: absolute; top: 39px; left: 0;}



/* pages */
#body {position: relative; min-height: 300px; background-color: #474548; padding: 35px 20px 20px 20px; overflow: hidden; font-size: 1em; line-height: 1.4em;}

h2 {font-size: 1.5em;}
h2 a:hover, h3 a:hover {text-decoration: none;}
.work img {border: 1px #777 solid;}

.page {}
.pagetitle {font-size: 1.3em; margin: 0 0 1em 0; font-family: Times New Roman, Georgia, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 0.05em;}

.pagebox {float: left; margin: 0 20px 20px 0;}
.pagebox img {margin: 0; border: 1px #555 solid;}
.pagebox p {margin-top: 0.4em; font-size: 0.75em; color: #bbb;}
.shopbox {float: left; margin: 0 20px 20px 0;} /* shop page flash box */
.googlemapsbox {float: left; margin: 0 20px 20px 0;} /* contact page google maps box */


/* sidebar */
#sidebar {width: 150px; float: left;	background: #222;	padding: 25px 9px 9px 9px;}
#sidebar h2, #sidebar h3 {font-size: 1.2em;	font-weight: normal; font-variant: small-caps; letter-spacing: 0.05em; margin: 0px 0px 0.5em 0px; padding: 0;}
#sidebar .sidebartitle {font-size: 1.3em; margin: 0 0 1em 0; font-family: Times New Roman, Georgia, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 0.05em;}

#sidebar ul {font-size: 0.9em; margin: 0;	padding: 0;}
#sidebar ul li {list-style-type: none;	list-style-image: none; margin-bottom: 1em;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul {margin: 5px 0 0 15px;}
#sidebar ul ul li {margin: 0 0 0.4em 0; padding: 0; list-style-type: disc; color: #777;}
#sidebar ul ul ul {margin: 0 0 0 10px;}
#sidebar ul ol {margin: 5px 0 0 10px;	padding: 0;}
#sidebar ul ol li {color: #777; margin: 3px 0 0; padding: 0;}

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

#sidebar form {margin: 0;}
#pagenav {margin: 0;}

#sidebar #searchform #s {width: 80px;	font-size: 0.75em;}
#sidebar #searchsubmit {font-size: 0.75em;}


/* blog posts */
#blog-body {float: right; width: 710px; min-height: 300px; background-color: #474548; padding: 10px 20px 20px 20px; overflow: hidden; border-bottom: 1px #474548 solid; line-height: 1.4em;}
#blog-body .pagetitle {margin: 1em 0;}

.post {clear: both; margin: 0 0 3em 0; padding-bottom: 2em; border-bottom: 1px #555 solid;}
.posttitle {font-size: 1.2em; margin: 1em 0 0 0; font-family: Times New Roman, Georgia, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 0.05em;} /* post titles */
.postdate {font-size: 0.9em; color: #777; margin: 0;}
.post img {border: 1px #555 solid;}
.postmetadata {clear: both; font-size: 0.9em; color: #777; min-height: 1em;} /* min-height helps make portfolio-body higher. */
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}
.post-edit-link {margin-left: 3px; padding: 0 0 0 16px; background: url("images/wordpress-icon-12px.png") no-repeat 0 50%;}

.entry p, .entry li {font-size: 0.95em; line-height: 1.3em;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {font-family: Times New Roman, Georgia, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 0.05em; margin: 2em 0 0.5em 0;}

.entry {text-align: justify;}
.entry ul {list-style-type: disc; margin: 0; padding: 0 0 0 35px;	text-indent: -10px;}
.entry ul li {margin: 0 0 0.4em 10px; padding: 0 0 0 20px;}
.entry ol {margin: 0px; padding: 0 0 0 35px;	text-indent: -10px;}
.entry ol li {margin: 0 0 0.4em 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;}

.navigation {overflow: hidden; font-size: 0.9em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; text-align: center;} /* previous and next blog post links */
.navtop {margin: 0 0 2em 0; border-bottom: 1px solid #555;}
.navbottom {margin: -3em 0 0 0;}
.prevlink {float: left;}
.nextlink {float: right;}


/* blog post comments */
select {width: 130px;}
#commentform p {font-size: 0.9em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;	margin: 0;}
#commentform input {width: 200px;	padding: 3px 5px;	margin: 0 3px 5px 0;	vertical-align: top; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
#commentform textarea {width: 696px; margin: 0.5em 0 0 0; padding: 5px; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}
#commentform #submit {float: right;	margin: 0.5em 0;}

.nocomments {display: none; text-align: center;	color: #777; margin: 0;	padding: 0;}

ol.commentlist {margin: 0 30px; padding: 0; text-align: justify;}
.commentlist 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;}
.commentlist p {line-height: 1.4em;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;	font-size: 1.1em;}
.comment-notice {font-size: 0.9em; background-color: #777; padding: 2px 4px;}
.commentmetadata {color: #777; font-size: 0.9em;} /* date, edit link, etc. */


/* portfolio posts */
#portfolio-body {float: right; position: relative; width: 792px; min-height: 300px; background-color: #474548; margin-top: 10px; padding: 10px 20px 20px 20px; line-height: 1.4em;}
#portfolio-body .post {margin: 0; padding-bottom: 0; border: 0;}
#portfolio-body .posttitle {margin: 1em 0;}
#portfolio-body .gallery {display: none;}
#portfolio-body .panel {display: none; border-bottom: 1px #555 solid;}
#portfolio-body .panel img {border: 1px #555 solid;}
#portfolio-body .entry {color: #777;}

#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;}

#sidebar.portfolio-sidebar {width: 42px; padding: 6px 28px 0 28px; margin-top: 10px; border-top: 5px #474548 solid;}
#sidebar.portfolio-sidebar img {width: 36px; height: 36px; margin: 0; border: 1px #888 solid;}
#sidebar.portfolio-sidebar .thumb {float: left; opacity: .50; filter: alpha(opacity=50); padding: 3px 4px 3px 5px;}
#sidebar.portfolio-sidebar .thumb-lit {float: left; opacity: .99; filter: alpha(opacity=99); background-color: #474548; padding: 3px 33px 3px 5px;}
#sidebar.portfolio-sidebar .thumb-lit img {border: 1px #ddd solid;}


/* index page (home.php) */
#home-intro {position: relative; width: 912px; background-color: #70282C; padding: 0.5em 9px; border-top: 3px #302F31 solid; font-size: 0.9em; line-height: 1.4em; z-index: 0;}
#home-intro .post {margin: 0; padding-bottom: 0; border-bottom: 0;} /* border-top fixes ie glitch */
#home-intro .entry, #home-intro .entry p {margin: 0;}
#home-intro .post p {margin: 0.5em 0;}
#home-intro .postmetadata {}

#home-featured {float: left; width: 452px; background: #222; min-height: 400px; margin-top: 10px; padding: 15px 9px 9px 9px;}
#home-featured .pagetitle {margin: 0;}
#home-featured .pagetitle-posttitle {font-size: 0.9em;}
#home-featured .post {margin-top: 1.5em; margin-bottom: 0; padding-bottom: 0; border-bottom: 0px #444 solid;}
#home-featured .slideshowdiv {position: relative; width: 452px; height: 452px;}
#home-featured .slideshowdiv img {border: 1px #555 solid;}
#home-featured .slideshowdiv img:hover {border: 1px #dd2 solid;}

#slideshow {position: absolute; top: 0; left: 0; list-style: none; margin: 0; padding: 0;}
#slideshow li {display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0;} /* needs to be position: absolute */

.pagesubtitle {color: #777; font-size: 0.75em; font-weight: normal; margin-top: 0;}

#home-blog {float: right; width: 408px; min-height: 300px; background-color: #474548; padding: 23px 20px 20px 20px; border-top: 3px #302F31 solid; overflow: hidden; border-bottom: 1px #474548 solid; line-height: 1.4em;}
#home-blog .post {margin-bottom: 0; padding-bottom: 0; border: 0;}
#home-blog .post img {max-width: 408px; height: auto;}
#home-blog .pagetitle {margin: 0;}

.attachment-thumb {margin-top: 0.5em;} /* also used on archive.php */


/* foot */
#foot {clear: both; text-align: right; color: #555; font-size: 0.7em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; padding: 0;	margin: 0; overflow: hidden;}
#foot p {margin: 10px; padding: 0;}

#foot a:link, #foot a:visited {color: #777;}
a:hover, a:active {color: #dd2; text-decoration: underline;}

.feed-link {margin-left: 3px; padding: 0 0 0 15px; background: url("images/feed-icon-10px.png") no-repeat 0 55%;}


/* misc */
/*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 */