/*
Theme Name: 3legance
Theme URI: http://galenevans.com
Description: A minimally styled multimedia theme framework for Wordpress.
Version: 0.2.0
Author: Galen Evans
Author URI: http://galenevans.com
*/

/******************** CSS RESET ********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******************* DEFAULT SETTINGS ***************/
html {height: 100%; background: #171516 url(http://media.galenevans.com/3legance/images/footbg.jpg) repeat-y center;}
body { font:normal .9em/1.3em "Helvetica Neue", Arial, Helvetica, sans-serif; color: #010101;}

#topcontainer, /*#masthead,*/ #header, #nav, #page, #content { background: #f6f5ef;}
#slidercontainer, #banner { background: #e4e4de;}
#bottomcontainer, #footercontainer { background: transparent;}

#topcontainer a:hover, #page a:hover, #footercontainer a:hover {text-decoration:underline;}

h1, h2 { margin:1em 0; font-weight:normal; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
h1 { font-size: 2em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.1em; font-style: italic;}
h6 { margin: 20px 0 0 0;}
p { margin:1.1em 0;}

dl { margin: 0 0 24px 0;}
dt { font-weight: bold;}
dd { margin-bottom: 18px;}

/*********************** MASTHEAD ******************************/
#topcontainer {height: 71px; padding: 0; border-bottom: groove 2px #fff;}
#topcontainer a { color: #d4bfa1;}
#topcontainer a:hover { color: #d2d8d6;}

#header { width: 960px; margin: 0 auto; background: #f6f5ef url('http://d309y7v5lf1ymo.cloudfront.net/3legance/images/border-top.png') no-repeat left top;}
#masthead { width: 335px; float: left;}
div#masthead h1 { width: 335px; margin: .8em 0 0 0; padding: 0; font-size: 25px; font-weight: lighter; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
div#masthead h1 a { color: #333; text-decoration:none; text-shadow: 0px 2px 2px #B2B3AD;}
div#masthead h1 a:hover { color:#666; text-decoration:none;}
div#masthead h2 {  width: 330px; font-size: 13px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; margin: 5px 0 0 0;}
div#masthead h2 a { color: #666; text-decoration:none;}
div#masthead h2 a:hover {color:#333; text-decoration:none;}

/*********************** MENU ****************************/
#access { float: right; width: 620px; margin: 33px 0 0 0;}
#access .menu-header, div.menu { font-size: 13px; width: 620px;}
#access .menu-header ul, div.menu ul { list-style: none; margin: 0; float: right;}
#access .menu-header li, div.menu li { float: left; position: relative;}
#access a { color: #aaa; display: block; line-height: 38px; padding: 0 8px; text-decoration: none;}
#access ul ul {	box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999;}
#access ul ul li { min-width: 180px;}
#access ul ul ul { left: 100%; top: 0;}
#access ul ul a { background: #e6e6e6; line-height: 1em; padding: 10px;	width: 160px; height: auto;}
#access li:hover > a, #access ul ul :hover > a { color: #666633; text-decoration: none;}
#access ul li:hover > ul { display: block;}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #333; font-weight: bold;}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { color: #666; font-weight: bold;}

/***************** SLIDESHOW ****************************/
#slidercontainer { display: block; height: 330px; width: 100%; padding-top: 15px; margin: 0 auto;overflow: hidden; border-bottom: groove #fff 2px; background: url('http://d309y7v5lf1ymo.cloudfront.net/3legance/images/slideshow/slidercontainerbg.jpg') repeat-x;}
#slideshow { width: 960px; margin: 0 auto; padding-right: 0px; background: transparent url('http://d309y7v5lf1ymo.cloudfront.net/3legance/images/slideshow/slideback.png') no-repeat center;}
#slideshow ul { padding: 0; list-style-type: none; height: 1%; /* IE fix */}
#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}            

/************** SLIDESHOW > SLIDES **********************/
#slideshow .slides { overflow: hidden; height: 294px; width: 960px; padding: 0;}
#slideshow .slides ul {}
#slideshow .slides li {  width: 960px; float: left; background: transparent; list-style: none;}
#slideshow .slides li a {width: 960px;}
#slideshow .slides h2 { margin-top: 0;}
/*#slideshow .slides p { color: #ddd;}*/
#slideshow .slides img {height: 294px; width: 960px; padding: 1px;}

/************* SLIDESHOW > NAVIGATION *******************/
#slideshow .slides-nav { margin-left: 375px;}
#slideshow .slides-nav li { float: left; margin-top: 2px; list-style: none;}
#slideshow .slides-nav li a { display: block; padding: 10px 20px 0px 20px; color: #999; outline: none; font-size: 1.5em; text-decoration: none;}

.js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a { color: #666; font-weight: bold;}
.js #slideshow .slides-nav li.on a { position: relative; font-size: 1.5em;}

/*********************** Portfolio Preview Area *******************************/
#preview_area {	width:960px; text-align: center; min-height: 120px; margin: 0 auto; clear: both;}
#preview_area img a { color: #d2d8d6;}
#tab1_container { float:left; text-align:left; width: 330px; height:145px; margin-top: 5px;}
#tab2_container { float:left; text-align:center; width: 320px; height:145px; margin-top: 5px;}
#tab3_container { float:right; width: 300px; height:145px; text-align:right; margin-top: 5px;}
.imagetext {color:#666;}
.boxgrid { width: 298px; height: 129px; margin:0; float:left; overflow: hidden; position: relative; border: 2px ridge;}
.boxgrid img { position: absolute; top: 0; left: 0; border: 0;}
.boxgrid img a { color:#d2d8d6;}
.boxgrid img a:hover {color: #d7d7c5;}

/*.boxcaption { float: left; position: absolute; background-image:url(http://media.galenevans.com/3legance/images/tab_over.png); height: 100px; width: 100%; opacity: .9;*/

/* For IE 5-7 */
/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/

/* For IE 8 */
/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}*/

.captionfull .boxcaption {  text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; top: 320px; /*left: 0x;*/ padding-left: 25px; padding-top: 27px;}
.captionfull .boxcaption a { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #d2d8d6; text-decoration: underline;}
.captionfull .boxcaption a:hover {color: #d7d7c5;}
.coverboxcaption a { color: #C7BFBF;}
.caption .boxcaption { top: 120px; left: 0;}
.heading_rollover { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #dcdcdc;}

/******************* PAGE & CONTENT *********************************/
#banner { height: 100px; margin: 0; padding: 0; border-bottom: groove #fff 2px;}
#bannertext { width: 960px; margin: 0 auto; padding-top: 25px; font-style: italic;}
#bannertext h2 { margin-bottom: 0; font: normal lighter 1.5em "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; color:#666;}
#bannertext ul { list-style: none;}
#bannertext ul li a { text-decoration: none; color: #8d8c80;}
.date {float:right;margin-right:10px; color:#666;}

#page { width: 100%;}
#page a {color: #993333/*#590507*/; text-decoration:none;}
#page ul {list-style:disc;margin: 0 0 0 20px;}

.page-link { color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em;}
.page-link a:link, .page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em;	text-decoration: none;}

div.content {width: 960px; margin:0 auto; padding:10px 0;}
div.entry {margin:0;}
div.entry td {vertical-align:middle;}
div.description {float:right;margin-top:2.0em;}
div.description a {color:#333;text-decoration:none;}
.entry-utility { font-size: .8em;}

blockquote { font-style: italic; padding: 0 3em;}
blockquote cite, blockquote em, blockquote i { font-style: normal;}

#nav-above { margin: 0 0 18px 0;}
#nav-below { margin: 18px 0 0 0;}

/* =Comments
-------------------------------------------------------------- */
#comments { clear: both;}
#comments .navigation {	padding: 0 0 18px 0;}
h3#comments-title, h3#reply-title { font-size: 1.2em; font-weight: bold; margin-bottom: 0;}
h3#comments-title { padding: 24px 0;}
.commentlist { list-style: none; margin: 0;}
.commentlist li.comment { border-bottom: 1px solid #e7e7e7;	line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;}
.commentlist li:last-child { border-bottom: none; margin-bottom: 0;}
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;}
#comments .comment-body p:last-child { margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child { margin-bottom: 24px;}
.commentlist ol { list-style: decimal;}
.commentlist .avatar { position: absolute; top: 4px; left: 0;}
.comment-author {}
.comment-author cite { color: #000;	font-style: normal; font-weight: bold;}
.comment-author .says {	font-style: italic;}
.comment-meta {	font-size: 12px; margin: 0 0 18px 0;}
.comment-meta a:link, .comment-meta a:visited {	color: #888; text-decoration: none;}
.comment-meta a:active, .comment-meta a:hover {	color: #ff4b33;}
.commentlist .even {}
.commentlist .bypostauthor {}
.reply { font-size: 12px; padding: 0 0 24px 0;}
.reply a, a.comment-edit-link {	color: #888;}
.reply a:hover, a.comment-edit-link:hover {	color: #ff4b33;}
.commentlist .children { list-style: none; margin: 0;}
.commentlist .children li {	border: none; margin: 0;}
.nopassword, .nocomments { display: none;}
#comments .pingback { border-bottom: 1px solid #e7e7e7;	margin-bottom: 18px; padding-bottom: 18px;}
.commentlist li.comment+li.pingback { margin-top: -6px;}
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0;}
#comments .pingback .url { font-size: 13px;	font-style: italic;}

/* Comments form */
input[type=submit] { color: #333;}
#respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative;}
#respond p { margin: 0;}
#respond .comment-notes { margin-bottom: 1em;}
.form-allowed-tags { line-height: 1em;}
.children #respond { margin: 0 48px 0 0;}
h3#reply-title { margin: 18px 0;}
#comments-list #respond { margin: 0 0 18px 0;}
#comments-list ul #respond { margin: 0;}
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px;}
#respond .required { color: #ff4b33; font-weight: bold;}
#respond label { color: #888; font-size: 12px;}
#respond input { margin: 0 0 9px; width: 300px;}
#respond textarea { width: 98%;}
#respond .form-allowed-tags { color: #888; font-size: 12px;	line-height: 18px;}
#respond .form-allowed-tags code { font-size: 11px;}
#respond .form-submit {	margin: 12px 0;}
#respond .form-submit input { font-size: 14px; width: auto;}

/* =Gallery listing
-------------------------------------------------------------- */
.category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0;}
.category-gallery .gallery-thumb { float: left;	margin-right: 20px; margin-top: -4px;}
.home #content .category-gallery .entry-utility { padding-top: 4px;}
.gallery-item { width: 180px; float: left;}/*Added to act as grid re: original 2010*/
.gallery-icon { width: 180px;}

/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption { font-size: 140%; margin-top: 5px;}
.attachment .entry-content .nav-previous a:before { content: '\2190\00a0';}
.attachment .entry-content .nav-next a:after { content: '\00a0\2192';}

/* =Images
-------------------------------------------------------------- */
.content img { margin: 0;}
.content .attachment img { max-width: 900px;}
.content .alignleft, .content img.alignleft { display: inline; float: left; margin-right: 24px;	margin-top: 4px;}
.content .alignright, .content img.alignright {	display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.content .aligncenter, .content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.content img.alignleft, .content img.alignright, .content img.aligncenter { margin-bottom: 5px;}
.content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.content .wp-caption img { margin: 5px 5px 0;}
.content .wp-caption p.wp-caption-text { color: #888; font-size: 12px;	margin: 0;}
.content .wp-smiley { margin: 0;}
.content .gallery { margin: 0 auto 18px;}
.content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%;}
.content .gallery img { border: 2px solid #cfcfcf;}
.content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px;}
.content .gallery dl { margin: 0;}
.content .gallery img {	border: 10px solid #f1f1f1;}
.content .gallery br+br { display: none;}
.content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto;}
.content img.attachment-thumbnail { float:left; margin:25px 15px 10px 0; padding: 5px; border: 1px solid #DDDDDD; background:#fff;  }

/************************ COLUMNS ******************************/
#postcolumn {float:left;width:600px;}
#postcolumn h2 {font:normal bold 1.2em/2.2em "Helvetica Neue", Arial, Helvetica, sans-serif; border-bottom:ridge 2px #716e62;}
#postcolumn h2 a, #postcolumn h3 a { color: #440405;}
#postcolumn h2 a:hover { color: #bcbcaa; text-decoration: none;}

#sidecolumn {float:left; width:340px; margin:55px 0 35px 15px; font-size:80%;}
#sidecolumn.home {float:left; width:340px; margin:20px 0 20px 5px; padding: 5px 5px 15px 5px; font-size:80%; border: none;}
#sidecolumn h2 {font:normal bold 1.0em/1.2em "Helvetica Neue", Arial, Helvetica, sans-serif;}
#sidecolumn h3 { color: #61675a;}
#sidecolumn ul {list-style:circle outside;}
#sidecolumn .search {width:280px;float:right;margin:15px 30px 0 0;}

/*********************** SIDEBAR *******************************/
#sidebar {width:280px;float:right;margin:0 30px 0 0;}
#sidebar .shopping {width:240px;float:right;margin:0 20px 0 0;}
#sidebar h3 {padding:25px 0 3px 0;font-size:110%;font-style:italic;}
#sidebar .widget-area ul {/*border-bottom:1px dotted #ccc;*/}
#sidebar .widget-area ul .children{border:0;padding: 0 0 0 8px;}
#sidebar .widget-area li {border-top:1px dotted #ccc;margin: 0 0 0 10px; list-style: circle;}
#sidebar .widget-area li a {background:transparent;font-size:13px;font-weight:normal;padding:2px 0;border-bottom:none;text-decoration:none;}
#sidebar .widget-area li a:hover {color:#3B4304; background:#C3C4BC; text-decoration:none;}
#sidebar .calendar h3{display:none;}
#sidebar #wp-calendar {width:95%;text-align:center;}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{text-align:center;}
#sidebar #wp-calendar caption {font-size:18px;padding:25px 0 3px 0;}
#sidebar #wp-calendar th {font-weight: bold; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#sidebar #wp-calendar tfoot td{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}

/********************** WIDGET AREAS ***************************/
.widget-area ul { margin-left: 0;}
.widget-area ul ul { margin-left: 1.3em;}
.widget_search #s {/* This keeps the search inputs in line */ width: 60%;}
.widget_search label { display: none;}
.widget-container { margin: 0 0 18px 0;}
.widget-title { border-bottom:1px solid #87868B;text-transform:uppercase; margin-bottom: 5px; padding:0em .3em .5em; color: #C3C4BC;}
.widget-area a:link, .widget-area a:visited { text-decoration: none;}
.widget-area a:active, .widget-area a:hover { text-decoration: none; color: #fff;}
.widget-area .entry-meta { font-size: 11px;}
#wp_tag_cloud div { line-height: 1.6em;}
#wp-calendar { width: 100%;}
#wp-calendar caption { color: #c3c4bc; font-size: 14px;	font-weight: bold; padding-bottom: 4px; text-align: center;}
#wp-calendar thead { font-size: 11px; font-weight: bold;}
#wp-calendar thead th { border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#wp-calendar tbody { color: #aaa;}
#wp-calendar tbody td {	/*background: #f5f5f5; border: 1px solid #fff;*/ padding: 3px 0 2px; text-align: center;}
#wp-calendar td a { color: #fefefe;}
#wp-calendar tbody .pad { background: none;}
#wp-calendar tfoot #next { text-align: right;}
.widget_rss a.rsswidget { color: #000;}
.widget_rss a.rsswidget:hover {	color: #ff4b33;}
.widget_rss .widget-title img {	width: 11px; height: 11px;}

/* Main sidebars */
#main .widget-area ul {	margin-left: 0; padding: 0 20px 0 0;}
#main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0;}
#primary {}
#secondary {}

/* Footer widget areas */
#footer-widget-area { overflow: hidden;}
#footer-widget-area a { color: #a6a6a6;}
#footer-widget-area a:hover { color: #ecede3; text-decoration: none; font-weight: bold;}
#footer-widget-area .widget-area { float: left;	margin-right: 20px; width: 220px;}
#footer-widget-area #fourth { margin-right: 0;}

/****************** Footer ***************************************/
#footercontainer { padding-bottom:30px; clear:both; color: #C3C4BC; border-top: solid 5px #e4e4de;}
#footer {width: 960px; padding:10px 5px 20px 5px; margin:0 auto; font-size:.9em;}
#footer .textleft { float: left; width: 50%; text-align: left;}
#footer .textright { float: right; width: 50%; text-align: right;}
#footer p { display:block; width: 100%; text-align: center; font-size: .8em;}

#colophon a { color: #a6a6a6;}
.feed {padding: 0 0 0 19px; background: url(http://media.galenevans.com/3legance/images/rss016.png) no-repeat 0 50%;}
.credit { width: 960px; text-align: center; font-size: .8em; clear: both;}

/* ********************** FLOATS & IMAGES *************************/
.alignright, .right { float: right; }
.alignleft, .left { float: left; }
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.middle {margin: 0 auto;float:left;}
.clear { clear: both; }

/****************  TEMP   *************/
.content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
.content tr th,
.content thead th {
	color: #eee;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
input[type="text"], textarea {
	background: #f9f9f9;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}