/* 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 Author URI:http://samk.ca/ Version:1.9.7 Tags:black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar . Released under the GPL. . */ /* Defaults */ * {margin:0;padding:0;} .clear {clear:both;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {_height:0.1%;} .floatfix {height:auto;overflow:hidden;_height:0.1%;_overflow:inherit;}h1, h2, h3, h4, h5, h6, p {margin:0 0 5px 0;padding:10px 0 5px 0;} h2 {font-size:20px;color:#563A11;} h3 {font-size:16px;color:#563A11;margin:15px 0;padding:0 0 5px 0; border-bottom:1px dotted #563A11;} h4 {font-size:16px;color:#563A11;text-decoration:underline;} 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 {text-align:justify;} p,li {font-size:14px;line-height:22px;} a {color:#563A11;text-decoration:none;} a:hover {color:#f80;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;} table {border:1px solid #D0B887;border-collapse:collapse;width:677px;font-size:15px;margin:10px 0;} th {background:#D0B887;color:#563A11;padding:4px 10px;border:1px solid #D0B887;} th span.normal {font-weight:normal;} td {padding:4px 10px;border:1px solid #D0B887;} td.price {width:150px;} code {color:#3366cc;font-style:italic;} strong {font-size:15px;} body {text-align:center;margin:0;padding:0 0 15px 0;font-family:trebuchet ms, arial, helvetica, sans-serif;background:#add563 url(images/bggradient.jpg) repeat-x;} .imgleft {float:left;} .imgright {float:right;} /* Header and wrapper */ #wrapper {margin:0 auto;width:1004px;height:auto;min-height:815px;text-align:left;padding:0;background:#add563 url(images/bgbody.jpg) top center no-repeat;} #header {position:relative;padding:0;margin:0;height:240px;} #header img {position:absolute;left:178px;top:22px;} #header #topright {text-align:right;float:right;width:400px;margin:5px 0 0 0;} #header #topright ul {list-style:none;padding:0;margin:0;} #header #topright li {display:inline;} #header #topright li a {font-size:9pt;padding:0 0 0 25px;text-transform:lowercase;} #header #topright li a:hover {text-decoration:none;} #header h1 {padding:0;margin:0;} #header h1 a {font-size:17pt;text-decoration:none;} #header h1 a:hover {text-decoration:none;} #header span {padding:0;color:#111;font-size:11pt;} /* Menu */ #catnav {position:absolute;margin:0 0 0 87px;padding:15px 0 0;clear:both;height:82px;width:960px; background:url("images/bgnav.png") no-repeat;} #nav {list-style:none;margin:0;padding:0;} #nav ul {margin:0;padding:0;} #nav li {float:left;margin:2px 0 0 0;padding:0;background:url("images/separator.png") no-repeat right top;} #nav a {display:block;line-height:40px;padding:0 12px;font-size:13pt;color:#f6dc80;} #nav li :hover {background:#2c220c url("images/separator.png") no-repeat right top;} #nav li a:hover {color:#f2f3b3;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:hover, #nav li.sfhover { position:static;/* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ } #nav li:hover img, #nav li:hover li, #nav li.sfhover li {background:none;} #nav li li {float:left;margin:0;padding:0;width:150px;} #nav li li a {width:150px;height:20px;line-height:20px;font-size:11pt;color:#f2f3b3;margin:0;padding:5px 25px; font-weight:normal;border-top: 1px solid #d0b887;background:#2c220c;} #nav li li a:hover {background:#d0b887;padding:5px 25px;color:#2c220c;border-top: 1px solid #2c220c;} #nav li.navEnd {background:none;} #nav li.navStart a {height:40px;padding:12px 21px 0 39px;} #nav li.navEnd a {height:40px;padding:14px 20px 0;} #nav li.navStart a:hover, #nav li.navEnd a:hover {background:none;} /* current page navi settings */ #nav li.current_page_item {color:#f2f3b3;background:#2c220c url("images/separator.png") no-repeat right top;} /* sub items */ #nav li li.current_page_item a {background:#d0b887;} #toprss {float:right;margin:39px 0 0 0;display:inline;width:120px;} #toprss a {float:left;width:30px;height:30px;margin:0 7px 0 0;background:url(images/navthree.gif) no-repeat;} #toprss a.home {background-position:0 0;} #toprss a.kontakt {background-position:-43px 0;} #toprss a.impressum {background-position:-86px 0;} #toprss a.home:hover {background-position:0 -41px;} #toprss a.kontakt:hover {background-position:-43px -41px;} #toprss a.impressum:hover {background-position:-86px -41px;} /* Top Content */ #main {margin:60px 0 0 96px;clear:both;width:811px;background:transparent url("images/bgcnt.png") repeat-y;} /* Content Frame Top Bottom*/ #bgCntTop {margin:-34px 0 0 0;} #bgCntBtm {margin:0 0 -34px;} #contentwrapper {float:left;width:680px;min-height:520px;margin:0;padding:10px 0 0 65px;} #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:#563A11;font-weight:normal; background:url(images/bg-trans.png) repeat;padding:5px;} .topPost {margin:0;padding:0;font-size:9pt;} .topPost h2.topTitle, .topPost h2.topTitle a {font-size:15pt;font-weight:normal;letter-spacing:-2px;} .topPost h2.topTitle a:hover {text-decoration:none;} .topPost p.topMeta {padding:0;margin:-10px 0 0 0;font-size:9pt;color:#cdcdcd; } .topPost p.topMeta a {text-decoration:underline;} .topPost p.topMeta a:hover {} .topPost div.topContent {font-size:9pt;color:#563A11;margin:8px 0;} .topPost div.topContent h2 {font-size:22px;color:#563A11;background:url("images/h2line.gif") no-repeat center bottom; height:45px;text-align:center;} .topPost div.topContent a {text-decoration:underline;} .topPost div.topContent a:hover {text-decoration:underline;} .topPost div.topContent a.normaltext {text-decoration:none;} .topPost div.topContent a.normaltext:hover {text-decoration:underline;} .topPost div.topContent ul, .topPost div.topContent ol {padding:0 0 0 30px;} .topPost div.topContent ul li, .topPost div.topContent ol li {color:#563A11;} .topPost div.topContent ul ul {padding:0;} .topPost div.topContent ul ul li {list-style:none;} .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.linkpages {font-size:9pt;font-style:italic;color:#fff;margin-bottom:10px; display:block;} .topPost span.linkpages a:hover {color:#ddd;} .topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {background:#040404;} .topPost span.topComments a {background:url(images/comments.gif) left no-repeat;padding-left:20px; line-height:27pt;vertical-align:middle;} .topPost span.topMore a {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 {line-height:27pt;vertical-align:middle;} .topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {text-decoration:underline;} .nicebox {/*background:#D0B887;*/padding:20px 10px;-moz-border-radius: 8px;-webkit-border-radius: 8px; border: 1px solid #D0B887;} .nicebox p {padding:5px 10px 5px 50px;} .nicebox p strong {background:url(images/more.gif) no-repeat 3px -15px} .nicebox ul {margin:0 50px;} div.boxrgt, div.boxlft {width:320px;} ul.boxrgt, ul.boxlft {width:260px;} .boxrgt {float:right;} .boxlft {float:left;} #nextprevious {margin:10px 0 5px 0;} #nextprevious a {text-transform:lowercase;text-decoration:underline;} #nextprevious a:hover {} /* Comments */ #comments {margin-bottom:10px;margin-top:15px;background:#D0B887; /* 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 #563A11;padding:0px 15px 10px 15px;color:#563A11;} #comments cite, #comments p a {} #comments p a:hover {} #comments p {padding:0;margin:5px 0;} ul.commentlist, ul.trackback {list-style-type:none;margin:10px 0;font-size:9pt;} .commentlist li, .trackback li {margin:2px 0;padding:5px;background:#ede9d0;border:1px solid #563A11; list-style-type:none;} .commentlist li.alt {background:#EDE9C0;border:1px solid #563A11;margin-top:3px;} .commentlist li.cleared {background:transparent;border:none;} .commentlist a:hover {color:#eee;} .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:#ddd;} .commentlist small.commentmetadata a {color:#666;} .commentlist p {color:#563A11;} #respond {clear:both;margin-top:15px;} textarea#comment {width:450px;background:#fff;color:#111;padding:10px;} #comments #submit {margin:0;} #extrastuff a {font-size:0.8em;} #extrastuff a:hover {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/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;} #main #welcome a:hover {} #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 10px 0;color:#eee;background:url("images/h2line.gif") no-repeat center bottom;} #sidebars .sidebarbox {padding:0 15px;} #sidebar_full {padding:0;margin:0;} #sidebar_left {position:absolute;margin:7px 0 0 -157px;width:170px;background:url(images/bg-trans.png) repeat;} #sidebar_right {float:right;margin:7px -162px 0 0;width:180px;background:url(images/bg-trans.png) repeat;text-align:center;} #sidebars h2 {padding:8px 0;margin:0 0 8px;font-weight:normal;font-size:19px;color:#fff;text-align:center;border-bottom:1px solid #fff;} #sidebars table {width:130px;} #sidebars .textwidget {border-bottom:1px solid #fff;padding:0 0 10px;} #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 {color:#f80;display:inline;text-decoration:underline;} #sidebars a:hover {color:#fff;text-decoration:underline;} #sidebars p {padding:2px 0;font-size:9pt;color:#eee;text-align:center;} #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:#563A11;} #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;padding:0 15px;text-align:center;} #footer p {font-size:9pt;color:#563A11;padding:0;} #footer a {color:#563A11;} #footer a:hover {text-decoration:underline;} #footercenter {width:730px;margin:30px auto 0 auto;text-align:center;} #footercenter ul {list-style:none;width:500px;margin:0 auto;} #footercenter ul li {float:left;font-size:9pt;color:#563A11;padding:3px 10px;} #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:2px 10px 5px 0;} .alignright {float:right;margin:2px 0 5px 10px;} .aligncenter, div.aligncenter {margin:10px auto;text-align:center;display:block;} img.alignleft {float:left;margin:2px 10px 5px 0;} img.alignright {float:right;margin:2px 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;} /* content images */ .size-thumbnail, .size-medium {float:left;padding:11px 20px 20px 10px;background:url(images/ombra.jpg) no-repeat right bottom;} /* sitemap */ .ddsg-wrapper ul li ul {margin-left:20px;} .ddsg-wrapper ul ul li {list-style:circle !important;}