/*
Theme Name: Webbdesign
Theme URI: http://en.divinedeveloper.com/09/27/webbdesign-1-1/
Description: blue, two-columns, right-sidebar, fixed-width, translation-ready with Superfish Dropdown menu navigation WP Theme .Original Webbdesign by Divine Developer. Released under the GNU General Public License. This means you may use it for any purpose, and make any changes you like. However I would like if you leave Webbdesign link to my site under your footer.
Version: 1.1.2
Author: Divine Developer
Author URI: http://www.divinedeveloper.com/
Tags: blue, two-columns, right-sidebar, fixed-width, translation-ready
*/
/* ************** GENERAL RESET ************** */
* {
margin: 0;
padding: 0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.clearboath {
clear: both;
}
body {
color:#333;
font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
text-align:center;
background: #D8B31C url('images/background.gif') 0px 0px repeat-x;
line-height:1.5;
}
a {
text-decoration: none;
color: #A70303;
}
a:hover {
text-decoration: none;
}
img {
border: none;
}
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
color: #111;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
h1 {
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.6em;
margin-bottom: 0.75em;
}
h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}
h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}
h6 {
font-size: 1em;
font-weight: bold;
}
/* Text elements
-------------------------------------------------------------- */
p, ul, ol, dl {margin: 0.75em 0;}
blockquote { margin: 1.5em; color: #666; font-style: italic; }
abbr, acronym {
border-bottom: 1px dotted #666;
}
pre {
font: 1em 'Courier New', Courier, monospace;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
background-color:#E8F2FB;
border: solid 1px #CADFEF;
color:#333;
padding:10px;
margin: 0 0 1em 0;
}
/* Tables
-------------------------------------------------------------- */
table {
margin: 1.4em auto;
}
th {
border-bottom: 2px solid #ccc;
font-weight: bold;
}
td {
border-bottom: 1px solid #ddd;
}
th, td {
padding: 4px 10px 4px 0;
}
tfoot {
font-style: italic;
}
caption {
background: #dfcb28;
}
/* Use this if you use span-x classes on th/td. */
table .last {
padding-right: 0;
}
/* **************** CONTAINER *************** */
#header, #topnav, #content, #footer, #bottom {
clear:both;
}
#container {
margin:0 auto;
width:960px;
text-align: left;
overflow:hidden
}
/* **************** HEADER *************** */
#header {
height:242px;
background: transparent url('images/dj-banner.jpg') left top no-repeat;
margin: 0 0 0px;
}
#header h1 {
position: relative;
left: 500px;
top: 70px;
font-size:2.3em;
line-height:1em;
padding: 0;
margin:0;
}
#header h1 a {
text-decoration:none;
color:#fff;
font-weight: bold;
}
#header h1 a:hover {
color:#CCC;
}
#header #desc {
position: relative;
left: 500px;
top: 80px;
margin: 0px;
color:#fff;
}
#rss {
float:right;
margin:0px;
padding:35px 0px 6px;
width:90px;
}
#rss a img {border:none;}
/* **************** TOPNNAV *************** */
.topnav {
margin: 6px 2px;
border-top: double medium #ccc;
border-bottom: double medium #ccc;
font-size: 12px;
}
.topnav ul li{display: inline;}
.topnav li{margin: 0 1px;}
.topnav a{background: transparent; color: #ccc; padding: 8px 4px;}
.topnav a:hover {background: #774052;color: #fff;}
/*** ESSENTIAL STYLES ***/
.sf-js-enabled, .sf-js-enabled * {
margin: 0;
padding:0;
list-style: none;
}
.sf-js-enabled ul {
position:absolute;
top:-999em;
width: 160px; /* left offset of submenus need to match (see below) */
}
.sf-js-enabled ul li {
width: 100%;
}
.sf-js-enabled li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-js-enabled li {
float: left;
position:relative;
}
.sf-js-enabled a {
display:block;
position:relative;
}
.sf-js-enabled li:hover ul,
.sf-js-enabled li.sfHover ul {
left:0;
top:2.5em; /* match top ul list item height */
z-index:99;
}
ul.sf-js-enabled li:hover li ul,
ul.sf-js-enabled li.sfHover li ul {
top:-999em;
}
ul.sf-js-enabled li li:hover ul,
ul.sf-js-enabled li li.sfHover ul {
left: 160px; /* match ul width */
top: 0;
}
ul.sf-js-enabled li li:hover li ul,
ul.sf-js-enabled li li.sfHover li ul {
top:-999em;
}
ul.sf-js-enabled li li li:hover ul,
ul.sf-js-enabled li li li.sfHover ul {
left:160px; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-js-enabled {
float:left;
background: #000;
margin-bottom: 0em;
border-top: 3px double #888;
border-bottom:3px double #888;
font: 11px Verdana, Helvetica, Arial, sans-serif;
width: 100%;
}
ul.sf-js-enabled ul, ul.sf-js-enabled ul li ul {
border:none;
}
.sf-js-enabled a {
padding: 9px 8px;
text-decoration:none;
}
.sf-js-enabled li li a {
font-size: 12px;
border-top: 1px solid #fff;
}
.sf-js-enabled li li li a {
border-left: 1px solid #fff;
}
.sf-js-enabled a, .sf-js-enabled a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #fff;
}
.sf-js-enabled li {
}
.sf-js-enabled li li {
background:#774052;
}
.sf-js-enabled li li li {
background:#9a6375;
}
.sf-js-enabled li a:hover, .sf-js-enabled li.sfHover {
background-color: #774052;
}
.sf-js-enabled li li a:hover, .sf-js-enabled li li.sfHover {
background-color: #9a6375;
}
.sf-js-enabled li li li a:hover {
background-color: #bd8698;
}
/*** arrows **/
.sf-js-enabled a.sf-with-ul {
padding-right: 27px;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url(images/superfish-arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top:.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-js-enabled ul .sf-sub-indicator { background-position: -10px 0; }
.sf-js-enabled ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-js-enabled ul a:focus > .sf-sub-indicator,
.sf-js-enabled ul a:hover > .sf-sub-indicator,
.sf-js-enabled ul a:active > .sf-sub-indicator,
.sf-js-enabled ul li:hover > a > .sf-sub-indicator,
.sf-js-enabled ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url(images/superfish-shadow.png) no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/* **************** END TOPNAV *************** */
#content {
overflow:hidden;
margin:0px auto 10px;
width:960px;
background: transparent url(images/book.gif) repeat-y;
}
#top {
background:transparent url(images/book-top.gif) no-repeat top left;
height:10px;
margin:0 auto;
overflow:hidden;
padding:0;
width:960px;
}
#bottom {
background:transparent url(images/book-bottom.gif) no-repeat top left;
height:30px;
margin:0 auto;
overflow:hidden;
padding:0;
width:960px;
clear:both;
}
#main {
width:620px;
margin-top: 10px;
display:inline;
float:right;
margin:10px;
}
#mainwide {
width:920px;
margin-top: 10px;
display:inline;
float:right;
margin:10px 20px;
}
/* Search */
#search{
width:auto;
margin:5px 0 10px 0;
padding:10px 0 10px 0;
}
#searchform {
margin: 0;
margin:0;
}
#searchform fieldset {
display: inline;
margin: 0;
padding: 0;
border: none;
}
#s {
float: left;
display: inline;
height: 22px;
width:160px;
margin-top: 2px;
margin-right: 5px;
border: 1px solid #CAC4B6;
background: #FFFFFF;
}
#searchsubmit {
display: inline;
height: 22px;
width: 70px;
background: #b93f31;
border: 1px solid #b93f31;
color: #FFFFFF;
line-height: 22px;
float: left;
margin-top: 2px;
font-size:12px;
}
/* SIDEBAR */
#sidebar {
width:275px;
display:inline;
float:left;
margin:10px;
}
#sidebar h3 {
border-bottom: 1px dotted #000;
padding: 6px 6px;
margin: 0;
}
#sidebar ul {
margin: 0 0 15px 0;
list-style-type: none;
}
#sidebar li {
margin: 0;
}
#sidebar li strong{
margin: 0;
padding: 8px 8px;}
#sidebar ul li a {
display: block;
padding: 8px 8px;
text-decoration: none;
border-bottom: 1px dotted #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sidebar a:hover {
background-color: #774052;
color: #FFF;
}
.widget {
margin:0 0 15px;
padding:0 10px 0 15px;
}
/* POST */
.post {
padding: 12px 8px 12px 36px;
margin: 0 0 8px;
}
.post h2.pagetitle {
margin: 0;
padding: 0;
height: 40px;
background: url(images/h2.gif) no-repeat top left;
width: 100%;
text-align: center;
padding: 6px 0;}
.post h2. a {
padding: 0 12px;
}
.entry, .entrytext {
padding:5px 12px 5px;
}
.post img {
max-width: 500px;
height: auto;
}
.postmetadata {
margin: 12px 0 0;
}
.time, .category, .comms, .tags, .commenter, .author {
padding: 0 10px 0 20px;
}
.time {
background: url(images/calendar.gif) no-repeat 0 .2em;
}
.category {
background: url(images/folder.gif) no-repeat 0 .1em;
}
.comms {
background: url(images/comment.gif) no-repeat 0 .2em;
}
.tags {
background: url(images/tags.gif) no-repeat 0 .2em;
}
.commenter, .author {
background: url(images/commenter.gif) no-repeat 0 .1em;
}
.edit {
padding: 0 0 0 20px;
background: url(images/edit.gif) no-repeat 0 .1em;
}
.more {
padding: 0 20px 0 0;
background: url(images/more.gif) no-repeat right .2em;
}
.post p {
}
code {
font-family: "Courier New", Courier, monospace;
}
.post ul, .post ol {
list-style-type: none;
padding: 0;
margin: 0 0 0 1em;
}
.post ul li, .post ol li {
background-image: url(images/ullibullet.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
.center {
text-align: center;
}
/* FOOTER */
#footer {
padding: 10px 0 0px 0;
margin: 0 auto;
margin-bottom: 40px;
/*background: #D8B31C url('images/footer.gif') no-repeat center top;
*/}
#footer #sociallinks{
width: 750px;
height: 68px;
padding: 16px 0;
text-align: center;
margin: 0 auto;
}
#footer #sociallinks img,
#footer #sociallinks a{
border: none;
padding: 0; margin: 0;
}
#footer p {
text-align: center;
}
/* Images */
img {border:1px solid #EAE9E9;padding:4px;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img, img.alignnone { margin: 4px; display: inline;}
img.alignright {float: right; margin: 6px 0 4px 8px; display: inline;}
img.alignleft { float: left; margin:6px 8px 4px 0; display: inline;}
.wp-caption {
margin: 0px;
padding: 0px;
}
.wp-caption img {
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 10px;
font-style: italic;
font-weight: bold;
line-height: 12px;
}
/* alignment classes */
.navigation {
padding: 0 24px 10px 24px;
margin: 0;
}
.previous {
float:left;
width:47%;
}
.next {
float:right;
text-align:right;
width:47%;}
.floatleft, .alignleft {
float: left;
}
.floatright, .alignright {
float: right;
}
.center, .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}
/* comments */
.commnavigation {
padding: 5px 0;
display:block;
}
#comments-template {
clear:right;
padding: 3px 12px 0 30px;
margin: 15px auto 20px;}
#commentform textarea {
border:1px dotted #b93f31;
margin-top:10px;
padding:5px;
width:96%;
}
#commentform input {
}
#commentform input{
height: 20px;
background: #b93f31;
border: none;
font-size: 12px;
color: #FFFFFF;
padding: 3px 3px;
line-height: 20px;
}
.commentlist ul {
margin:0.75em 0 0;
}
.commentlist li {
margin:10px 0;
list-style: none;
color:#e4edee;
padding: 0 0 22px ;
}
.commentlist li ul li {
list-style: none;
color:#e4edee;
padding: 0 0 0px ;
margin:0 0 0 12px;
background: none;
}
.commentlist .comment-body {
padding: 0 0 22px ;
background: transparent url(images/comment_arrow.gif) no-repeat center bottom;
}
.commentlist a {
color:#774052;
}
.commentlist cite, .commentlist cite a {
padding: 0 2px 0 0;
border: none;
margin: 0;
color:#FFF;
}
.commentlist cite a:hover, .commentlist cite a:active {
text-decoration:underline;
}
.comment-author, .commentmetadata, .reply, .commentlist p {
background: #454545;
padding: 0 12px;
}
.commentlist p {
margin: 0;
padding: 5px 12px;
}
.comment-author {
background: #454545;
padding: 12px 12px;
}
.reply{
background: #454545;
padding: 0 12px 12px;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
pading: 5px 0;
}
.alt, .even {
padding:0 10px 0 20px;
}
.commentlist {
padding: 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.avatar {
float: right;
margin: 0 0 0 10px;
}