/*
Theme Name: DQ Studios Theme
Description: Custom Theme Written for DQstudios.com
Author: Chris J. Lee
Author URI: http://www.chrisjlee.net
Ettison written by Jason Sanzone
*/

/* ============= all elements style ============= */
* { margin:0; padding:0; }
a { outline:none; }
img { border:none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* ============= other ============= */
.floatleft { float:left; }
.floatright { float:right; }
/* ============= body ============= */
body { margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* ============= wrapper ============= */
#web-links { width: 100%; background: #000; display: block; height: 3.5em;  }
#web-links ul { width: 960px; margin: 0 auto;  }
#web-links ul li { width: auto; padding: 1em; float: left; list-style: none;  }
#web-links ul li a { color: #fff; font-weight: bold; font-size: 1em; text-decoration: none;  }
#web-links ul li a:hover { color: #fff; font-weight: bold; font-size: 1.5em;  }
#wrapper { width:960px; margin:0px auto 0 auto; background: #fff; }
/* ============= header ============= */
#header { width:960px; }
#header-image { width: 960px; background: #000; margin-top: 15px; }
/* ============= logo ============= */
#header h1 { width:960px; height:55px; float:left; display:inline; margin-top:0px; padding: 0 15px; }
#header h1 a { display:block; color:#000; font-size: 36px; width:960px; height:55px; text-decoration: none; background:url() no-repeat; }
/* =============== slogan =============== */
.slogan { float:right; width:0px; height:0px; background:url('') no-repeat; text-indent:-2000em; margin-top:0px; }
.slogan a { display:block; width:0px; height:0px; text-decoration: none; background:url() no-repeat; }
/* some header elements */
.header-left { width:10px; height:70px; float:left; background:url(); }
.header-right { width:15px; height:70px; float:right; background:url(); }
/* =============== navigation =============== */
#main-nav { margin-top:3px;  background:#000; height:42px; }
#main-nav ul li { margin-top: 5px; list-style:none; float:left; margin-left:10px; display:inline; }
#main-nav ul li a { font-size:1em; color:#bbb; text-decoration:none; font-weight:bold; display:block; height:27px; float:left; padding:5px 10px; }
#main-nav ul li a:hover { text-decoration:none; background:#000; color:#ffffff; }
#main-nav span { color:#444; list-style:none; font-size:9px; display:block; font-weight:normal; }
#secondary-nav {  background: #000; height:29px; }
#secondary-nav ul li { list-style:none; float:left; margin-left:10px; display:inline; }
#secondary-nav ul li a { font-size:10px; color:#bbb; text-decoration:none; font-weight:bold; display:block; line-height:19px; float:left; padding:5px 10px; }
#secondary-nav ul li a:hover { text-decoration:none; background:#000; color:#fff; }
/* =============== search-form =============== */
.search-form { width:230px; float:right; padding-top:8px; }
.search-input { width:160px; padding:2px; border:none; background:#000; border:1px solid #777; margin-right:10px; padding-left:10px; color:#777; font-weight:bold; }
.search-form input { float:left; }
/* =============== container =============== */
#container { clear:both; margin:30px 5px; }
#content { width:770px; padding-left:5px; float:left; }
#sidebar { width:110px !important; margin-right:5px; float:right; display:inline; list-style:none; }
/* =============== post styling =============== */
.post { border-top:1px solid #ece9e5; margin-bottom:40px; width: 100%; }
.post h2 { font-size:22px; color:#000000; padding-bottom:5px; border-bottom:1px solid #ece9e5; margin-bottom:10px; width: 100%; }
.post h2 a { color: #000000; border-bottom: 0px !important; text-decoration:none; display: block; line-height: 150%; }
.post h2 a:hover { color: #FF932F;  }
.post p { color:#000; margin-bottom:15px; text-align:justify; font-size:13px; line-height:18px; }
.post-header { padding-bottom:10px; border-bottom:1px solid #ece9e5; margin-bottom:10px; clear:both; display:block; font-size:11px; }
.post-info { float:left; }
.post-comments { float:right; font-weight:bold; }
#content a { color:#000; font-weight:bold; border-bottom: 1px solid #777; text-decoration:none; }
#content a:hover { color: #000; border-bottom: 1px solid #000; text-decoration:none; }
.post ul,
.post ol { margin-bottom:15px; }
.post ul li,
post ol li { list-style-position:inside; }
/* =============== sidebar =============== */
#sidebar h2 { font-size:18px; color:#000000; margin-bottom:15px; border-top:1px solid #ece9e5; }
* html #sidebar h2 { margin-left:-15px; }
#sidebar ul,
#sidebar ol { margin-bottom:30px; }
#sidebar li { list-style:none; }
#sidebar li ul { margin-left:5px; }
#sidebar li ul li { margin-bottom: 10px; list-style:none; }
#sidebar li ul li a { color:#000; border-bottom: 1px dotted #ccc; text-decoration:none; line-height:18px; font-size:12px; }
#sidebar li ul li a:hover { color: #000; border-bottom: 1px solid #000; text-decoration:none; }
/* =============== footer =============== */
#footer { background:#000; margin:0px; padding:0 15px; clear:both; color:#fff; font-size:12px; font-weight:bold; line-height:40px; }
#footer a { color: #fff; text-decoration: underline; }
.prevnextnav { padding:10px; height:20px; border-top: 1px solid #000;  }
.prevnextnav a { color:#000000; text-decoration:underline; font-weight:bold; }
.prevnextnav a:hover { text-decoration:none; }
/* comments */

.comtext { padding:10px; margin-bottom:10px; }
.comtext h3 { font-size:13px; color:#000000; }
.comtext h3 a { color:#fe0002; text-decoration:none; }
.comtext h3 a:hover { text-decoration:underline; }
.nobold { color:#484f5f; font-size:11px; font-weight:normal; }
.comtext-inside { border-left:4px solid #cccccc; padding-left:10px; margin-top:10px; }
.comtext p { text-align:justify; font-size:11px; color:#252525; margin-bottom:15px; line-height:15px; }
.comment-form { margin-top:10px; margin-bottom:20px; }
.comment-form h3 { background:#f8f8f8; border-bottom:1px solid #000000; padding:10px; margin-bottom:10px; color:#000000; font-size:15px; }
.comment-form input { width:200px; margin-bottom:5px; padding:2px; }
.comment-form textarea { width:98%; margin-bottom:10px; }
#commentform a { color:#000000; font-weight:bold; font-size:11px; text-decoration:underline; }
#commentform a:hover { text-decoration:none; }

.slim { width: 110px; }