/* 
Theme Name: Crush Magazine
Theme URL: http://design.crushlabs.com
Description: Crush Magazine is a 2-Column Widget Ready Theme for Wordpress. Supply meets demand. Theme Tweaking and Custom Themes are available at <a href="http://design.crushlabs.com">CrushLabs.com</a>. <b>Inquire Within</a>.
Author: CrushLabs, Inc.
Author URI: http://design.crushlabs.com
Version: 1.0
*/

/* Universal */
body {background-color: #DADADA; margin: 0px; padding: 0px; font-family: 8px; color: #666; font-family: arial, tahoma;}
a {color: #336699; text-decoration: none;}
a:hover {color: #ff7f00; text-decoration: none;}
a img {border: none;}
acronym, abbr {}
b, strong {color: #336699;}
blockquote {border: 2px solid #DADADA; background-color: #FAFAFA; padding: 2px 5px; margin: 20px;}
blockquote cite {}
code, pre {}
.clear {clear: both;}
fieldset {border: none;}
legend {display: none;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
h1 {border-bottom: 2px solid #DADADA; margin: 0px 0px 10px;  padding: 2px 5px;font-size: 16px; color: #FFF; font-variant: small-caps; background-color: #336699; }
h1 a{color: #FFF; background-color: #DADADA; padding: 2px 5px;}
h1 a:hover {color: #FFF;}
h2 {}
h3 {}
hr {display: none;}
i, em {color: #ff7f00;}
input, textarea {padding: 2px; font-size: 100%;}
td, th, tr {}
/* Layout */
#outer {width: 1040px; margin: 0px auto;background-image: url(images/wrap_bg.gif);background-repeat: repeat-y;}
#wrapper {background-color: #FFF; width: 980px; margin: 0px auto; padding: 0px;}
#top {height: 20px; background-color: #DADADA; background-image: url(images/bg.png); overflow: hidden;}
#menu {background-color: #336699; height: 27px; overflow: hidden;}
#container {background-image: url(images/mid_bg.gif); background-repeat: repeat-x; margin: 0px; padding: 0px;}
/* Header */
#header {background-color: #FFF; height: 130px;margin: 0px; padding: 0px; overflow: hidden;}
#header h1 {}
#header h1 a {}
#header p.blogdescription {}
#header {height: 130px; margin: 0px 0px 0px 20px;background-image: url(images/header.png);background-repeat: no-repeat;}
#top .right {float: right; width: 200px; padding: 3px 10px 0px;text-align: right; color: #333; font-size: 10px; font-weight: bold;}
#top .right ul {list-style: none; }
#top .right li {display: inline; color: #333; }
#top .right a{color: #333;}
#top .right a:hover {color: #ff7f00;}
/* menu */
#menu ul {margin: 0px; padding: 4px;}
#menu li {display: inline; border-right: 1px solid #2c5a88; padding: 0px 10px;}
#menu a {color: #FFF;}
#menu a:hover {color: #FFF; text-decoration: underline;}
/* content */
#content {float: left;  width: 660px; margin: 0px; padding: 10px; overflow: hidden;}
/* homepage */
#featured {margin: 5px 0px; padding: 10px;background-image: url(images/feat_bg.png); width: 640px;border-top: 1px solid #DADADA;border-bottom: 1px solid #DADADA;}
.crush {width: 300px; float: left; margin: 5px 5px; padding: 10px; font-size: 12px;}
.crush-feat {margin: 5px 5px; font-size: 12px;}
.crush-img {float: left; border: 1px solid #DADADA; padding: 3px; margin: 5px 10px 3px 0px;}
.crush h2, .crush-feat h2 {font-size: 16px; margin: 5px 0px 0px; padding: 0px;}
.crush .date, .crush-feat .date {font-size: 12px;}
.cat_header {margin: 0px; padding: 0px 10px; border-bottom: 2px solid #CACACA; font-weight: bold;font-variant: small-caps; color: #FFF; background-color: #336699; background-image: url(images/h2.png);text-align: right;}
.feat_cat_header {margin: 0px; padding: 0px 5px; border-bottom: 2px solid #CACACA; font-weight: bold;font-variant: small-caps; color: #FFF; background-color: #ff7f00; background-image: url(images/h2_feat.png);}

/* blog posts */
.post {font-size: 12px; border-bottom: 2px dotted #DADADA; margin: 0px 0px 10px; padding: 0px 0px 5px;}
.post h2 {border-bottom: 2px dotted #DADADA; margin: 5px 0px 5px;}

/* blog lists */
.post ul{padding-left: 15px;}
.post ul li{margin-left: 15px;list-style-type: square;}
.post ul ul li{padding-left: 3px;;}
.post ol{list-style-position: inside;padding-left: 15px;padding-top: 2px;margin-bottom: 10px;}                        

/* sidebar */
#sidebar {float: right; width: 300px; margin: 10px 0px; padding: 0px; font-size: 12px; overflow: hidden;}
#sidebar ul {list-style: none; margin: 0px; padding: 0px;}
#sidebar li ul li{list-style-type: square; margin: 5px 15px; padding: 0px;}
#sidebar li h2 {padding: 2px 3px; margin: 0px 0px 3px; font-size: 15px; font-variant: small-caps; border-bottom: 2px solid #CACACA;background-image: url(images/mid_bg.gif); background-repeat: repeat-x;}
#sidebar li ul {padding: 3px;}
#sidebar li li {}

/* sidebar subscribe box */
#subscribe {border: 1px solid #DADADA; width: 240px; margin: 0px auto; padding: 0px 20px; height: 350px; background-image: url(images/subscribe.gif); background-repeat: no-repeat;}
#subscribe h2 {border-bottom: 2px dotted #DADADA;padding: 20px 0px 0px;}
#subscribe ul li {list-style-type: square; margin: 5px 15px;}

/* common sidebar list elements */
#sidebar li#archive {}
#sidebar li#categories {}
#sidebar li#meta {}
#sidebar li#pages {}
#sidebar li.widget {margin: 5px auto; padding: 5px; width: 270px; border: 1px solid #DADADA;}

/* Comments */
#content .commentlist {margin:0;padding:0;border-top:#DADADA 1px solid; font-size: 12px;}
#content .commentlist li {list-style:none;margin: 0;padding:1em;border-bottom:#DADADA 1px solid;}
.commentlist li.alt {background-color:#FAFAFA;}
.commentlist li .cmtinfo {font-size:10px;}
.commentlist li cite {font-size:10px;}
.commentlist li .cmtinfo em {float:right;margin:0;padding:0;font-style:normal;color:#999;}
#content .nocomments {text-align:center;color:#999;}
.trackback{background:url(images/trackback.png) no-repeat left center;padding:0px 17px;}

/* Footer */
#footer {clear: both; margin: 0px; padding: 0px; font-size: 12px; font-weight: bold;text-align: right;background-color: #DADADA; background-image: url(images/bg.png); color: #333; overflow: hidden;}
#footer a {}
#footer a:hover {}
/* attribution link styling */
#footer p.credit {margin: 0px; padding: 5px;}
#footer p.credit a {}
#footer p.credit a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.center {display: block; margin: 10px auto;}
img.left {display: inline; margin: 0 10px 5px 0;}
img.right {display: inline; margin: 0 0 5px 10px;}
.navigation {}
.previouslink {}
.nextlink {}