/*  
Theme Name: Warx
Theme URI: http://samk.ca/freebies/free-wordpress-theme-pixeled/
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by <a href="http://samk.ca/">samk</a>. Enjoy!
For CMS solutions, it offers two kinds of sidebar, one style and the other not-styled with CSS.  This will allows you to display different type of sidebar content without needing to edit your sidebar.php file.
Shortcode enabled widgets
gravatar support
threaded (nested) comment support
separated trackbacks and pingbacks
Author: sam
Author URI: http://samk.ca/
Version: 0.5-personal
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */
* {
  margin: 0;
  padding: 0;
  }
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana;
  }
hr {
  color: #333;
  border: 1px solid #121212;
  }
pre {
  height: auto; 
  overflow-x:scroll;
  }
fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }
dd {
  padding-left: 13px;
  }
p {
  font-size: 12pt;
  }
a {
  color: #6598b8;
  text-decoration: none;
  }
a:hover {
  color: #222;
  text-decoration: underline;
  }
a img {
  border: none;  
  }
blockquote {
  background: #808080;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #fff;
  }
code {
  color: white;
  font-style: italic;
  }
strong {
  font-size: 110%;
  }
body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  background: #000000 url(images/background1.png) top repeat-x;
  }

/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  padding: 0;
  }
#header {
  padding: 0;
  margin: 0;
    }
#header #logo {
  float: left;
  margin: 25px 0 0 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  Color:#000000;
  }
#header h1 a {
  Color:#000000;
  font-size: 44pt;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #404040;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #000000;
  font-size: 11pt;
  }

/* Menu */
#catnav {
  padding: 0;
  clear: both;
  width: 1000px;
  padding-top: 23px;
  }
#menubgstart {
  background: transparent url(images/menubgstart.png) no-repeat scroll left top;
  padding-left:28px;
  height:26px;
  }
#menubg {
  background:transparent url(images/all-bg.gif) no-repeat scroll right top;
  float: left;
  padding: 0 25px 0 0;
  height: 26px;
  }
#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
#nav ul {
  margin: 0;
  padding: 0;
  }
#nav li {
  float: left;
  margin-left: 10px;
  padding: 4px 15px 4px 0;
  border-right: 1px #77868D solid;
  }
 #nav a {
  display: block;
  margin: 0;
  font-size: 10pt;
  color: #000000;
  letter-spacing: -1px;
  }
 #nav li a:hover {
 color: #404040;
 text-decoration: underline;
 display: block;
 }
#nav li ul {
  list-style: none;
  position: absolute;
  left: -999em;
  width: 150px;
  }
#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
#nav li li {
  float: left;
  margin-left: -9px;
  padding: 0;
  width: 150px;
  }
#nav li li a {
  height: 24px;
  line-height: 24px;
  color: #000000;
  border: 1px solid #77868D;
  background: #A0B1BB;
  margin: 0;
  padding: 4px 10px;
  }
#nav li li a:hover {
  text-decoration: underline;
  }
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

/* Top Content */
#main {
  clear: both;
  width: 998px;
  border: 1px solid #000000;
  background:#A7ACB0 url(images/all-bg.gif) no-repeat scroll 0 -238px;
  padding-top: 25px;
  }
#contentwrapper {
  float:left;
  width: 600px;
  margin: 0 0 15px;
  padding: 0px 0px 0px 25px;
  }
#contentwrapper2 {
  width: 948px;
  margin: 0 0 15px;
  padding: 0px 0px 0px 25px;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 15px 0 10px 0;
  font-size: 14pt;
  letter-spacing: -1px;
  color: #000000;
  font-weight: normal;
  border:1px #707577 solid;
  background:#DCE9EF;
  padding: 5px;
  }
.topPost {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  }
.topPost h2.topTitle a {
  font-size: 16pt;
  font-weight: normal;
  color: #000000;
  letter-spacing: -2px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #808080;
  text-decoration: underline;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0 0;
  font-size: 9pt;
  color: #000000;
  }
.topPost p.topMeta a {
  text-decoration: underline;
  color: #000000;
  }
.topPost p.topMeta a:hover {
  color: #808080;
  }
.topPost div.topContent {
  font-size: 9pt;
  color: #000000;
  margin: 8px 0;
  }
.topPost div.topContent a {
  color: blue;
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #808080;
  }
.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #000000;
  font-size:14px;
  }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  font-size: 9pt;
  font-style: italic;
  padding: 8px 10px;
  margin-right: 5px;
  line-height: 27pt;
  color: #fff;
  }
.topPost span.linkpages {
  font-size: 9pt;
  font-style: italic;
  color: #fff;
  margin-bottom: 10px; display:block;
  }
.topPost span.linkpages a:hover {
  color: #ddd;
  }
.topPost span.topComments a {
  color: #000000;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topMore a {
  color: #000000;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #0a0a0a;
  }
.topPost span.topTags a {
  color: #fff;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #808080;
  text-decoration: underline;
  }
#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: black;
  text-transform: lowercase;
  text-decoration:underline;
  }
#nextprevious a:hover {
  color: #808080;
  text-decoration: underline;
  }
  
/* Comments */
#comment {
  margin-bottom: 10px;
  margin-top: 15px;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  padding: 0px 15px 10px 15px;
  color: #000000;
  }
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  margin: 15px 0;
  padding: 0;
  }
#comment p a {
  color: blue;
  }
#comment p a:hover {
  color: #6598b8;
  text-decoration:underline;
  }
#comment p {
  padding:0;
  margin: 7px 0;
  color: #000000;
  font-size:16px;
  }
ul.commentlist, ul.trackback  {
  list-style-type: none;
  margin: 10px 0;
  font-size: 9pt;
  border-top:2px #000000 solid;
  }
.commentlist li, .trackback li {
  margin: 10px 0 15px 0;
  padding: 10px;
  background: #C0C0C0;
  border: 1px solid #999999;
  list-style-type: none;
  }
.commentlist li.alt {
  background: #D1EFEF;
  border: 2px solid #8C9E9E;
  border: none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a.gravatar {
  float: left;
  padding-right:10px;
  }
.commentlist .commentbody  .trackbody {
  margin: 0;
  padding: 0;
  }
.commentlist .commentbody .trackbody p a {
  text-decoration: underline;
  color: #000000;
  text-decoration: underline;
  }
.commentbody li {
  background:none;
  border:none;
  list-style:inside disc;
  padding:0;
  margin:0 20px;
}
.commentlist cite, .trackbody cite {
  font-size: 13pt;
  font-style: normal;
  color: #000000;
}
.commentlist a , .trackbody a {
  color: #1E1BAD;
}
.commentlist small.commentmetadata a {
  color: #000000;
  }
 .trackbody small.commentmetadata a {
  color: #000000;
  }
.commentlist p {
  color: #dedede;
  }
.comment-reply-link {
  color: #0055FF;
  text-decoration: underline;
  }
#respond {
  clear: both;
  margin-top: 15px;
  border-top:#000000 solid 2px;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  padding: 10px;
  border:1px #000000 solid;
  }
#comment #submit {
  margin: 0;
  }
#singlenav a {
  color:#000000;
  font-size:12px;
  }
#singlenav a:hover {
  color:#6598b8;
  text-decoration:none;
  }
#singlenav #prevleft {
  float:left;
  width:295px;
  }
#singlenav #nextright {
  float:right;
  width:295px;
  text-align:right;
  }

/* Welcome section */
#main #welcome {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  border:1px #707577 solid;
  background:#DCE9EF;
  }
#main #welcome h2 {
  font-size: 14pt;
  font-weight: normal;

  color: #fff;
  letter-spacing: -2px;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  }
#main #welcome p {
  font-size: 9pt;
  color: #eee;  
  margin: 0 10px;
  padding: 6px 0;
  }
#main #welcome a {
  text-decoration: underline;
  color: #ff9933;
  }
#main #welcome a:hover {
  color: #6598b8;
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
  color: #fff;
  font-size: 8pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }

  /* Sidebars */
#sidebars {
  margin: 12px 25px 0 0;
  float: right;
  width: 320px;
  }
#sidebars .sidebarbox {
  border:1px #707577 solid;
  background:#DCE9EF;
  padding: 8px 10px;
  }
#sidebar_full {
  padding: 0;
  margin: 0;
  }
#sidebars h2 {
  margin: 0;
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 11pt;
  color: #000000;
  letter-spacing: -1px;
  }
#sidebars table {
  width: 130px;
  }
#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }
#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }
#sidebars li ul {
  padding: 0;
  }
#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #000000;
  background: url(images/bullet.gif) left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
#sidebars a {
  display: inline;
  color: blue;
  }
#sidebars a:hover {
  color: #808080;
  text-decoration: underline;
  }
#sidebars p {
  padding: 2px 0;
  font-size: 9pt;
  color: #eee;
  }
#tag_cloud a {
  display: inline;
  }
#sidebars ul.children li {
  border-bottom:none;
  }
#sidebars ul.children {
  margin-bottom:0;
  }

/* Before footer */
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }

/* footer*/
#footer {
  background: transparent url(images/all-bg.gif) no-repeat scroll 0 -27px;
  clear: both;
  height: 55px;
  }
#footer p {
  font-size: 9pt;
  color: #bbb;
  padding: 8px;
  }
#footer a {
  color: #bbb;
  text-decoration: underline;
  }
#footer a:hover {
  color: #fff;
  }
  
  /* Misc */
.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }
  
 /* Page Widgets */  
#pagewidgets {
  color: #000000;
  float: left;
  }
  
  /* NextGen Gallery custom*/
.ngg-widget img {
}

.ngg-gallery-thumbnail img {
}
.sbicons {
width:329px;
height:156px;
clear:both;}
.sbicons a em {
display:none;}
.sbicons div {
width:170px;}
.sbicons .sbir {
float:right;
margin-top:37px;}
.sbicons .sbil {
float:left;
margin-top:17px;}
.sbicons .sbile {
float:left;
margin-top:46px;}
.sbicons span {
font-size: 150%;}
.sbicons #ihwp {
display:block;
height:120px;
width:110px;
background:url(images/all-bg.gif) no-repeat scroll -886px -118px;
float:left;
margin:0 0 0 30px;}
.sbicons #ptam {
display:block;
height:106px;
width:146px;
background:transparent url(images/all-bg.gif) no-repeat scroll -407px -132px;
float:right;}
.sbicons #twflgs {
display:block;
height:147px;
width:121px;
background:transparent url(images/all-bg.gif) no-repeat scroll -21px -82px;
float:left;
margin:0 0 0 25px;}
.sbicons #bjblg {
display:block;
height:77px;
width:155px;
background:transparent url(images/all-bg.gif) no-repeat scroll -650px -161px;
float:right;}
.sbicons #seml {
display:block;
height:124px;
width:119px;
background:transparent url(images/all-bg.gif) no-repeat scroll -233px -113px;
float:right;
margin:0 30px 0 0;}