/*  
Theme Name: Pixeled
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! (Other color schemes available soon!)
Author: sam
Author URI: http://samk.ca/
Version: 1.5
Tags: black, blue, 3 columns, 2 columns, clean, transparent, right sidebar, fixed width, valid xhtml, valid css, feedburner, adsense ready, 1024, dropdown categories, widgets, footer navigation, drop down
.
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;
}
fieldset {
margin : 0;
padding : 0;
border : 0;
}
dd {
padding-left : 15px;
}
p {
font-size : 9pt;
}
a {
color : #6598b8;
text-decoration : none;
}
a:hover {
color : #222;
text-decoration : underline;
}
a img {
border : none;
}
blockquote {
background : #070707;
border : 1px solid #060606;
padding : 5px 15px;
margin : 10px 10px 5px 15px;
font-style : italic;
color : #fff;
}
code {
color : #3366cc;
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 : #000 url(images/bgbody.jpg) no-repeat top center;
}
#wrapper {
margin : 0 auto;
width : 960px;
text-align : left;
padding : 0;
}
#header {
padding : 0;
margin : 0;
height : 80px;
}
#header #topright {
text-align : right;
float : right;
width : 600px;
margin : 5px 0 0 0;
}
#header #topright ul {
list-style : none;
padding : 0;
margin : 0;
}
#header #topright li {
display : inline;
}
#header #topright li a {
color : #fff;
font-size : 9pt;
padding : 0 0 0 25px;
text-transform : lowercase;
}
#header #topright li a:hover {
color : #3dfc41;
text-decoration : none;
}
#header #logo {
float : left;
width : 350px;
margin : 25px 0 0 0;
padding : 0;
}
#header #logo a {
color : #fff;
font-size : 17pt;
text-decoration : none;
}
#header #logo a:hover {
color : #6598b8;
text-decoration : none;
}
#header h1 {
padding : 0;
margin : 0;
}
#header h1 a {
color : #fff;
font-size : 17pt;
text-decoration : none;
}
#header h1 a:hover {
color : #eee;
text-decoration : none;
}
#header span {
padding : 0;
color : #fff;
font-size : 11pt;
}
#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 : #fff;
letter-spacing : -1px;
}
#nav li a:hover {
color : #6598b8;
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 : #fff;
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 {
position : static;
}
#toprss {
float : right;
margin : 7px 15px 0 0;
display : inline;
width : 143px;
line-height : 41px;
}
#main {
margin : 5px 15px 0 15px;
clear : both;
width : 930px;
padding-bottom : 5px;
}
#contentwrapper {
float : left;
width : 560px;
margin : 0 0 15px 0;
padding : 0;
}
#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 : #fff;
font-weight : normal;
background : url(images/bg-trans.png) repeat;
padding : 5px;
}
.topPost {
margin : 0;
padding : 0;
font-size : 9pt;
color : #fff;
}
.topPost h1.topTitle a, .topPost h1.topTitle, .topPost h1 {
font-size : 15pt;
font-weight : normal;
color : #fff;
letter-spacing : -2px;
}
.topPost h1.topTitle a:hover {
text-decoration : none;
color : #abd1ea;
}
.topPost p.topMeta {
padding : 0;
margin : -10px 0 0 0;
font-size : 9pt;
color : #cdcdcd;
}
.topPost p.topMeta a {
text-decoration : underline;
color : #fff;
}
.topPost p.topMeta a:hover {
color : #ccc;
}
.topPost div.topContent {
font-size : 9pt;
color : #efefef;
margin : 8px 0;
}
.topPost div.topContent a {
text-decoration : underline;
color : #fff;
}
.topPost div.topContent a:hover {
text-decoration : underline;
color : #ff9933;
}
.topPost div.topContent ul, .topPost div.topContent ol {
padding : 0 0 0 30px;
}
.topPost div.topContent ul li, .topPost div.topContent ol li {
color : #eee;
}
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
font-size : 9pt;
font-style : italic;
background : url(images/bg-trans.png) repeat;
padding : 8px 10px;
margin-right : 5px;
line-height : 27pt;
color : #fff;
border : 1px solid #111;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
background : #040404;
}
.topPost span.topComments a {
color : #fff;
background : url(images/comments.gif) no-repeat left 0%;
padding-left : 20px;
line-height : 27pt;
vertical-align : middle;
}
.topPost span.topMore a {
color : #fff;
background : url(images/more.gif) no-repeat left 0%;
padding-left : 20px;
line-height : 27pt;
vertical-align : middle;
}
.topPost span.topTags em {
background : url(images/tags.gif) no-repeat left 0%;
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 : #fff;
text-decoration : underline;
}
#nextprevious {
margin : 10px 0 5px 0;
}
#nextprevious a {
color : #83adc8;
text-decoration : none;
}
#nextprevious a:hover {
color : #fff;
}
#comment {
margin-bottom : 10px;
background : #040404;
width : 530px;
border : 1px solid #090909;
padding : 10px 15px;
color : #fff;
}
#comment a {
color : #6598b8;
}
#comment a:hover {
color : #fff;
}
#numberofcomments {
color : #fff;
font-size : 12pt;
margin-top : 10px;
}
ol#commentlist {
list-style : none;
margin : 10px 0;
font-size : 9pt;
}
#commentlist li {
margin : 0 0 15px 0;
padding : 10px;
background : #030303;
border : 1px solid #0a0a0a;
}
#commentlist li.alt {
background : #000;
border : 1px solid #010101;
border : none;
}
#commentlist li.cleared {
background : transparent;
border : none;
}
#commentlist a:hover {
color : #eee;
}
#commentlist a.gravatar {
float : left;
margin : 0 10px 0 0;
width : 69px;
}
#commentlist .commentbody {
margin : 0;
padding : 0 5px 0 0;
float : right;
width : 410px;
}
#commentlist .commentbody p a {
text-decoration : underline;
}
#commentlist cite {
font-size : 10pt;
font-style : normal;
color : #ddd;
}
#commentlist small.commentmetadata a {
color : #666;
}
#commentlist p {
color : #dedede;
}
#comment h3 {
font-size : 10pt;
font-weight : normal;
color : #fff;
margin : 15px 0 0 0;
padding : 0;
}
textarea#comment {
width : 450px;
background : #fff;
color : #111;
}
#comment #submit {
margin-left : 0;
margin-top : -25px;
}
#main #welcome {
margin : 0 0 20px 0;
padding : 0 0 5px 0;
background : url(images/bg-trans.png) repeat;
}
#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;
}
#main #welcome #feedbox {
border : 1px solid #ccc;
padding : 2px 1px;
width : 180px;
}
.submitbutton {
margin : -5px 0 0 5px;
background : #222222;
color : #fff;
font-size : 8pt;
padding : 3px 6px;
vertical-align : middle;
border : 1px solid #333333;
}
.submitbutton:hover {
cursor : pointer;
background : #050505;
}
#sidebars {
margin : 15px 0 0 0;
float : right;
width : 340px;
color : #eee;
}
#sidebars .sidebarbox {
background : url(images/bg-trans.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 : #fff;
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 : #eee;
background : url(images/bullet.gif) no-repeat left 8px;
line-height : 17px;
}
#sidebars a {
display : inline;
color : #eee;
}
#sidebars a:hover {
color : #6598b8;
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;
}
#morefoot {
background : #000 url(images/bggrad.jpg) repeat-x top left;
border : 1px solid #070707;
padding : 15px;
color : #dfdfdf;
margin : 0 0 10px 0;
}
#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 : none;
color : #ddd;
}
#morefoot a:hover {
text-decoration : underline;
color : #6598b8;
}
#morefoot h3 {
font-size : 12pt;
font-weight : normal;
color : #dfdfdf;
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 .colminea {
margin : 0 25px;
font-size : 9pt;
font-weight : normal;
color : #555;
letter-spacing : -1px;
}
#morefoot .colminea a {
color : #555;
text-decoration : none;
}
#morefoot .colminea a:hover {
color : #6598b8;
}
#morefoot .col2, #morefoot .col3 {
float : left;
width : 260px;
}
#morefoot li {
padding-left : 20px;
margin-bottom : 5px;
background : url(images/more.gif) no-repeat left 2px;
line-height : 17px;
}
#footer {
clear : both;
background : #000;
border : 1px solid #070707;
padding : 15px 15px 10px 15px;
}
#footer p {
font-size : 9pt;
color : #bbb;
padding : 0;
}
#footer a {
color : #bbb;
text-decoration : underline;
}
#footer a:hover {
color : #fff;
}
#footerleft {
float : left;
width : 500px;
}
#footerright {
float : right;
width : 300px;
text-align : right;
}
.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;
}
.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;
}
.shareLink {
width : 500px;
height : 17px;
background : #222222;
color : #ffffff;
border : 1px solid #333333;
padding : 5px 0 5px 5px;
overflow:hidden;
}
.NextPhoto {
float : right;
text-align : right;
margin : 0 30px 10px 0;
}
.uDetails {
width : 150px;
float : left;
margin : 15px 0 0 15px;
color : #fff;
}
.topContent h3 {
margin-bottom : 0;
padding-bottom : 0;
}
.ksImg {
width : 100%;
background : #222;
text-align : center;
padding : 10px 10px 10px 10px;
}
#contentwrapper h1 {
font-weight : normal;
color : #fff;
font-size : 24px;
}
.kosStats {
font-size : 20px;
}
.details {
padding : 8px 8px 15px 8px;
margin : 0 30px 15px 0;
border-bottom : 1px solid #333;
clear : both;
overflow : hidden;
color : #fff;
}
.details a:hover {
color : #fff;
text-decoration : underline;
}
.details ul {
margin : 5px 0 5px 15px;
list-style-type : none;
}
.details li {
padding : 3px 0 3px 0;
list-style-type : square;
}
.details h2 {
font-size : 1.2em;
color : #fff;
margin : 0 0 3px 0;
padding : 0;
}
.details p {
margin : 0 0 5px 0;
padding : 0;
}
.details p img {
padding : 0;
border : 1px solid #e5e5e5;
}
.details2 {
padding : 8px;
margin : 0 30px 15px 0;
background : #ebf3fb;
border : 1px solid #cce0f5;
}
.details2 ul {
margin : 5px 0 5px 15px;
list-style-type : none;
}
.details2 li {
padding : 3px 0 3px 0;
list-style-type : square;
}
.details2 h2 {
font-size : 1.2em;
color : #474848;
margin : 0 0 3px 0;
}
.details2 p {
margin : 0 0 15px 0;
}
.details2 p img {
padding : 0;
border : 1px solid #838383;
}


#slideshow {
background : #000 url(images/bggrad.jpg) repeat-x top left;
/*border : 1px solid #070707;*/
padding : 15px;
color : #dfdfdf;
height: 162px;
margin : 0 0 10px 0;
}

#slideshow h3 {
font-size : 12pt;
font-weight : normal;
color : #dfdfdf;
letter-spacing : -1px;
border-bottom : 1px dotted #444;
margin : 0;
margin-bottom: 10px;
padding : 0 0 2px 0;
}