/*
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 samk. 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 GPL.
.
*/
/* 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: 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) top center no-repeat;
}
/* Header and wrapper */
#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: #000;
text-decoration: none;
}
#header #logo {
float: left;
width: 350px;
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: #eee;
text-decoration: none;
}
#header span {
padding: 0;
color: #111;
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: #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 { /* 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: 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;
}
.topPost h2.topTitle a {
font-size: 15pt;
font-weight: normal;
color: #fff;
letter-spacing: -2px;
}
.topPost h2.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) left no-repeat;
padding-left: 20px;
line-height: 27pt;
vertical-align: middle;
}
.topPost span.topMore a {
color: #fff;
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: #fff;
text-decoration: underline;
}
#nextprevious {
margin: 10px 0 5px 0;
}
#nextprevious a {
color: #83adc8;
text-transform: lowercase;
text-decoration: underline;
}
#nextprevious a:hover {
color: #fff;
}
/* Comments */
#comment {
margin-bottom: 10px;
background: #040404;
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. */
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: 0px;
margin-top: -25px;
}
/* Welcome section */
#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; /* 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: 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) left 8px no-repeat;
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}
#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;}
/* Before footer */
#morefoot {
background: #000 url(images/bggrad.jpg) top left repeat-x;
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: underline;
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 .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 {
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;
}
/* 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;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/*
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
padding: 5px;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
line-height: 1.15em;
text-align: center;
border: 1px solid #808080;
background: #EAEAEA;
color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }