/*
Theme Name: Iron Crow Yoga by Gatehouse Design
Theme URI: www.gatehouse-design.com
Description: CMS theme for Wordpress
Version: 1.0
Author: Gatehouse Web Design www.gatehouse-design.com
Datum: May 20th, 2009
*/


/*COLOR PALETTE----------------------------------------------------------*/
/*body text: #444;*/
/*bg purple #57305d;*/
/*h1, navhover, quote purple: #5e0f68;*/
/*nav text: #836486;*/
/*nav border: #e7dbe8;*/


/*CSS BASICS FOR ALL SITES-----------------------------------------------*/

/* Eric Meyer's Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* Clearfix allows you to add a class to an existing div that will clear: both so that you don't have to add another div to clear: both. It was originally developed by Tony Aslett, of csscreator.com */
/* slightly enhanced, universal clearfix hack from www.perishablepress.com*/
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*HTML ELEMENTS------------------------------------------------------------*/

p {font:12px Trebuchet MS, Arial, sans-serif; color:#444; margin:15px 0 15px 0; line-height:22px;letter-spacing:0.1px;}
h1 {margin:30px 0 0 0; font:18px Palatino, Times, serif; color:#5e0f68;}
h2 {margin:30px 0 0 0; font:18px Palatino, Times, serif; color:#5e0f68;}
h2 a, h2 a:hover {text-decoration:none; font-weight:normal;}
h3 {margin:35px 0 10px 0; line-height:22px; font:12px Trebuchet MS, Arial, sans-serif; text-transform:uppercase; letter-spacing:0.5px; font-style:italic; font-weight:bold; color:#999; border-top: 1px dotted #999; padding-top:10px;}
h4 {margin:25px 0 10px 0; line-height:22px; font:12px Trebuchet MS, Arial, sans-serif; letter-spacing:0.5px; font-weight:bold; color:#444;}
h5 {margin:20px 0 20px 0; line-height:22px;}
ul, ol {list-style-type:disc;}
a {text-decoration:none; font-weight:bold; color:#7a2f84;}
a:hover {text-decoration: underline; color:#7a2f84;}
small {font-size:0.625em;}
strong {font-weight:bold;}
em {font-style:italic;}
blockquote {clear:left; float:left; width:510px; font:13px Palatino, Times, serif; font-style:italic; color:#5e0f68; line-height:20px; letter-spacing:0.2px; margin:40px 15px 0 0;}
blockquote p {font:13px Palatino, Times, serif; font-style:italic; color:#5e0f68; line-height:20px; letter-spacing:0.2px; margin:0;}



/*LAYOUT DIVS---------------------------------------------------------------*/

body {background:url(img/bg_pattern_tile.gif) repeat-x #57305d; border-top:6px solid #57305d;}
#page {width:976px; margin:0 auto; background:url(img/page_bg_tile.png) repeat-y;}
#header {width:780px; height:160px; margin:0 98px; background-color:#fff; float:left;}
#header img {margin:42px 219px 30px 219px;}
#main_nav {width:780px; height:45px; margin:0 98px; float:left; border:1px solid #e7dbe8; background:url(img/main_nav_bg_tile.gif) repeat-x;}
#content {width:780px; margin:0 98px 23px 98px; background-color:#fff; float:left;}
#content ul {list-style-position:inside; line-height:22px; margin-left:15px; font:12px Trebuchet MS, Arial, sans-serif; color:#444;}
#footer {width:976px; height:54px; margin:0 auto; float:left; background-color:#57305d;}
#col1 {width:240px; margin:0 15px 0 0; float:left;}
#col2 {width:240px; margin:0 15px 0 15px; float:left;}
#col3 {width:240px; margin:0 0 0 15px; float:left;}
#col12 {width:510px; margin:-30px 15px 0 0; float:left;}
#col23 {width:510px; margin:-30px 0 0 15px; float:right;}
.col23 {width:510px; margin:-30px 0 30px 15px; float:right;}
#sidebar {display:none;}
#footerbar {width:780px; float:left; margin:30px 0 0 0; border-top:1px dotted #ccc;}
#info {float:left; margin:0 15px 0 0; width:240px;}
#constantcontact {float:left; margin:0 15px 0 15px; width:240px;}
#badges {float:left; margin:0 0 0 15px; width:240px;}
#badges img {float:right; width:87px; margin:20px 0 0 15px;}
#paypal {width:183px; margin:15px 0 0 72px; float:left;}


/*MAINNAV-------------------------------------------------------------------*/

#main_nav ul {margin:0; width:780px; height:45px; padding-left:42px;}
#main_nav li {list-style-type:none; float:left; height:45px; margin:0 1px 0 1px; background:url(img/main_nav_bg_tile.gif) repeat-x; }
#main_nav li:hover {background:url(img/main_nav_bg_tile_hover.gif) repeat-x;}
#main_nav li:hover a {color:#5e0f68;}
#main_nav li a {padding:18px 20px 13px 20px; height:45px; display:block; text-decoration:none; color:#836486; font:14px Palatino, Times, serif; text-transform:uppercase;}
#main_nav li a:hover {color:#5e0f68;}
#main_nav li.current_page_item a {color:#5e0f68;}
#main_nav li.current_page_ancestor a {color:#5e0f68;}
#main_nav li.current_page_item {background:url(img/main_nav_bg_tile_hover.gif) repeat-x;}
#main_nav li.current_page_ancestor {background:url(img/main_nav_bg_tile_hover.gif) repeat-x;}


/*CLASSES--------------------------------------------------------------------*/
.post {margin:35px 0 40px 0;}
.extra_top {margin-top:80px;}
p.signup {margin-bottom:5px; font-style:italic;}
p.nomargin {margin:0; font-size:12px; line-height:14px;}


/*WP IMAGE ALIGNMENT----------------------------------------------------------*/

img.alignright {float:right; margin:40px 0 0 0;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}