/*  
Theme Name: Watmough
Theme URI: http://cloudislands.com/
Description: A super cool and clean artist's gallery theme
Author: Adrienne Adams
Author URI: http://cloudislands.com/
Date created: March 15, 2009
Date last modified: April 29, 2010
Version: 1.0
*/

/*--Import custom styles---*/
@import url('../watmough/styles/reset.css');
@import url('../watmough/styles/nggallery.css');

/**************
	COLORS
Background gray: #999
Lighter gray: #ccc
Darker gray: #666
Dark violet: #35264f
Dark red: #6e271d
Dark teal: #3f4f51
Brown: #3e322f
**************/

/**************
	TOC
1. Global Styles
2. Global Typography
3. Main Layout
4. Header
5. Content
6. Sidebar
7. Page Navigation
8. Category Navigation
9. Search
10. Comments
11. Images
12. WP Gallery
***************/

/*---NextGEN Gallery styles---*/
.wrap-box {
height: 14em;
width: 180px;
margin-bottom: 2px;
}

/*--1. Global Styles--*/
body {
color: #000;
background: url(images/concrete-01.jpg); 
background-attachment: fixed;
font-family: Geneva, Arial, serif;
font-size: small;
line-height: 1.6;
}
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dotted #999;
}
hr {
}
.clear {
clear: both;
}
a, a:link, a:visited {
text-decoration:none; 
color: #3e322f;
}
a:hover {
color:#fff;
}
/*---2. Global Typography---*/

blockquote { 
margin: 15px 30px 15px 10px; 
padding-left: 20px; 
border-left: 1px solid #666; 
}
blockquote cite { 
margin: 5px 0 0; 
display: block; 
}
.center { 
text-align: center; 
}
code,pre {
font-family: "Andale Mono", "Courier New", monospace;
margin: 10px;
padding: 10px;
}
h1,h2,h3,h4,h5,h6 {
font-family: "deva-ideal-1","deva-ideal-2", "Century Gothic", Futura, "Helvetica Neue", sans-serif;
font-weight: normal;
/*font-style: italic;*/
}
h2 {
font-size: 2.6em;
}
h3 {
font-size: 2.2em;
}
p {
font-size: 1em;
line-height: 1.7;
margin-bottom: 1em;
}
span.required {
color: #a13b72;
font-style: italic;
}
/*---3. Main Layout---*/
#wrapper {
width:980px; 
margin: 0 auto;
}
#content {
color: #000;
background: url(images/bg-trans-999.png);
position: relative;
float:left;
width: 960px;
padding: 30px 20px;
}
#footer {
clear: both;
overflow: hidden;
text-align:left; 
font-size: 1em; 
margin:10px 0; 
}
#siteinfo {
padding: 15px 0;
}
#postnav {
border-bottom: 1px dotted #666; 
}
#postnav a {
color: #35264f;
font-size: 1.2em;
text-transform: lowercase;
}
.nav-next {
float:right; 
margin-bottom: 15px;
width:200px; 
}
.nav-prev {
float:left;
margin-bottom: 15px; 
width:200px;
}
/*---4. Header---*/
#header {
position: relative;
overflow: hidden;
}
#header h1 a {
position: relative;
float: right;
background:url(images/logo-560x100-sh.png) no-repeat left; 
height: 100px; 
width: 560px;
margin-right: 30px;
}
#header h1 a:hover {
border: none;
}
/*hidden*/
#header h1 {
text-indent:-10000px;
}
#header h2 {
text-indent:-10000px;
}
/*---5. Content---*/
.cats {
}
.entry {
position: relative;
clear: both;
float: left;
width: 650px;
padding-right: 25px;
}
.entry h2{
padding-bottom:10px;
}
.entry h2 a {
color:#6e271d; 
}
.entry h2 a:hover {
color:#fff;
}
.exhibitions {
margin-top: 25px;
}
.exhibitions li {
margin-bottom: 5px;
}
.exhibitions li strong {
color: #3e322f;
}
.exhibitions li em {
color: #3f4f51;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
.info { 
padding: 2px 10px; 
margin-bottom:10px; 
margin-top:5px;
border-bottom: 1px dotted #ccc;
}
.info {
font-size: .9em; 
}
.info a {
color: #6e271d;
}
.info a:hover {
color:#fff;
}
.meta { 
padding: 10px 0;  
}
.meta {
color: #3f4f51;
font-family: "deva-ideal-1","deva-ideal-2", "Century Gothic", Avenir, sans-serif;
font-size: 1.3em;
text-transform:uppercase; 
font-weight: normal;
margin-top: 10px;
}
.meta a {
color: #fff;
}
.meta a:hover {
border-bottom: 1px dotted #fff;
}
/*newest post*/
.new {
/*background:url(../watmough/images/star.png) right top no-repeat;*/
}
.page {
}
.post{
margin-bottom:20px;
}
.tags {
}
/*---6. Sidebar---*/
#sidebar {
position: relative;
float: left;
text-align:left; 
width: 250px;
border-left: 1px dotted #ccc;
padding-left: 20px;
}
#sidebar h2 {
color: #35264f; 
font-size: 1.6em;
font-style: normal;
padding-right: 10px; 
}
#sidebar ul li {
float: left;
width: 230px;
/*padding-right: 30px; */
}
#sidebar ul ul {
margin: 0 10px 10px 10px;
padding-bottom:20px;
}
#sidebar ul ul li {
font-size: 1em;
display: block; 
padding-bottom:5px;
}
li.widget_text {
margin-bottom: 15px;
}
.textwidget {
color: #3e322f;
border-bottom: 1px dotted #ccc;
}
/*---7. Page Navigation ---*/
#navigation {
padding: 15px 0;
}
#menu li {
list-style:none;
display:inline;
}
#menu li a {
font-family: 	"deva-ideal-1","deva-ideal-2", "Century Gothic", Avenir, sans-serif;
font-size: 2.7em;
font-weight: normal;
text-transform: lowercase;
margin-right: 25px;
padding: 0; 
}
.page_item a:link, .page_item a:visited{
color: #6e271d;;
}
.page_item a:hover {
color:#fff; 
}
.current_page_item a:link, .current_page_item a:visited{
color: #35264f; 
}
.current_page_item a:hover {
border: none;
}
/*---8. Category/Gallery  Navigation---*/
#category-nav, #gallery-nav {
position: relative;
float: right;
top: -30px;
left: 0;
}
#category-nav li, #gallery-nav li {
list-style:none;
display:inline;
}
#category-nav li a, #gallery-nav li a  {
color: #6e271d;
font-family: "deva-ideal-1","deva-ideal-2", "Century Gothic", Avenir, sans-serif;
font-size: 2.4em;
font-weight: normal;
text-transform: lowercase;
margin-right: 15px;
padding: 0; 
}
#category-nav li a:hover, #gallery-nav li a:hover {
color: #3f4f51;
border-bottom: 1px dotted #3f4f51;
}
/*---9. Search---*/
#searchbox {
width: 220px; 
}
#searchbox label h2{
margin-bottom: 5px;
display: block;
}
#searchbox input {
color: #000;
background-color: #ccc;
display: block;
border: none;
}
/*---10. Comments---*/
#comments-container {
clear: both;
}
h2#comments {
font-size: 1.5em; 
}
h2#postcomment {
color: #3f4f51;
font-size: 2em; 
margin-top:10px; 
}
.commentlist{
padding:20px; 
margin-top:10px;
}
.commentlist p { 
padding-top:5px;
}
.comments {
background:url(../watmough/images/comment.png) left no-repeat; 
padding-left:20px;
}
.commentmeta {
font-size: .8em;
}
.boxtop {
background: url(../watmough/images/comment-top.png) no-repeat bottom left;
margin-left: 25px;
}
.comment-box {
background: #ccc; 
overflow: hidden;
width:575px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
form#commentform {
}
#author, #email, #url {
width:15em;
font-size:13px; 
color:#666;
font-weight:bold;
padding:3px; 
margin: 2px 5px 2px 0;
border:none; 
background-color:#ccc;
}
textarea#comment {
width: 575px;
overflow: auto;
background-color:#ccc;
margin-top: 2px;
border: none;
}
#submit{
margin-bottom:15px;
margin-top:5px;
padding:2px;
}
#respond{ 
color: #000;
padding-top:20px;
padding-bottom:10px; 
font-weight:normal;
}
.gravatar {
margin-top:20px; 
padding:0 15px 0 15px;
}
.avatar {
float:left; 
margin-right:10px; 
padding:3px;  
border:1px solid #fff;
}
/*---11. Images---*/
a img { 
border: none; 
}
a:hover img{
border: none;
}
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
float: right;
background-color: #ccc;
border: 1px solid #fff;
margin:0 0 2px 7px;
padding:4px;
}
img.alignleft{
float: left;
background-color: #ccc;
border: 1px solid #fff;
margin:0 7px 2px 0;
padding:4px;
}
/*border for posts only, not gallery images*/
.post p img.alignright {
background-color: #ccc;
border: 1px solid #fff;
margin: 15px 0 15px 15px;
padding:4px;
}
.post p img.alignleft {
background-color: #ccc;
border: 1px solid #fff;
margin: 15px 15px 15px 0;
padding:4px;
}

/*---12. WP Gallery---*/
/*.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}*/



/*html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }*/