/* 
Theme Name: Clear Grape
Theme URI: http://www.cleargrape.com/
Design Name: Clear Grape
Description: 960.gs theme for Clear Grape
Version: 1.0
Author: Gustavo Lanzas
Author URI: http://www.gustavolanzas.com

Credits:
Uses 960.gs
*/


/* html elements */
body {
background: #d8d8d8;
}

body.login {
background: #fff;
}

a {
color: #643568;
text-decoration: none;
}

a:hover {
border-bottom: 1px dotted #643568;
}

.entry a:hover {
border-bottom: none;
}

/* typography */
body {
font-family: Arial, Helvetica, sanserif;
font-size: 82.5%; 
line-height: 1.8em;
color: #3e3e3e;
}

h1, h2, h3, h3, h5 {
color: #2a013f;
font-family: Verdana, Geneva, sans-serif;
}

h1 img.headline {
margin-bottom: 20px;
}

#content h3 {
font-size: 2.4em;
line-height: 1em;
letter-spacing: .05em;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2px;
border-bottom: 1px solid #dbdbdb;
font-weight: normal;
}

#content h3 a:hover {
color: #2a013f;
border-bottom: none;
}


#content p {
margin-bottom: 10px;
}

h4.widget_title {
font-size: 1em;
}

/* structural ids */

#wrapper {
background: url(images/page_bg.png);
background-position: center;
background-repeat: repeat-y;
}

#header {
background: url(images/header_bg.png);
background-repeat: no-repeat;
height: 130px;
background-color: #fff;
}

#logo {
margin-top: 60px;
}

#logo img.logo {
	margin-bottom: 5px;
}

#logo a:hover, .catalog_links a:hover {
border-bottom: none;
}

#main {
}

/* sidebar */

#sidebar {
font-size: 1em;
margin-top: 7px;
}

#sidebar .current-menu-item a {
color: #000;
}

#sidebar .current-menu-item > ul.sub-menu li a {
color: #643568 !important;
}

#sidebar ul li {
line-height: 2.8em;
}

/* #sidebar ul li a {
/ * indent links * /
margin-left: 5px;
}

#sidebar ul li ul li.menu_item {
/ * second level menu items * /
line-height: 2em;
}

#sidebar .current_parent {
}
*/

#sidebar ul.menu li.menu-item > ul.sub-menu li.menu-item {
/* indent secondary links */
padding-left: 10px;
background: url(images/bullet_on.png);
background-repeat: no-repeat;
background-position: 0px 16px;
}

/* 
#sidebar ul li ul li ul li.menu_item a {
/ * indent tertiary links * /
padding-left: 20px;
background: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 6px;
}

#sidebar ul li ul li ul li.menu_item a.current_page_link {
/ * indent tertiary links * /
padding-left: 20px;
background: url(images/bullet_on.png);
background-repeat: no-repeat;
background-position: 0px 6px;
}
*/


#sidebar ul.menu li.menu-item {
border-bottom: 1px solid #e2e2e2;
}

#sidebar ul.menu li.menu-item ul.sub-menu li.menu-item {
border-bottom: none;
}

/* special class for catalog */
.menu_item_25 {
border-top: 1px solid #e2e2e2;
}

#sidebar ul.menu li.menu-item:last-child {
border-bottom: none;
}

#sidebar ul .menu_item ul li {
border-bottom: none;
}

#sidebar .menu_item a {
color: #643568;
}

#sidebar .menu_item a:hover, #sidebar .menu_item_last a:hover {
border-bottom: none;
color: #2a013f;
}

#sidebar .closed {
display: none;
}

#sidebar ul li.drop {
background: url(images/drop.png);
background-repeat: no-repeat;
background-position: 127px 11px;
}

#sidebar ul li ul li.drop {
/* second tier */
background: url(images/drop.png);
background-repeat: no-repeat;
background-position: 127px 6px;
}


#sidebar ul li.drop.open {
background: url(images/open.png);
background-repeat: no-repeat;
background-position: 127px 12px;
}

#sidebar ul li ul li.drop.open {
/* second tier */
background: url(images/open.png);
background-repeat: no-repeat;
background-position: 127px 12px;
}

#sidebar ul li.last {
border-bottom: none;
}

/* content area */ 
#content {
}


/* footer */

#footer {
border-top: 1px solid #e5e0e8;
height: 44px;
padding-top: 10px;
font-size: .8em;
margin-top: 10px;
}

#footer ul {
list-style: none;
}

#footer li {
display: inline;
}

#footer .logo {
margin-top: 3px;
}

/* wp classes */
.readmore {
}

.entry {
margin-bottom: 30px;
clear: both;
}

.entry p {
margin-bottom: 20px;
}

.categories {
border-top: 1px dotted #eee;
font-size: .9em;
color: #999;
margin-top: 10px;
}

.catalog_links .widget {
text-align: center;
border: 1px solid #eee;
}

.metadata {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}

.metadata a {
text-align: center;
color: #fff;
width: 80px;
margin: 0px 10px 0px 0px;
float: left;
display: block;
padding-top: 2px;
font-size: .8em;
background-color: #ccc;
}

.metadata a:hover {
color: #fff;
text-decoration: none;
border-bottom: none;
background-color: #643568;
}

/* format images */

#content .entry img.alignright,
#content .entry img.alignleft {
padding: 3px;
border: solid 1px #eee;
vertical-align: text-top;
}


/* additional classes */

.divide {
border-top: 1px solid #e5e0e8;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}

.left, .alignleft {
float: left;
margin: 5px 10px 5px 0px;
}

.right, .alignright {
float: right;
margin: 5px 0px 5px 10px;
}

/* home page */
.splash {
margin-top: 13px;
margin-bottom: 20px;
}

/* pagination */
.wp-paginate .current {
    background: #643568 !important;
    border: 1px solid #643568 !important;
}


/* actions */

ul.action li.eventmeta, 
ul.actions li.eventmeta {
line-height: 18px;
margin-bottom: 10px;
}

ul.actions {
border-bottom: 1px solid #dedede;
padding-bottom: 20px;
}

ul.actions:last-child {
border-bottom: none;
padding-bottom: 20px;
}

div.flickr-thumb {
margin-left: 0px !important;
margin-right: 10px !important;
}

ul.action ul {
	margin-bottom: 20px;
}

ul.box {
	border: 1px solid #ddd;
	padding: 10px 20px;
}

.yellow {
	background-color: #ffffcc;
}

.grey {
	background-color: #eee;
}

li.eventmeta table {
	width: 100%;
}

li.eventmeta label {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

td.eventmetatable {
	width: 50%;
}


/* attachments */
table.attachments {
width: 100%;
}

table.attachments tr {
}

table.attachments td {
height: 60px;
vertical-align: top;
padding-bottom: 10px;
}

table.attachments td.attach-img {
width: 25%;
text-align: center;
}

table.attachments td.attach-img img {
height: 60px !important;
}

ul.region {
width: 48%;
float: left;
clear: none;
margin-bottom: 20px;
}

span.offsite {
padding-top: 2px;
}

span.offsite,
ul.region li.offsite {
padding-left: 12px;
background-image: url(images/bottle.png);
background-repeat: no-repeat;
background-position: 0px 1px;
}