/*


Theme Name: Pixel


Theme URI: http://samk.ca/freebies/


Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Enjoy!


Author: Sam


Editor: Robert


Author URI: http://samk.ca/


Version: 1.9.8


Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post


.


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, sans-serif;





  }





hr {


  color: #424242;


  border: 1px solid #121212;


  }





pre {


  height: auto;


  overflow-x:scroll;


  }





fieldset {


  margin: 0;


  padding: 0;


  border: 0;


  }





dd {


  padding-left: 15px;


  }








p {


  font-size: 9pt;


  }





a {


  color: #424242;


  text-decoration: none;


  }





a:hover {


  color: #424242;


  text-decoration: underline;


  }





a img {


  border: none;


  }





blockquote {


  background: #dee7ec top left repeat-x;


  border: 1px solid #d5d5d5;


  padding: 5px 15px;


  margin: 10px 10px 5px 15px;


  font-style: italic;


  color: #424242;


  }





code {


  color: #424242;


  font-style: italic;


  }





strong {


  font-size: 110%;


  }





body {


  text-align: right;


  padding: 0 0 35px 0;


  font-family: trebuchet ms, arial, helvetica, sans-serif;


  background: #fff url(images/background.gif) top left no-repeat;


  }





/* Header and wrapper */


#wrapper {


  padding-left: 20px;


  margin-left: 150px;


  width: 1090px;


  text-align: left;


  padding: 0;


  }





#header {


  padding: 0;


  margin: 0;


  height: 80px;


  }





#header #topright {


  text-align: right;


  float: right;


  width: 600px;


  margin: 5px 140px 0 0;


}


#header #topright ul {


  list-style: none;


  padding: 0;


  margin: 0;


  }


#header #topright li {


  display: inline;


  }


#header #topright li a {


  color: #424242;


  font-size: 9pt;


  padding: 0 0 0 25px;


  text-transform: lowercase;


  }


#header #topright li a:hover {


  color: #424242;


  text-decoration: none;


  }





#header #logo {


  float: left;


  width: 550px;


  margin: 25px 0 0 0;


  padding: 0;


}


#header h1 {


  padding: 0;


  margin: 0;


  }


#header h1 a {


  color: #FFF;


  font-size: 17pt;


  text-decoration: none;


  }


#header h1 a:hover {


  color: #DDD;


  text-decoration: underline;


  }


#header span {


  padding: 0;


  color: #DDD;


  font-size: 11pt;


  }








/* Menu */





#catnav {


  margin: 20px 0 0 0;


  padding: 0;


  clear: both;


  height: 44px;


  width: 960px;


  }





#nav {


  list-style: none;


  margin: 0;


  padding: 0;


  }





#nav ul {


  margin: 0;


  padding: 0;


  }





#nav li {


  float: left;


  margin: 0;


  padding: 0;


  }





#nav a {


  display: block;


  line-height: 44px;


  margin: 0;


  padding: 0 20px 0 15px;


  font-size: 10pt;


  color: #424242;


  letter-spacing: -1px;


  }





#nav li a:hover {


  color: #424242;


  text-decoration: none;


  display: block;


  }





#nav li ul {


  list-style: none;


  position: absolute;


  width: 150px;


  left: -999em;


  }





#nav li:hover ul, #nav li.sfhover ul {


  left: auto;


  }





#nav li li {


  float: left;


  margin: 0;


  padding: 0;


  width: 150px;


  }





#nav li li a {


  width: 150px;


  height: 24px;


  line-height: 24px;


  color: #424242;


  border-top: 1px solid #131f27;


  background: #040404;


  margin: 0;


  padding: 5px 20px 5px 15px;


  }





#nav li li a:hover {


  border-top: 1px solid #131f27;


  background: #000;


  padding: 5px 20px 5px 15px;


  }





#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */


  position: static;


  }





#toprss {


  float: right;


  margin: 10px 15px 0 0;


  display: inline;


  width: 65px;


  line-height: 41px;


  }











/* Top Content */





#main {


  margin: 5px 15px 0 15px;


  clear: both;


  width: 930px;


  padding-bottom: 5px;


  }


#contentwrapper {


  float:left;


  width: 560px;


  margin: 0 0 15px 0;


  padding-top: 50px;


  }


#contentwrapper2 {


  float:left;


  width: 900px;  margin: 0 0 15px 0;


  padding: 0;


  }


#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {


  margin: 15px 0 10px 0;


  font-size: 14pt;


  letter-spacing: -1px;


  color: #424242;


  font-weight: normal;


  background: url(images/ASBrokeri_WordPress_transparent_sq.png) repeat;


  padding: 5px;


  }


.topPost {


  margin: 0;


  padding: 0;


  font-size: 9pt;


  }


.topPost h2.topTitle a {


  font-size: 15pt;


  font-weight: normal;


  color: #424242;


  letter-spacing: -2px;


  }


.topPost h2.topTitle a:hover {


  text-decoration: none;


  color: #424242;


  }


.topPost p.topMeta {


  padding: 0;


  margin: -10px 0 0 0;


  font-size: 9pt;


  color: #424242;


  }


.topPost p.topMeta a {


  text-decoration: underline;


  color: #424242;


  }


.topPost p.topMeta a:hover {


  color: #424242;


  }


.topPost div.topContent {


  font-size: 9pt;


  color: #424242;


  margin: 8px 0;


  }


.topPost div.topContent a {


  text-decoration: underline;


  color: #424242;


  }


.topPost div.topContent a:hover {


  text-decoration: underline;


  color: #424242;


  }





.topPost div.topContent ul, .topPost div.topContent ol {


  padding: 0 0 0 30px;


  }


.topPost div.topContent ul li, .topPost div.topContent ol li {


  color: #424242;


  }


.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {


  font-size: 9pt;


  font-style: italic;


  background: url(images/ASBrokeri_WordPress_transparent_sq.png) repeat;


  padding: 8px 10px;


  margin-right: 5px;


  line-height: 27pt;


  color: #424242;


  border: 1px solid #111;


  }


.topPost span.linkpages {


  font-size: 9pt;


  font-style: italic;


  color: #424242;


  margin-bottom: 10px; display:block;


  }


.topPost span.linkpages a:hover {


  color: #424242;


  }


.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {


  background: #bbc7cd;


  }


.topPost span.topComments a {


  color: #424242;


  background: url(images/comments.gif) left no-repeat;


  padding-left: 20px;


  line-height: 27pt;


  vertical-align: middle;


  }


.topPost span.topMore a {


  color: #424242;


  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: #424242;


  }


.topPost span.topTags a {


  color: #424242;


  line-height: 27pt;


  vertical-align: middle;


  }


.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {


  color: #424242;


  text-decoration: underline;


  }





#nextprevious {


  margin: 10px 0 5px 0;


  }


#nextprevious a {


  color: #424242;


  text-transform: lowercase;


  text-decoration: underline;


  }


#nextprevious a:hover {


  color: #424242;


  }








/* Comments */





#comments {


  margin-bottom: 10px;


  margin-top: 15px;


  background: #dee7ec top left repeat-x;


  border: 1px solid #d5d5d5;


  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: #424242;


  }


#comments h3 {


  font-size: 10pt;


  font-weight: normal;


  color: #424242;


  margin: 15px 0;


  padding: 0;


  }


#comments p a {


  color: #424242;


  }


#comments p a:hover {


  color: #424242;


  }


#comments p {


  padding:0;


  margin: 7px 0;


  }


ul.commentlist, ul.trackback  {


  list-style-type: none;


  margin: 10px 0;


  font-size: 9pt;


  }


.commentlist li, .trackback li {


  margin: 10px 0 15px 0;


  padding: 10px;


  background: url(images/ASBrokeri_WordPress_transparent_sq.png) repeat;


  border: 1px solid #d5d5d5;


  list-style-type: none;


  }


.commentlist li.alt {


  background: #000;


  border: 1px solid #020202;


  border: none;


  margin-top:10px;


  }


.commentlist li.cleared {


  background: transparent;


  border: none;


  }


.commentlist a:hover {


  color: #424242;


  }


.commentlist a.gravatar {


  float: left;


  margin: 0 15px 10px 0;


  width: 60px;


  }


.commentlist .commentbody {


  margin: 0;


  padding: 0;


  }


.commentlist .commentbody p a {


  text-decoration: underline;


  }


.commentlist cite {


  font-size: 10pt;


  font-style: normal;


  color: #424242;


  }


.commentlist small.commentmetadata a {


  color: #424242;


  }


.commentlist p {


  color: #424242;


  }


#respond {


  clear: both;


  margin-top: 15px;


  }


textarea#comment {


  width: 450px;


  background: #fff;


  color: #424242;


  padding: 10px;


  }


#comments #submit {


  margin: 0;


  }


#extrastuff a {color:#222; font-size:0.8em;}


#extrastuff a:hover {color:#6598b8; text-decoration:none;}


#extrastuff #rssleft {float:left; width:250px;}


#extrastuff #trackright {float:right; width:180px; text-align:right;}








/* Welcome section */





#main #welcome {


  margin: 0 0 20px 0;


  padding: 0 0 5px 0;


  background: url(images/ASBrokeri_WordPress_transparent_sq.png) repeat;


  }


#main #welcome h2 {


  font-size: 14pt;


  font-weight: normal;





  color: #424242;


  letter-spacing: -2px;


  margin: 0 10px;


  padding: 10px 0 3px 0;


  }


#main #welcome p {


  font-size: 9pt;


  color: #424242;


  margin: 0 10px;


  padding: 6px 0;


  }


#main #welcome a {


  text-decoration: underline;


  color: #424242;


  }


#main #welcome a:hover {


  color: #424242;


  }


#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: #d6e1e7;


  color: #424242;


  font-size: 8pt;


  padding: 3px 6px;


  vertical-align: middle;


  border: 1px solid #111;


  }


.submitbutton:hover {


  cursor: pointer;


  background: #050505;


  }








/* Sidebars */


#sidebars {


  margin: 15px 0 0 0;


  float: right;


  width: 340px;


  color: #424242;


  }


#sidebars .sidebarbox {


  background: url(images/ASBrokeri_WordPress_transparent_sq.png) repeat;


  padding: 8px 15px;


  }





#sidebar_full {


  padding: 0;


  margin: 0;


  }





#sidebar_left {


  float: left;


  width: 160px;


  }





#sidebar_right {


  float: right;


  width: 160px;


  }





#sidebars h2 {


  margin: 0;


  padding: 0 0 8px 0;


  font-weight: normal;


  font-size: 11pt;


  color: #424242;


  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: #424242;


  background: url(images/bullet.png) left 8px no-repeat;


  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */


  }





#sidebars a {


  display: inline;


  color: #424242;


  }


#sidebars a:hover {


  color: #424242;


  text-decoration: underline;


  }





#sidebars p {


  padding: 2px 0;


  font-size: 9pt;


  color: #424242;


  }





#tag_cloud a {


  display: inline;


  }





#sidebars ul.children li {border-bottom:none;}


#sidebars ul.children {margin-bottom:0;}











/* Before footer */





#morefoot {


  background: url(images/footer-t.gif) top left no-repeat;


  color: #424242;


  width: 1290px;


  padding: 15px;


  }


#morefoot p {


  margin: 5px 0;


  padding: 5px 0;


  }


#morefoot ul {


  list-style-type: none;


  margin-top: 5px;


  }


#morefoot ul li, #morefoot p {


  font-size: 9pt;


  }


#morefoot a {


  text-decoration: underline;


  color: #424242;


  }


#morefoot a:hover {


  text-decoration: underline;


  color: #424242;


  }


#morefoot h3 {


  font-size: 12pt;


  font-weight: normal;


  color: #424242;


  letter-spacing: -1px;


  border-bottom: 1px dotted #444;


  margin: 0;


  padding: 0 0 2px 0;


  }


#morefoot #searchbox {


  padding: 1px;


  width: 180px;


  }


#morefoot .col1 {


  float: left;


  width: 340px;


  }


#morefoot .col2 {


  margin: 0 25px;


  }


#morefoot .col2, #morefoot .col3 {


  float: left;


  width: 260px;


  }


#morefoot li {


  padding-left: 20px;


  margin-bottom: 5px;


  background: url(images/more.gif) left 2px no-repeat;


  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */


  }








/* footer*/


#footer {


  background: url(images/footer-b.gif) top left no-repeat;


  clear: both;


  padding: 15px 0 15px 0;


  width: 1290px;


  }


#footer p {


  font-size: 9pt;


  color: #424242;


  padding: 0;


  }


#footer a {


  color: #424242;


  text-decoration: underline;


  }


#footer a:hover {


  color: #424242;


  }


#footerleft {


  float: left;


  width: 500px;


  }


#footerright {


  float: right;


  width: 300px;


  margin-right: 70px;


  text-align: right;


  }











/* Misc */





.highlight {


  color: #424242;


  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: #424242;


  }


  -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: #424242;
  }