/*   
Theme Name: drecart 
Theme URI: http://drecart.com
Description: based on Thematic Child Theme development.
Author: drec
Author URI: http://drecart.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is � Ian Stewart http://themeshaper.com/
.
*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');
/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');
/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');
/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
/*Import Alternative Google Fonts - drecart addition*/
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Reenie+Beanie|Tangerine:regular,bold);
/*Custom CSS Stats Here*/
#wrapper{height:100%;background-color:#000}
/* Moves blog name & description to the left */
#branding{float: left;width:420px;padding:5px 0 10px 300px}
/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside{float: right;width: 300px;padding: 5px 250px 0 0}
/* This will clear the floats and keeps the access bottom line from jumping into the air */
#access{clear:both}
#blog-title a{background:url(images/logo.png) no-repeat top center;display:block;text-indent:-9000px;width: 300px;height: 100px}
#blog-title a:hover{background:url(images/logo1.png) no-repeat top center;display:block;text-indent:-9000px;width: 300px;height: 100px}
#blog-description{font-family:'Reenie Beanie',arial,serif;font-size:28px;padding:0 50px 0 50px}
#blog-description:hover{color:#ff0000}
.pageid-33 .entry-title{display:none}
.pageid-6 .entry-title{ /* where xx is your page id #, like, 16 or 2 or something */display:none}
#container{float:left;width:640px}
/*** THEMATIC SKIN ***/
.sf-menu{border-right:0px solid #000;float:right}
.sf-menu a{border-left:0;border-top:0;border-bottom:0;padding:10px;text-decoration:none;font-family: 'Reenie Beanie', arial, serif;font-size:35px;color:#777}
.sf-menu .current_page_item a,.sf-menu .current_page_ancestor a,.sf-menu .current_page_parent a{text-decoration:underline}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#d0d0d0}
.sf-menu li,.sf-menu li li,.sf-menu li li li{background:transparent}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{color:#ff0000;border-bottom:0;background:transparent;outline:0;border-bottom-color:#ff0000}
.sf-menu ul{border-right:0;border-bottom:0;padding-top:15px}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:32px; /* overriding essential styles */}
.sf-menu ul ul{margin-top:0}
.sf-menu ul a{background:#000;border-bottom:none}
.sf-menu ul a:hover{color:#FF0000}
/*Text Formatting*/
body,h1{color:#fff}

.entry-title{font-family:'Reenie Beanie',arial,serif;font-size:50px; padding:10px;text-transform:capitalize;text-align:center}
.entry-title a{color:#606060}
.entry-title a:active,.entry-title a:hover{color:#ff0000}
.navigation a:active,.navigation a:hover{color:#ff0000}
.entry-meta{font-family:'Reenie Beanie',arial,serif;font-size:28px;text-align:center}
.entry-meta .n{font-size:28px;font-family:'Reenie Beanie',arial,serif;letter-spacing:0.05em;text-transform:lowercase}
.entry-meta abbr{border:none;cursor:text;font-size:28px;font-family:'Reenie Beanie',arial,serif;letter-spacing:0.05em;text-transform:capitalize}
.entry-meta a:hover{color:#ff0000}
.entry-utility{font-size:28px;font-family:'Reenie Beanie',arial,serif}
.entry-utility a:active,.entry-utility a:hover{color:#FF0000}
.seo-tag-cloud{line-height:30pt;text-decoration:none}
#content .aside h3{font-family:'Reenie Beanie',arial,serif;font-weight:normal;font-size:30px;padding:8px;text-align:center}
#content .aside h3:hover{color:#ff0000}
.main-aside h3 {font-family:'Reenie Beanie',arial,serif;text-align:center;font-size:36px;padding-top:5px}
.aside input{display:block;margin-left:auto;margin-right:auto;font-family:'Reenie Beanie', rial,serif;font-size:20px;text-align:center;background-color:#505050;color:#fff}
.aside h3{font-family:'Reenie Beanie',arial,serif;font-size:35px;padding:15px;text-align:center} 
.aside h3:hover{color:#ff0000} 
.aside ul{font-family:'Reenie Beanie',arial,serif;font-weight:normal;font-size:30px;padding:12px}
.aside ul ul{list-style:none}
.navigation{font-family:'Reenie Beanie',arial,serif;font-size:24px}
.aside a:active, .aside a:hover{color:#ff0000}
.aside .current_page_item a{color:#fff}
.aside ul ul li {padding-top:8px;font-size:30px}
#siteinfo{text-align:center;font-family:'Reenie Beanie',arial,serif;font-size:24px}
#siteinfo a:active, #siteinfo a:hover{color:#ff0000;}
a:link{color:#707070}
a:visited{color:#808080}
a:active,a:hover{color:#FF0000}

body.slug-gallery #container{width:960px}
body.slug-gallery #content{width:940px;}
body.slug-home #container{width:960px}
body.slug-home #content{width:940px}
body.slug-music #container{width:960px}
body.slug-music #content{width:940px;}
.socialmedia-buttons{padding-bottom10px}
/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 -.5em;
    padding:0.5em 0;    
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    border:1px solid #ccc !important;
    color:#666!important;
    font-style:normal;
    margin:0 .375em !important;
    padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
    border:1px solid #ccc !important;
    color:#666 !important;
}
.wp-pagenavi a:hover {
    border:1px solid #ccc !important;
    color:#FF0000 !important;
}
.wp-pagenavi a:active {
    border:1px solid #ccc !important;
    color:#FF0000 !important;
}
.wp-pagenavi span.pages {
    border:none !important;
    color:#666 !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.current {
    border:none !important;
    color:#666 !important;
    font-weight:normal !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.extend {
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    margin:2px;
    padding:2px 4px;
}