/*
Theme Name: WP-Gold
Theme URI: http://www.wp-magazine.se/wp-gold/
Description: The WP-Gold Theme is designed by Conceditor Media and released by WP Magazine
Version: 1.0
Author: Peter From
Author URI: http://www.conceditormedia.se
Tags: Widgetized, 3 sidebars, full CSS, custom header, fixed width, one column
All copyright information must stay intact and may not be removed! The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/
/************************************************
* Overall code *
************************************************/
* {
margin:0;
padding:0;
}
li,dd {
margin-left:5%;
}
fieldset {
padding:.5em;
}
select option {
padding:0 5px;
}
.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}
body {
background-color: #8f8464;
background-image: url(img/gold-bkg.jpg);
height:100%;
font-size:9pt;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
margin:0;
padding:0;
}
.wrap {
height:100%;
width:921px;
margin:0 auto;
clear:both;
}
.wrap-header {
width:921px;
margin:0 auto;
clear:both;
}
p {
line-height:1.75em;
}
blockquote {
margin-left:2em;
padding-left:1em;
border-left:2px dotted #6e6218;
color:#6e6218;
}
pre {
width:100%;
overflow:auto;
border-top:1px dotted #4b4536;
border-bottom:1px dotted #4b4536;
padding:1em 0;
}
.rule {
border-top:1px solid #8f8466;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 0;
}
#seperator {
#width:800px;
width:600px;
margin-top:30px;
border-bottom:1px dotted #8f8466;
margin-bottom: 25px;
}
/************************************************
* Header code *
************************************************/
#header {
background-image: url(img/gold-bkg.jpg);
}
#header .wrap {
padding:1.9em 0;
}
#header h1
{
font-size:1.4em;
margin:0;
font-variant:small-caps;
letter-spacing:0px;
}
#header h1 a {
text-decoration:none;
color:#ad8c20;
margin-left:10px;
}
#header h2
{
margin:1px 0 0 67px;
color:#6a5f14;
font-size:0.9em;
font-weight:normal;
font-family:Tahoma, Verdana, Arial, Serif;
letter-spacing:0px;
}
#header .logo {
float:left;
width:8px;
height:42px;
position:relative;
}
/************************************************
* Images code *
************************************************/
#photo_area {
height:129px;
margin:0 auto;
border-top:#c8b463 1px dotted;
border-bottom:#c8b463 1px dotted;
}
#photo {
clear:both;
float:left;
width:921px;
height:129px;
background: url(img/header-logo.jpg) 0 0 no-repeat;
position:relative;
}
/************************************************
* Menu code *
************************************************/
#menu {
font-size:12px;
height:26px;
position:static;
}
#menu .menu,#menu li {
list-style:none;
margin:5;
padding:0;
}
#menu .menu_width {
background: url(img/menu-bkg.jpg) 0 0 no-repeat;
width:921px;
margin:0 auto;
}
#menu .menu {
height:26px;
padding:0 0 0 1px;
}
#menu .menu_width_left {
float:right;
height:26px;
padding:0 1px 0 0;
}
#menu .menu li {
float:left;
line-height:25px;
height:26px;
background-repeat:no-repeat;
background-position:left top;
}
#menu .menu a {
height:26px;
background-position:right top;
background-repeat:no-repeat;
color:#836f0a;
display:block;
width:85px;
text-align:center;
padding:0 10px;
text-decoration:none;
}
#menu .menu a:hover {
height:24px;
color:#fff;
border-bottom:#6a664f 2px dotted;
display:block;
background-color:#d6c7a8;
text-decoration:none;
}
/************************************************
* Content code *
************************************************/
#content {
float:left;
background-image: url(img/wrap-bkg.gif);
background-repeat: repeat-y;
width:100%;
height:100%;
padding:1em 0;
}
#content-main {
float: left;
margin:0 3em;
width: 845px;
height:100%;
}
#content-posts {
float: left;
margin:0 3em;
#width: 775px;
width: 600px;
height:100%;
}
#content-sidebar {
float: left;
margin:0 0em;
width: 835px;
height:100%;
background: url(img/bkg-small.jpg) 0 0 repeat;
border-top:#ffffff 15px solid;
padding:5px ;
}
div#mainleft {
#background: url(img/bkg-page.jpg) 0 0 repeat;
background:#dadada;
float: left;
width: 400px;
height: 350px;
border: #b59b3f 1px dotted;
padding: 5px 5px 5px 5px;
margin-bottom: 20px;
}
div#mainright {
#background: url(img/bkg-page.jpg) 0 0 repeat;
background:#dadada;
float: right;
width: 400px;
height: 350px;
border: #b59b3f 1px dotted;
padding: 5px 5px 5px 5px;
margin-bottom: 20px;
}
div#mainmiddle {
margin-bottom: 20px;
padding: 5px 5px 5px 5px;
}
#post-entry {
border: #8f8464 0px dotted;
}
#content-main ul
{
margin:0 1em;
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content h2
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
letter-spacing:0px;
font-weight:normal;
color:#5c4e0d;
}
#content h3 {
font-size: 0.9em;
font-weight:normal;
margin-top:0;
padding-top:2px;
padding-bottom:10px;
border-bottom: #8f8466 1px dotted;
}
#content h4 {
font-size: 1.0em;
border:#8f8466 1px solid;
padding:3px;
font-weight:bold;
}
#content h5 {
font-size: 0.6em;
margin: 1em 0;
}
#content ol
{
list-style-type:decimal;
margin:1em;
padding:0 1em;
}
#content-main a:link, #content-main a:visited {
color:#ac9409;
text-decoration:none;
}
#content-main a:hover, #content-main a:active {
color: #ac9409;
background-color:#dad8cd;
text-decoration:none;
}
#content a.titlelink, a.titlelink:visited {
color: #695c06;
text-decoration:none;
}
#content a.titlelink:hover {
color: #b6ad5d;
background-color:#ece4a6;
text-decoration:none;
}
#content .icon {
border:0;
background:none;
margin:0;
padding-right:1px;
padding-left:0;
padding-top:0;
padding-bottom:2px;
float:none;
}
#content .commentsfeed
{
background:url(img/icon_feed.gif) no-repeat left center;
padding-left:16px;
}
#content .trackback
{
background:url(img/link.gif) no-repeat left center;
padding-left:20px;
}
#content .entry p {
margin-bottom:15px;
}
.custom-img {
float: left;
width: 220px;
height: 90px;
margin: 0 15px 0 0;
}
.left {
float: left;
margin: 0 15px 0 0;
}
#content .entry img
{
padding:6px 6px 6px 6px;
border:0;
border-top:#d5ceb9 1px dotted;
border-left:#d5ceb9 1px dotted;
border-bottom:#d5ceb9 1px dotted;
border-right:#d5ceb9 1px dotted;
margin-right:15px;
}
#content .entry a:link img,
#content .entry a:visited img,
#content .entry a:hover img,
#content .entry a:active img {
padding:6px 6px 6px 6px;
border:0;
border-top:#d5ceb9 1px dotted;
border-left:#d5ceb9 1px dotted;
border-bottom:#d5ceb9 1px dotted;
border-right:#d5ceb9 1px solid;
margin-right:15px; dotted
}
#content .entry .wp-smiley, .entry #wpstats {
float:none;
background: none;
border: 0;
padding: 0;
}
#tagcloud {
margin-top:20px;
margin-bottom:20px;
border-bottom:#efe9d7 1px solid;
padding:5px;
}
#myavatar a:link img,
#myavatar a:visited img,
#myavatar a:hover img,
#myavatar a:active img {
padding:6px 6px 6px 6px;
border:0;
border-top:#d5ceb9 1px dotted;
border-left:#d5ceb9 1px dotted;
border-bottom:#d5ceb9 1px dotted;
border-right:#d5ceb9 1px dotted;
margin-right:15px;
float:left;
}
/************************************************
* Sidebars code *
************************************************/
#sidebar {
float: left;
width: 100%;
}
div#left {
float: left;
width: 280px;
}
div#right {
float: right;
width: 280px;
}
div#middle {
padding: 0px 280px 5px 280px;
margin: 0px;
}
#sidebar h2 {
color:#000;
font-size:1.3em;
font-weight:normal;
font-family:Tahoma, Verdana, Arial, Serif;
letter-spacing:0px;
padding-bottom:2px;
border-bottom:#9d9774 1px dotted;
}
#sidebar ul
{
list-style:none;
padding:0;
}
#sidebar li
{
margin-top:3px;
margin-bottom:3px;
}
#sidebar ul ul
{
list-style:none;
}
#sidebar ul li ul a:link, #sidebar ul li ul a:visited {
color:#5b5740;
text-decoration:none;
}
#sidebar ul li ul a:hover {
color: #5b5740;
background-color:#ddd8b9;
text-decoration:none;
}
#sidebar a.sidebarlink:link {
border-bottom:#647585 dashed 1px;
}
#sidebar a.sidebarlink:hover, #sidebar a.sidebarlink:visited {
border-bottom:#647585 solid 1px;
}
li.sb {
padding-bottom:10px;
}
/************************************************
* Footer code *
************************************************/
#footer {
clear:both;
background:url(img/bkg-footer.jpg) 0 0 no-repeat;
height:47px;
width:921px;
color:#6c6850;
}
#footer p {
font-size:10px;
line-height:30px;
margin:0;
}
#footer a, #footer a:visited {
color:#fff;
text-decoration:none;
border-bottom:#fff 1px dotted;
}
#footer a:hover {
color:#fff;
text-decoration:none;
border-bottom:#fff 1px solid;
}
/************************************************
* Search code *
************************************************/
#search {
left:54%;
width:200px;
text-align:right;
margin:22px 0 0 164px;
position: absolute;
}
#search .searchimg {
float:left;
width:14px;
height:13px;
background:url(img/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}
#search input {
width:175px;
font-size:9pt;
background:#cfba6a;
margin-top:2px;
}
#search input:focus {
background:#FFF;
}
#notfound {
float: left;
margin:10 2em;
#width: 750px;
width: 600px;
height:50px;
background-color: #be6767;
border-top:#ffffff 15px solid;
padding:5px ;
bottom-margin: 20px;
}
#seperatorsearch {
#width:760px;
width:600px;
margin-top:30px;
border-bottom:1px dotted #8f8466;
margin-bottom: 25px;
}
/************************************************
* Comments code *
************************************************/
#comments, #respond{
margin: 0;
padding:1em 0 0 0;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#f8f5ea;
background: url(img/comment-bkg.jpg) 0 0 repeat;
border-top: #6a5914 1px dotted;
border-bottom: #6a5914 1px dotted;
}
.commentnum
{
font-size:1.5em;
font-weight:bold;
margin:0 5px 0 0;
}
.commentlist {
width:800px;
background: url(img/commentlist-bkg.jpg) 0 0 repeat;
}
.commentlist li
{
list-style:none;
margin: 1px;
padding: 1em 0.5em;
border-bottom: #6a5914 1px dotted;
}
.commentlist li.alt
{
background:#fffdfa;
background: url(img/commentlist-bkg.jpg) 0 0 repeat;
}
.commentlist li.authorcomment
{
border-top:#6a5914 1px dotted;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#6a5914;
}
input.textbox, textarea
{
border:#6a5914 1px dotted;
font:1em Verdana, Arial, Serif;
padding:2px;
width:250px;
}
textarea{
width: 97%;
padding:10px;
line-height:2em;
height: 20em;
}
input.textbox:focus, textarea:focus
{
border:#6a5914 1px dotted;
}
#submit
{
padding:3px 5px;
border:#6a5914 1px dotted;
background-color: #c6c6c5;
}
.post h4
{
font-size:1em;
font-weight:normal;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}