/*
Theme Name: Rising Tide Arts
Theme URI: http://risingtidearts.com/
Description: A custom WordPress theme to showcase the work of Terrea L. Bennett
Version: 1.0
Author: Corey McKrill
*/

/* Global */

body {
margin: 0px;
background: #ffe286 url(site-images/top-grad.jpg) repeat-x top;
color: #8f6e08;
font-family: Georgia, Times, serif;
font-size: 16px;
}

sup, sub {
font-size: 0.6em;
}

a {
color: #8f3308;
text-decoration: underline;
}

a:hover {
color: #cc490b;
}

.center {
text-align: center;
}


/* Main blocks */

#canvas {
width: 770px;
margin: 0px auto 10px auto;
}

#edge-top {
width: 770px;
height: 251px;
background: #ffe286 url(site-images/edge-top.jpg) no-repeat bottom left;
}

#top-logo {
width: 115px;
height: 251px;
position: relative;
left: -115px;
background: #ffe286 url(site-images/edge-top-left.jpg) no-repeat bottom right;
float: left;
}

#edge-middle {
width: 770px;
background: #ffe286 url(site-images/edges-middle.jpg) repeat-y;
padding: 10px 0px 5px 0px;
}

#edge-bottom {
width: 770px;
height: 16px;
font-size: 1px;
background: #ffe286 url(site-images/edge-bottom.jpg) no-repeat top left;
}


/* Header styles */

#home-link {
width: 245px;
height: 240px;
background: transparent;
float: left;
}

#top-page {
width: 655px;
height: 116px;
padding-top: 135px;
float: left;
}

#top-title {
width: 625px;
height: 45px;
margin-left: 30px;
font-family: Georgia, Times, serif;
font-size: 40px;
color: #8f3308;
}

#top-title a {
text-decoration: none;
}

.title-artist1 {
font-size: 16px;
vertical-align: text-top;
font-style: italic;
}

.title-artist2 {
font-size: 28px;
color: #0b52cc;
vertical-align: text-top;
}

.title-artist3 {
display: block;
font-size: 16px;
font-style: italic;
text-align: right;
margin-top: -20px;
padding-right: 20px;
}


/* Nav bar styles */

#top-nav {
width: 628px;
height: 68px;
margin: 0px 12px 0px 15px;
padding-top: 10px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}

.top-nav-item, .top-nav-item-ns {
width: 121px;
margin: 0px 2px 0px 2px;
float: left;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}

.top-nav-subitem {
width: 400px;
margin: 4px 0px 0px -139px;
padding: 2px 5px 2px 5px;
text-align: center;
white-space: nowrap;
position: relative;
display: none;
font-size: 0.95em;
color: #8f3308;
}

.top-nav-item a, .top-nav-item-ns a {
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #8f3308;
text-decoration: none;
}

.top-nav-subitem a {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.95em;
color: #8f6e08;
text-decoration: none;
}

.top-nav-item a:hover, .top-nav-item-ns a:hover, .top-nav-item-selected div.top-nav-subitem a:hover {
color: #cc490b;
}

.top-nav-subitem a:hover {
text-decoration: underline;
}

.top-nav-item-selected, .top-nav-item-selected a {
color: #cc490b;
}

.top-nav-item-selected div.top-nav-subitem a {
color: #8f6e08;
}


/* Main content styles */

#content {
width: 720px;
margin: 0px 22px 0px 28px;
background: url(site-images/bottom-logo.jpg) no-repeat 100% 100%;
}

#content-title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #8f6e08;
font-size: 1.6em;
color: #8f3308;
}

.content-desc {
margin-left: 20px;
font-size: 0.6em;
line-height: 1.7em;
color: #8f6e08;
vertical-align: baseline;
}

.content-desc-attr {
margin-left: 80px;
font-size: 0.6em;
line-height: 1.7em;
font-weight: bold;
}

.content-desc-tag {
margin-left: 20px;
}

.content-desc-tag a {
text-decoration: none;
}

#content-body {
color: #8f6e08;
}

#content-jitan {
width: 720px;
height: 800px;
color: #8f6e08;
background: url(site-images/bagua_bg.jpg) no-repeat;
}

.content-header {
font-size: 1.2em;
color: #8f3308;
margin-bottom: 10px;
}

#content-events ul {
list-style: none;
margin: 0;
padding: 0;
}

#content-events ul li {
margin-bottom: 10px;
padding: 10px 0 10px 0;
}

#gMap {
width: 468px;
height: 400px;
margin: 0 auto 0 auto;
border: 1px solid #8f6e08;
}

div.clear {
height: 1px;
font-size: 1px;
line-height: 1px;
clear: both;
}


/* Home page styles */

#home-top {
width: 720px;
height: 340px;
margin-bottom: 10px;
}

#ht-img {
width: 450px;
height: 252px;
padding: 10px;
text-align: center;
}

#ht-img img {
border: 2px solid #8f6e08;
}

#ht-desc {
width: 450px;
padding: 10px;
text-align: center;
}

#ht-nav {
width: 450px;
margin-bottom: 30px;
padding: 0 10px 0 10px;;
text-align: center;
font-size: 48px;
line-height: 20px;
letter-spacing: 3px;
}

#ht-nav a {
text-decoration: none;
}

#ht-nav-more {
font-size: 18px;
line-height: 20px;
letter-spacing: normal;
padding-top: 18px;
margin-bottom: 10px;
}

#ht-nav-more a {
padding: 5px 10px;
border: 2px solid #8f3308;
}

#ht-nav-more a:hover {
color: #cc490b !important;
}

#home-main {
width: 470px;
padding-right: 10px;
float: left;
}

#home-blurb {
width: 470px;
padding-top: 10px;
line-height: 1.125em;
font-size: 1.125em;
}

#home-side {
width: 230px;
padding-left: 9px;
float: left;
}

.feature-box {
width: 230px;
margin-bottom: 20px;
text-align: center;
font-size: 0.9em;
}


/* Image page styles */

div.thumb {
width: 360px;
height: 280px;
margin: 10px 0 20px;
text-align: center;
font-size: 0.9em;
float: left;
}

div.jitan-thumb {
width: 240px;
height: 240px;
text-align: center;
font-size: 0.9em;
float: left;
}

div.image {
width: 720px;
text-align: center;
margin: 0 0 5px 0;
}

div.image-desc {
width: 600px;
margin: 0 auto 10px auto;
}

div.image-info {
width: 180px;
padding: 10px;
line-height: 1.2em;
color: #8f3308;
border: 1px dotted #8f3308;
}

div.image-info a {
font-weight: bold;
text-decoration: none;
}

.info-label {
color: #8f6e08;
}

img.image, img.thumb {
border: 2px solid #8f6e08;
margin-bottom: 10px;
}

img.jitan-thumb, img.feature-home {
border: 2px solid #8f6e08;
margin-bottom: 4px;
}

.img-nav {
width: 100%;
padding: 10px;
text-align: center;
}

.img-nav a {
font-size: 1.1em;
text-decoration: none;
padding: 5px 10px;
border: 2px solid #8f3308;
}


/* Order Form styles */

#order-item-box {
width: 410px;
margin: 40px auto 6px auto;
}

#order-item-box img {
border: 2px solid #8f6e08;
margin: 0 10px 0 0;
}


/* Footer styles */

#bottom-page {
width: 720px;
clear: both;
}

#bottom-content {
width: 100%;
margin: 10px 0 10px 0;
font-size: 1.1em;
text-align: center;
}

#bottom-nav {
width: 100%;
padding: 10px 0 0 0;
margin: 0 0 5px 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 0.8em;
text-align: center;
}

#bottom-nav a {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 1em;
color: #8f3308;
text-decoration: none;
}

#bottom-nav a:hover {
color: #cc490b;
text-decoration: underline;
}

#bottom-copy {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.7em;
text-align: center;
}

/* line 5, ../src/partials/_wordpress.scss */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 10, ../src/partials/_wordpress.scss */
.alignleft {
  display: inline;
  float: left;
}

/* line 13, ../src/partials/_wordpress.scss */
.alignright {
  display: inline;
  float: right;
}

/* line 16, ../src/partials/_wordpress.scss */
.wp-caption {
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
/* line 24, ../src/partials/_wordpress.scss */
.wp-caption img {
  margin: 0;
  padding: 0;
}
/* line 34, ../src/partials/_wordpress.scss */
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 0 4px 5px;
}