/*
Theme Name: Teal Art Gallery
Theme URI: http://www.tealartgallery.com
Description: Theme solely for use by Teal Art Gallery
Tags: proprietary
Version: 2.0
Author: Tang Web Studio
Author URI: http://www.tangwebstudio.com
.
Copyright 2010 Teal Art Gallery
.

*/


/*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; }
* html { height: 100.02%; }
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; border: 1px dotted #CCC; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*****End Reset, Start Design*****/
body { background:#000 url(display/images/bg-body-water9007.jpg) top right; margin:0 auto; padding:0; color:#bbb; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:small; }
/*IE min-height hack*/
* html #wrapper { height: 100.01%; }

/***********
DEFAULTS
***********/
a, a:link, a:active, a:visited { text-decoration:none; color:#408080; }
a:hover { color:#ccc; }
h1, h2, h3, h4 { margin: 10px 0 10px 0; font-family: Helvetica, Arial, Tahoma, sans-serif; line-height:1.2em; }
h1 { font-size:170%; border-bottom:#C6DCDD 1px solid; }
h2 { font-size:150%; border-bottom:#C6DCDD 1px solid; }
h3 { font-size:115%; }
h4 { font-size:105%; }
ol { list-style:decimal; }
ol li { margin-left:30px; }
dt { font-size:140%; font-weight:bold; margin:15px 0 0 0; }
dd { margin:0 0 30px 0; letter-spacing:.03em; }
p { margin: 0 0 15px; }
blockquote { margin:5px 10px 5px 30px; }
small{ font-style: italic; font-size: .9em; color:#777; }


/***********
CROSS SITE
***********/
#wrapper { margin: 0 auto; margin-top:35px; width:770px; background:none; overflow:hidden; }
#content { float:left; display:inline; width:478px; padding:15px; }
#content h2 { border:none; }
#branding { float:left; display:inline; padding:12px 8px 12px 10px; }
#branding img { border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; }

.entry h3{ margin:20px 0 5px; }
.meta{ color:#999; font-style: italic; }


/* Nav */
#topNav { width:770px; overflow:hidden; font-size:115%; letter-spacing:.2em; margin:4px 0; border-top:#777 1px solid; border-bottom:#777 1px solid; }
#topNav ul { list-style:none; display:inline; }
#topNav li { margin:0; width:128px; text-align:center; float:left; display: inline; border-left:#777 1px solid; }
#topNav li.first { width:125px; border:none; }
#topNav a.double-line, #topNav a.double-line:link, #topNav a.double-line:active, #topNav a.double-line:visited { padding:8px 0; }
#topNav a, #topNav a:link, #topNav a:active, #topNav a:visited { width:100%; display:block; padding:16px 0 17px; background:rgba(0, 0, 0, .5) none; color:#C6DCDD; }
#topNav a:hover { background:rgba(200, 200, 200, .4) none; }

/* Sidebar */
#sidebar { float:right; display:inline; width:235px; margin:0; padding:15px 20px 20px 5px; width:220px; }
#sidebar .post-title { font-size:115%; font-weight:bold }
#sidebar .post-date { font-style:italic; color:#999; display:inline; }

/* Columns */
.wrapCols { overflow:hidden; background:url(display/images/bg-twocol-right.png) repeat-y; }
.swap { background:url(display/images/bg-twocol-left.png) repeat-y; }
.full { background:url(display/images/bg-trans-pixel-50.png); }
.full #content { width:740px; }
.full #sidebar { display:none; }

/*Contact*/
#contact { padding:5px 10px; margin:4px 0 20px 0; background:url(display/images/bg-trans-pixel-50.png); width:770px; clear:both; overflow:hidden; }
#contact h2, #contact h3 { float:left; display:inline; width:auto; border:none; font-weight:normal; letter-spacing:.1em; margin-right:12px; }
#contact ul { float:left; display:inline; margin:0 20px; line-height:1.5em; }
#contact li { margin:0; }
#contact .weak { font-weight:normal; letter-spacing:normal; float:left; display:inline; margin:10px 0px 0 0 }
.clearer { clear:both; margin:0; padding:0; height:0 }
.list ul { padding:10px; list-style:circle; }




/*******************************
Specific Pages and Layout Styles
*******************************/
/*home*/
.home #content { background: no-repeat top left; padding:0; width:512px; height:469px; position:relative; }
.homepage #swap { background:url(display/images/trans-off-770-sidebar.png) repeat-y; }
.homepage legend { display:none; }
#featureDesc { width:300px; position:absolute; bottom:10px; left:10px; z-index:2; float:left; background:url(display/images/transparent.png); padding:10px 15px; }
#featureDesc h3 { border-bottom: 1px solid #fff; width:100%; }
#featureDesc p { margin:0 }
#feature { z-index:0; }
#events { float:right; display:inline; margin:0 15px 0 0; width:483px; padding:12px 0 0 20px; overflow:hidden; }
#events h2 { text-align:left; letter-spacing:.1em; }
#events h3 { margin:0; }
#events a { line-height:1.2em; }
.month { float:left; display:inline; width:149px; }
.month ul li { margin:10px 0; line-height:1em; }
#events .middle { border-right:1px #999 solid; border-left:1px #999 solid; margin:0 14px 0 3px; padding:0 3px 0 14px; }


/*Upcoming Events Page*/
#events-page #content h2 { color:#666666; float:right; width:auto; display:inline; margin:0; }
span.event-date { font-size:90%; font-weight:normal; margin-left:10px; }
#events-page dl { padding:15px 5px 15px 10px; }
.calendar { margin:0 0 10px 0; }
.calendar caption { margin:10px 0 5px 0; font-size:120% }
.calendar tbody { text-align:left; }
.calendar td { width:32px; padding:5px 0; color:#666; }
.linked-day:hover { }
.linked-day a, .linked-day a:link, .linked-day a:active, .linked-day a:visited { text-decoration:underline; }
.time { margin:0; color:#999; font-size:90%; }
#events-page dl img { margin: 10px 0 0; }
.date{ font-style: italic; }

/*Blog*/
textarea { width:100%; }
.post { margin-bottom:30px; }
.single .post { margin-bottom:0 }
.single .info { margin-top:30px; }

/*Artists*/
ul.allArtists { width:106%; margin: 0 -12px; }
ul.allArtists li { float: left; display: inline; width: 30%; margin: 10px 12px 30px 12px; font-size: 125%; }
ul.allArtists li a { color:#999; letter-spacing: .1em; }
ul.allArtists li a:hover { color:#bbb; }
ul.allArtists img { float:left; display: inline; margin:0 5px 7px 0; }
.gallery { float:left; }
.gallery-item { float:left; display:inline; margin:5px; }
.gallery img { border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; }
a.active, a:link.active, a:active.active, a:visited.active { color:#C6DCDD; }
a:hover.active { color:#408080; }
.artist #sidebar { padding-bottom:100px; }
.artist #wrapper { margin-bottom:200px; }

/*Exhibitions */
.exhibs #content h2 { margin-top:20px; color:#666; }

/*Full page layout*/
.exhibs .full #imageList { margin-left:-11px; }
.full #imageList li { margin-left:11px; }
.full #imageList li.first { margin-left:0; }
.full #imageList { margin:10px 0 0 0; }
.community h1 { margin-bottom:30px; }
.community dl img { float:right; padding:5px; margin: -30px 0 5px 5px; border:1px solid #333; }
.scavenger #imageList { float:right; width:200px; padding:0 15px 0 0; }
.scavenger #imageList li { float:left; margin:0 0 10px 0; padding:0; }
#subscriptionForm { display:none; }
legend { font-size:150%; white-space:normal; }
.mc-field-group { margin:10px 0; }
label { display:block; }
ul label { display:inline; }
#s { border:0 none; background:#ccc; }
#s.inactive { background:#666; }
div.mc_inline_error { color:#FF0000 !important; font-size:125% !important }
p.subscribe { font-size:140%; }
.floatRight, .alignright { float:right; display:inline; margin-left:10px; }
.floatLeft, alignleft { float:left; display:inline; }
strong.note-required { font-weight:normal }
p.staticImages img { margin:8px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; }


body #fancybox-outer { background: transparent; }
body .fancybox-title-inside { color: #ccc; }