/*
Theme Name: The Gray Area
Theme URI: gaffta.org
Description: gray area theme
Version: 1.0
Author: gaffta
Author URI: http://gaffta.org
Tags: gray, area
*/

* { margin: 0; }

body { font-size: 12px;  line-height:16px; font-family:Helvetica, Arial, sans-serif;
	color:#555;
	background-color: #FFF;
	background-image: url('http://media.gaffta.org/site/design/top_bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 { color:#666; }
h2 { margin-bottom:25px; font-size:24px; }
h2 a { text-decoration:none; color:#666; }
h3 { }
h3 a { text-decoration:none; color:#666; }
h4 { }
h4 a { text-decoration:none; color:#666; }
a { color: #333; font-weight:bold; }
a:hover { color:#999;  }
a img { border:0; }
ul, li { margin: 0; padding:0em; list-style-type: none; }
ul.list, ul.list li { list-style-type:disc; }
ul.list { margin-left:1.5em;}
p { padding-bottom: 12px;}
small { }
code { }
blockquote { font-style:italic; padding:15px 20px 0 20px; background:#efefef; margin-bottom:1em; font-size:14px; font-family:georgia; line-height:1.6em;}  

#wrapper {} 
#page { margin-left: 82px; margin-top: 100px;}
#logoColor { width:84px; margin: 10px 4px; background:#fff; }
#content { width: 700px; }
#respond { margin-top:40px; }
#comment { width: 400px; padding:0.5em; }
#follow {padding: 5px 5px 1px 5px; background-color:#CCC; margin-top: 5px;}
#follow img {margin: 0 5px 0 0; padding: 0;}
#sidebar { position: absolute; top:110px; left: 820px; width: 250px; padding-right: 15px;}
#footer { padding-bottom: 15px; margin: 50px 15px 15px 82px; font-size:11px; }

small.timestamp { font-weight: normal; color:#666; line-height:1em;}

.small_breadcrumb {font-size: 14px; text-transform: uppercase;}
.big_breadcrumb {font-size: 24px;}
.sep_breadcrumb {font-size: 20px; font-weight: normal;}

.post { padding-top:25px; padding-bottom:35px; border-top:1px dotted #333; }
    .post h3, .single-post h3 { font-size: 18px; color:#000; line-height:20px; }
    .post h3.event_date, .single-post h3.event_date { font-size:14px; }
    .post h3.event_date img { margin-left:2px; } 
    .post h3.event_date span { display:inline-block;  font-size:12px; } 
    .post .entry, .single-post .entry { margin:30px 0; } 
    .postmetadata { font-size:11px; line-height:16px; background:#ddd; padding:1em; }
    .postmetadata .tags a, .postmetadata .category a { font-weight:bold; background:#bbb; padding:0 0.3em; color:#444; text-decoration:none; }
    .postmetadata .tags a:hover, .postmetadata .category a:hover { color:#eee; background:#888; }
    .eventmetadata .rel_event_date { font-size:14px; font-weight:bold; display:inline; }
    .eventmetadata .calendar_link { display:inline; font-size:11px; padding-left:0.5em;  }
    .eventmetadata .calendar_link a {  }

.current_page_ancestor a { font-weight:normal; color:#555; text-decoration:none; }
.current_page_item a { font-weight:normal; color:#000; text-decoration:none; }
.current_page_ancestor a:hover, .current_page_item a:hover { text-decoration:underline; }

ul.pagenav { border:4px solid #0f0; }

#post_nav { height:2em; margin-bottom:5em; }
#post_nav a { padding:0.5em 0;}

ul.thumbs { }
ul.thumbs li {float:left; margin-right:50px; margin-bottom:40px; }
.thumb { width:175px; height:175px; background:#eee; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.event_aggregate
{
	padding-top:10px;
	width:400px;
	clear: both;
}


.post_roll {padding-top: 5px;}

.post_roll li
{
	margin-bottom: 3px;
	font-size: 11px;
}

.clear { clear: both; }
.alignright { float: right; }
.alignleft { float: left; }

.navigation { margin-top:50px; font-size:14px; }

.wp-caption-text { font-style:italic; }

.highlighted_area { 
    background:#dadada;
    padding:20px; 
    color:#000;
    margin:10px 0;
}

.admin, .admin a { font-size:11px; color:#05f !important; }
.admin a:hover { color:#009 !important; }

#commentHead
{
	margin-top: 20px;
}

#commentlist
{
	margin:-20px 0 0 0;
	width: 660px;
}
.comment
{
	margin-top: 15px;
	width:600px;
}

.comment-meta, .comment-meta a
{
	font-size: 10px;
	text-decoration: none;
}

/*COLORS*/
.color_exhibitions { background-color: #DD0033;}
.color_gafftahours { background-color: #00CC99;}
.color_workshops { background-color: #FF9900;}
.color_special { background-color: #AA00DD;}
.color_symposia { background-color: #666666;}
.color_projects { background-color: #0099CC;}