/*

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 <a href="http://andreasviklund.com/templates/">"andreas01" website template</a> 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 <a href="http://andreasviklund.com/wordpress-themes/" title="WordPress themes by Andreas Viklund">WP-Andreas01 theme site</a>.

Version: 1.7

Author: Andreas Viklund

Author URI: http://andreasviklund.com/

*/



/* Body */

* {margin:0; padding:0;}

/*body {background: #FFFFDD; color:#303030; font:76% Arial,Verdana,Tahoma,sans-serif; margin-bottom: 10px;}*/
body {background: url(img/bg.jpg) repeat-x; background-color:#D1E3CC; color:#303030; font:76% Verdana,Arial,Tahoma,sans-serif;}

#wrap {
background-color:#fff; 
color:#333; 
margin:10px auto;
width:920px;
border: solid;
border-width: 1px 1px 1px 1px;
border-color:  #66ccff;
/*
filter:progid:DXImageTransform.microsoft.dropshadow(offx=5,offy=5,color=#000000)
*/
}


#tw_cn a{ position: absolute; left: 0px; top: 20px; color: white}

/* Links */

a {background-color:inherit; color: #777; font-weight: normal; text-decoration:none;}

a:hover {background-color:#ff00ff; color: white; font-weight: normal; text-decoration:none;}

a img {border:0;}
img#i1{ float: left;}
img#i2{ float: right;}


/* Header */

#header {background: url(img/header.gif) repeat-x; width:920px; height:175px;}

#header h1 {background-color:inherit; color:#555; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}

#header h1 a {background-color:inherit; color:red; text-decoration:none;}

#header p {background-color:inherit; color:blue; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}

/*
#img1 a{background:url(img/title1a.gif) no-repeat; width:300px; height:175px; float:left;}
#img1 a:hover{background:url(img/title1b.gif)  no-repeat; width:300px; height:175px;}
#img2 a{background:url(img/title2a.gif)  no-repeat; width:600px; height:175px; float:right;}
#img2 a:hover{background:url(img/title2b.gif)  no-repeat; width:600px; height:175px;}
*/

/*#frontphoto {background: url(img/front.gif) repeat-x; margin:0 0 10px; width:960px; height:175px;}*/



/* Sidebars */

/*#leftside {background: url(img/left.gif) repeat-y; clear:left; float:left; line-height:1.4em; padding:5px 0 0 5px; width:140px;}*//* border:1px solid #eee;*/
#leftside {background: #fafafa; clear:left; float:left; line-height:1.4em; padding:5px 0 0 5px; width:160px;}

/*#extras {background: url(img/right.gif) repeat-y; float:right; line-height:1.4em; padding:5px 0 0 5px; width:140px;}*//* border:1px solid #eee;*/
#extras {background: #fafafa; float:right; line-height:1.4em; padding:5px 0 0 5px; 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 6px;}

#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 ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#000; font-size:1.3em; font-weight:bold; text-align:left; margin:0 0 6px;}
table#wp-calendar caption {text-align:center;}
table#wp-calendar thead {text-align:left;}

#leftside label, #extras label {display:none;}


/* Main menu */

ul.page {list-style:none; margin:0 0 20px; width:175px;}

ul.page li {display:inline; line-height:1.4em; width:175px;}

ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}

ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; 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:3px 155px 5px 175px;}

#contentwide {line-height:1.6em; margin:0 0 5px 190px; padding:0;}

#content h2 {line-height:1.2em; font-size:x-large; margin:0 0 0px;}
#content.archive h2 {font-size:x-large; margin:0 0 10px;}
#contentwide h2 {font-size:x-large; margin:0 0 10px;}
#content .contenttext {font-size:120%; letter-spacing:1px; line-height:2em; padding:0 15px 0;}

#content h2 a{border-left:8px solid #ff00ff; padding-left:4px; line-height:1.2em; font-size:x-large; color: Black; font-weight: bold;}
#content h2 a:hover{background-color: #ff00ff; color: #fff;}

#content h3,#contentwide h3 {font-size:x-large; color: #000; margin:0 0 10px;}
#content h3 a{border-left:8px solid #ff00ff; padding-left:4px; font-size:x-large; color: Black; font-weight: bold;}
#content h3 a:hover{background-color: #ff00ff; color: #fff;}
#content.archive h3 a{border-left:8px solid #ff00ff; padding-left:4px; font-size:x-large; color: Black; font-weight: bold; margin:0 0 10px; line-height:1.2em;}
#content.archive h3 a:hover{background-color: #ff00ff; color: #fff;}

#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}

#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;}



/* Footer */

/*#footer {border-top: 2px solid #e7e7e7; 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 {font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:auto; padding:10px 0; text-align:center; width:920px;}
#footerfix {clear:both; color:#fff !important;}

#footer p {margin:0; padding:0;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:white; text-decoration:none;}

#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:#f4f4f4; border-left:4px solid #cccccc; 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:#eaeaea; border-left:4px solid #286ea0; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:160px;}
table#wp-calendar a{color:#ff00ff;}
table#wp-calendar a:hover{background-color: #ff00ff; color:#fff;}
td#today a{background: #ADFF2F;}
/*table#wp-calendar{border: dotted; border: solid;}*/

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s      {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#submit {background-color:#ffffff; border:1px solid #cccccc; color:#000; font-weight:bold; font-size:1.1em; margin:0 0 16px; padding:4px; width:50px;}
#submitB {background:url(img/button1a.png) no-repeat; border:0px solid #cccccc; color:#000; font-weight:bold; font-size:1.1em; margin:0 0 16px; padding:4px; height:35px; width:100px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif,Georgia; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}

#commentsection h3 {color:#000;}



/* Float fix */

.contenttext {overflow:hidden; margin-top:2em;}
.contenttext a{color:#ff00ff;}
.contenttext a:hover{color:#fff;}
/*.archive.contenttext{margin-bottom:2em;}*/

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}


/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {margin:0 0 25px;}
.post h2{line-height:1em; color:#000;}
#single_post h3{font-size:large;}
.s1{line-height:1.5em;}

.postinfo {
background-color:#fff8ff;
border:solid;
border-width:0px 1px 1px 1px;
border-color:#ffe0ff;
color:#606060;
font-size:0.9em;
font-weight:bold;
line-height:1.5em;
padding:8px 5px 8px 8px;
}

.po1 {font-size:smaller;}
.po2 a{color:#ff00ff; font-size:smaller;}
.po2 a:hover{color:#fff; font-size:smaller;}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment a{color:#ff00ff;}
.comment a:hover{background:#ff00ff; color:#ffffff;}

/*.comment {background-color:#f4f4f4; border:1px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}*/
.comment_name{font-size:2em;}
.comment_name a{color:#ff00ff;}
.comment_name a:hover{background:#ff00ff; color:#ffffff;}

.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;}

.yahoo{ position: absolute; left: 0px; top:0px; display: none;}

.xxx a{font-size:2em; background:blue; color:white}