/*
Theme Name: WP-Andreas01
Theme URI: http: //andreasviklund.com/wordpress-themes/
Description: Clean, simple and very functional theme that works well for many different kinds of sites. Based on the classic "andreas01" website template by Andreas Viklund. Add-ons, replacement images (including lots of new headers and backgrounds) and different kinds of modifications (wide version, 2-column version etc.) will soon be available on the WP-Andreas01 theme site.
Version: 1.7
Author: Andreas Viklund
Author URI: http: //andreasviklund.com/
*/
/* Body */
* {margin: 0; padding: 0; }
body {
background: #F4F4F4 url(img/bg.gif) top center repeat-y;
color: #303030;
font: 76% Tahoma, Arial, sans-serif;
}
#wrap {
background-color: #FFFFFF; color: #333;
margin: 0 auto;
width: 760px;
}
/* Tags */
p, ul, ol { margin: 9px 0 9px; }
blockquote
{
border-left: 4px solid #e0e0e0;
margin: 20px; padding: 8px 8px 8px 15px;
background-color: #efefef; color: #505050;
font-size: 0.9em;
line-height: 1.8em;
}
img.left
{
border: none;
float: left;
margin: 5px 10px 5px 0;
}
img.right
{
border: none;
float: right;
margin: 5px 0 5px 10px;
}
img.center
{
display: block;
border: none;
margin: 5px auto 12px;
text-align:center;
}
label {
background-color: inherit; color: #606060;
font-size: 0.9em; font-weight: bold;
}
table#wp-calendar {margin: 0 0 20px; width: 140px; }
code {
font-size: 1.2em;
display: block;
padding: 5px 5px 5px 8px;
background-color: #EDEDED;
margin: 5px 0 15px 0;
border-left: 4px solid #cccccc;
}
/* Links */
a {
background-color: inherit; color: #5F488A;
font-weight: bold;
text-decoration: none;
}
a:hover {text-decoration: underline; }
a img {border: 0; }
/* Header */
#header {margin: 0 0 0; }
#header h1 {
color: #493D60;
float: left;
font-size: 1.5em;
letter-spacing: 1px;
margin: 0 5px 0;
}
#header h1 a {
color: #555;
text-decoration: none;
}
#header p {
background-color: inherit; color: #777;
float: right;
font-size: 1.1em; font-weight: bold; line-height: 1.3em;
margin: 6px 5px 0;
text-align: right;
}
#frontphoto {margin: 0 0 10px; }
/* Sidebars */
#leftside {
clear: left; float: left;
line-height: 1.4em;
margin: 0 0 5px; padding: 0;
width: 140px;
}
#extras {
float: right;
line-height: 1.4em;
margin: 0 0 5px;
padding: 0;
width: 140px;
}
#leftside p,
#leftside ul,
#leftside div.textwidget,
#extras p,
#extras ul,
#extras div.textwidget
{
font-size: 0.9em;
margin: 0 0 18px;
}
#leftside li,
#extras li
{
line-height: 1.2em;
list-style: none;
margin: 0 0 8px;
}
#leftside ul ul,
#extras ul ul
{
margin: 6px 0 0 10px;
}
#leftside ul ul li,
#extras ul ul li
{
margin: 0 0 4px;
}
#leftside ul ul li a,
#extras ul ul li a
{
font-weight: normal;
}
#leftside ul.linklist,
#extras ul.linklist
{
font-size: 1em;
}
#leftside ul.linklist ul,
#extras ul.linklist ul
{
margin: 0 0 20px;
}
#leftside ul.linklist ul li a,
#extras ul.linklist ul li a
{
font-weight: bold;
}
#leftside h2,
#leftside h3,
#extras h2,
#extras h3,
table#wp-calendar caption
{
background-color: inherit; color: #493D60;
border-bottom: 1px dotted;
font-size: 1.5em; font-weight: 500;
margin: 5px 0 10px;
text-align: left;
}
#leftside ul.menulist li h2,
#extras ul.menulist li h2
{
border-bottom: none;
font-size: 1.2em; font-weight: 500;
}
#leftside label,
#extras label
{
display: none;
}
#cat.postform { margin: 0 0 20px; }
/* Main menu */
ul.page {
list-style: none;
margin: 0 0 20px;
width: 140px;
}
ul.page li {
display: inline;
line-height: 1.4em;
width: 140px;
}
ul.page li.page_item a {
background-color: #EDEDED;
border-left: 4px solid #666666;
color: #505050;
display: block;
font-weight: bold; text-decoration: none;
margin-bottom: 5px; padding: 5px 1px 5px 5px;
width: 130px;
}
ul.page li.page_item a:hover,
ul.page li.current_page_item a
{
background-color: #CCCCCC;
border-left: 4px solid #666666;
color: #505050;
}
ul.page ul {
font-size: 0.9em;
margin: 0 0 0 15px; padding: 0 0 5px;
width: 125px;
}
ul.page ul a { padding: 3px 1px 3px 5px; width: 115px; }
ul.page ul ul { width: 113px; }
ul.page ul ul a { width: 100px; }
/* Content */
#content {
line-height: 1.6em;
margin: 0 165px 5px; padding: 0;
}
#contentwide {
line-height: 1.6em;
margin: 0 0 5px 165px; padding: 0;
}
#content h2,
#contentwide h2
{
font-size: 1.6em;
margin: 0 0 10px;
}
#content h3,
#contentwide h3
{
font-size: 1.4em;
margin: 0 0 8px;
}
#content ul,
#contentwide ul,
#content ol,
#contentwide ol
{
margin: 0 0 16px 20px;
}
#content li,
#contentwide li
{
padding: 0 0 0 5px;
}
#content ul ul,
#contentwide ul ul,
#content ol ol,
#contentwide ol ol
{
margin: 0 0 0 16px;
}
#content ul.reference,
#contentwide ul.reference
{
list-style: none;
margin: 8px 0 8px 0 ;
padding-left: 3em;
text-indent: -3em;
font-size: inherit;
line-height: inherit;
}
/* Footer */
#footer {
border-top: 2px solid #e0e0e0;
font-size: 0.9em;
clear: both;
color: #777;
font-weight: normal;
line-height: 1.4em;
margin: 0 auto; padding: 10px 0;
text-align: center;
width: 760px;
}
#footer p { margin: 0; padding: 0; }
#footer a {
color: #777;
font-weight: normal;
text-decoration: none;
}
#footer a:hover {
color: #555;
text-decoration: underline;
}
#footer strong a {font-weight: bold; }
#footer span.credits {font-size: 1.1em; }
/* Subpage menu */
#subpages {
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
float: right;
font-weight: bold;
line-height: 1.3em;
margin: -5px 0 8px 15px; padding: 0 0 10px 10px;
width: 190px;
}
#subpages h2 {
font-size: 1.2em;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.3em;
margin: 0 0 12px;
}
#subpages ul.submenu {
line-height: 1.4em;
list-style: none;
margin: 0;
}
#subpages ul.submenu li
{
display: inline;
line-height: 1.4em;
width: 180px;
padding: 0;
}
#subpages ul.submenu li a
{
background-color: #EDEDED;
border-left: 4px solid #666666;
color: #505050;
float: left;
font-weight: bold;
margin-bottom: 5px; padding: 3px 1px 3px 5px;
text-decoration: none;
width: 180px;
}
#subpages ul.submenu li ul { margin: 0 0 5px 10px; width: 170px; }
#subpages ul.submenu li ul li a { width: 170px; }
#subpages ul.submenu li ul ul { margin: 0 0 5px 10px; width: 160px; }
#subpages ul.submenu li ul ul li a { width: 160px; }
#subpages ul.submenu li ul ul ul { margin: 0 0 5px 10px; width: 150px; }
#subpages ul.submenu li ul ul ul li a {width: 150px; }
#subpages ul.submenu li a:hover,
#subpages ul.submenu li.current_page_item a
{
background-color: #CCCCCC;
border-left: 4px solid #666666;
color: #555;
}
#subpages ul.submenu li.current_page_item ul li a
{
background-color: #EDEDED;
border-left: 4px solid #666666;
color: #555;
}
/* Forms */
#s,
#submit
{
background-color: #ffffff;
border: 1px solid #cccccc;
color: #505050;
font-size: 0.9em;
margin: 0 0 16px;
padding: 4px;
width: 130px;
}
#author,
#email,
#url,
#comment
{
border: 1px solid #cccccc;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 1em;
margin: 0; padding: 4px;
}
#commentsection { margin: 25px 0 0; }
#commentsection p { margin: 0 0 6px; }
/* Float fix */
.contenttext { overflow: hidden; }
* html .contenttext { height: 1px; overflow: visible; }
* html .contenttext p { overflow: hidden; width: 99%; }
/* Various classes */
.left { float: left; margin: 5px 10px 5px 0; }
.right { float: right; margin: 5px 0 5px 5px; }
.center { margin: 5px auto 12px; text-align: center; }
.textright { text-align: right; }
.small { font-size: 0.8em; }
.bold { font-weight: bold; }
.byline
{
font-size: 0.8em;
background-color: inherit; color: #999999;
font-style: italic;
}
.hide { display: none; }
.post { margin: 0 0 25px; }
.postinfo {
background-color: #CCCCCC;
border-left: 4px solid #666666;
color: #606060;
font-size: 0.9em; font-weight: bold;
line-height: 1.5em;
margin: 30px 0 40px; padding: 8px 5px 8px 8px;
}
.comment {
background-color: #EDEDED;
border-left: 4px solid #666666;
color: #606060;
margin: 0 0 10px; padding: 8px 5px 0 8px;
}
.comment p.commenthead { line-height: 1.6em; }
.comment p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 6px; padding-bottom: 5px;
}
.navigation {
display: block;
margin: 10px 0; padding: 0 0 15px;
text-align: center;
}
.navigation p { margin: 0; padding: 0; }
.prevlink { margin-right: 20px; }
.nextlink { margin-left: 20px; }