/*
Theme Name: Art Matters
Theme URI: http://artmatters.ca/
Description: Consistent with the Art Gallery of Ontario brand
Version: 1
Author: Marty Spellerberg

Styles for Grange Prize

*/



body {font-family: Arial, Helvetica, sans-serif; background: #424040; color: #363535; text-align: center; font-size: 13px;}

.canvas {width: 960px; text-align: right; margin: auto;}
.layout {background: #fff; border: 1px solid #fff; text-align: left;}

.caption { color:#666666; font-size:11px; line-height:13px; }

.nav { text-align: right;}
.nav ul {padding: 0; margin: 0;}
.nav li {display: inline; padding-left: 1em;}

a {color:#409286;text-decoration: none;}
a img {border: none;}

h2 {color: #666; margin: 0; padding: 10px 0px 10px 0px; font-size: 26px;}
h3 {color: #363535; font-size: 18px;}
h4 {color: #363535; font-size: 14px;margin-bottom:0;padding-bottom:0;}

.topPad {margin-top:0;padding-top:0;}

:focus{
-moz-outline-style: none;  /* removed dotted line on firefox links */
}

.clearthis {clear:both;float:none;visibility:hidden;height:1px;border:0;background-color:none;margin:0;padding:0;}

#languages {color: #000; margin: 0 0 .5em 0;}
#languages a {color: #fff; font-weight :normal;}
#languages a:hover {color: #fff; text-decoration: underline;}
#languages li {font-size:11px;border-left:1px solid #000;padding-left:.5em;padding-right:.5em;}
#languages li:first-child {border-left:0;}

.head-wrapper { border-bottom: 1px solid #fff;}

#header {background: #1e1e1e; padding: 22px 12px 27px 52px; overflow: auto; width: 894px;}
#header h1 {margin: 0; display: inline;}
.en #header h1 a {height: 118px; width: 532px; float: left; display: block; background: url(images/gpheader2010.gif);}
#header h1 span {display: none;}
#header .partners {float: right; test-align: right; width: 200px; padding: 12px 0px;}
#header .partners a {padding: 20px; display: block; float: left;}
#header .partners span {display: none; }

/*
#nav-one {background: #373737;  clear: both; text-transform: lowercase; overflow: auto;  width: 958px;  font-size: 18px; color: #81c9be;}
#nav-one .artists {float: left; padding: 10px 20px; margin: 0 30px;}
#nav-one ul {padding: 10px 30px; }
#nav-one li {padding: 10px 20px;}
#nav-one a {color: #83c6bc;}
#nav-one a:active {color: #fff;}
#nav-one .active a {color: #fff;}

#nav-two {background: #4f4f4f; text-transform: lowercase;  overflow: auto;  width: 958px;}
#nav-two a {color: #81c9be; font-size: 14px;}
#nav-two a:active {color: #fff;}
#nav-two ul {padding: 10px 30px; }
#nav-two li {padding: 10px 20px;}
#nav-two .active a {color:  #fff;}

#subnav {background: #717171;  padding: 10px; color: #fff; text-transform: lowercase;  overflow: hidden; clear: both; font-size: 14px;}
#subnav ul {padding: 0px 20px; }
#subnav li {padding: 10px 15px;}
#subnav a {color: #81c9be; text-decoration:none;}
#subnav a:active {color: #fff;}

#subnav li.active a {color: #fff;}

*/

#content {padding: 40px 50px 40px 50px; border-top: 1px solid #1E1E1E; font-size: 14px; color: #363535; line-height: 24px;}
#content a, .copy a {color:#409286;text-decoration: underline;font-weight:bold;}
#content a:hover, .copy a:hover {color:#409286;text-decoration: none;}
#content h3 a {color: #363535; text-decoration:none;}

.sponsors {display:block;border-top: 1px solid #CCCCCC; margin-top:20px; padding: 22px 0 22px 50px;float:none;clear:both;overflow:auto;}
.sponsors .sponsorGroup {float:left;height:80px;border-right:1px solid #cccccc;padding:0 15px 0 25px;}
.sponsors h2 {font-size:11px;margin:0;padding:0;color:#000;margin-bottom:10px;}
.sponsors #supporting {padding-left:0;}
.sponsors img {margin-right:0;}
.sponsors img#globe {margin-top:10px;margin-right:30px;}
.sponsors img#bravo {margin-top:9px;}
.sponsors img#cc {margin-top:4px;margin-right:30px;}
.sponsors img#consulate {margin-top:8px;}
.sponsors .sponsorGroup img {float:left;}

#footer {background: #373737; border: 1px solid #373737; font-size: 11px; padding: 5px 50px; font-weight: bold;}
#footer a {color: #d4d4d4;text-decoration:none;}



/* BLOG */

.narrowcolumn {width: 600px; float: left; padding-bottom: 30px;}
.widecolumn {width: 600px; margin: auto; text-align: left; padding-bottom: 30px;}

#sidebar {width: 200px; float: right; padding: 18px 0 30px 50px;  text-align: left;}
#sidebar h2 {font-size: 14px; margin: 5px 0 0; padding: 9px 0 0; color: #000;}
#sidebar ul {margin: 5px 0 0 0px; padding: 0;}
#sidebar li {margin: 3px 0 0; padding:0; color: #999; font-size: 12px; list-style-image:none; list-style-type:none;}
#sidebar p {font-size: 12px; line-height: 1.4;}
#sidebar hr {background-color:#CCCCCC; border:medium none; clear:both; color:#CCCCCC; height:1px;}
#sidebar h4 {font-size: 12px; margin-top: 0; color: #000;}

#sidebar form {width: 200px; overflow: hidden; margin-bottom: 20px;}
#sidebar .enews-input {width: 190px; border: 1px solid #666; background: #fff; color: #999; padding: 4px; margin-bottom: 4px;}
#sidebar .enews-button {float: right; background: #83C6BC; color: #fff; border: 1px solid #006359; font-weight: bold;}

#blog h2 {font-size: 24px; padding: 30px 0 0 0; margin: 0; clear: both;}
#blog h2 a {color: #666; text-decoration: none;}
#blog h2 a:hover {color: #409286; text-decoration: none;}

#comment {width: 100%; border: 1px solid #409286;}
#author, #email, #url {margin-right: 9px; width: 252px; border: 1px solid #409286;}
.commentlist {list-style: none; padding: 0;}
.commentlist .comment {border: 1px solid #ccc; margin: 18px 0; padding: 18px; font-size: 12px;}
.commentlist .even {background: #f2f2f2;}
.comment-author img {background:#fff; border:1px solid #ccc; float:right; padding: 2px;}
.comment-author cite {font-weight: bold; font-size: 13px;}
#submit {float: right;}

.narrowcolumn .postmetadata {text-align: center; clear: both; padding-top: 5px; color: #999;} 
.widecolumn .postmetadata {border-left: 1px solid #409286; font-size: 11px; padding: 9px 0 9px 18px; color: #666;}


/* Nav */

.gp-nav {background: #373737; width: 100%; overflow: hidden; font-size: 16px;}
.gp-nav a {padding: 0 1em;}	
.gp-nav .active a {color: #fff;}

.gp-nav ul {list-style: none; padding: 0; margin: 0;}
.gp-nav li {display: inline;}

.gp-nav .perennial {background: #2b2b2b; width: 298px; float: right; text-align: right; padding: 14px 40px 14px 0;}

.gp-nav .current { width: 80px; float: left; padding: 14px 0 14px 40px; background: #2b2b2b url(http://thegrangeprize.com/assets/templates/grangeprize/gp-year-arrow.gif) no-repeat right center;}
.gp-nav .current a {color: #fff; background: url(http://thegrangeprize.com/assets/templates/grangeprize/whitearrow-down.gif) no-repeat left center; padding-left: 18px;}


.gp-nav .annual { padding: 14px 0; width: 499px; float: left; text-transform: lowercase;}

.gp-nav .sub {background: #565656; clear: both; text-transform: lowercase; padding: 14px 0 14px 40px; text-align: center;}

.gp-nav .years ul { margin: 14px 0 0 0; padding: 0; position: absolute; visibility: hidden; border-bottom: 1px solid #409286; text-align: center;}
.gp-nav .years ul li {  display: block}
.gp-nav .years ul li a { width: 80px;  background: #fff; color: #000; border-top: 1px solid #e2e2e2;  padding: 14px 0; display: block;}
.gp-nav .years ul li a:hover { background: #409286; color: #fff; }

.artists ul {list-style: none; padding: 0; margin: 0; text-align: right; text-transform: lowercase;}
.artists ul li {display: inline; padding: 0 1em;}
#content .artists ul li.active a {color: #666; text-decoration: none;}