/*
Theme Name: WP-Andreas01
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: The first public theme by Andreas, based on the andreas01 open source website template.
Version: 1.0
Author: Andreas Viklund
Author URI: http://andreasviklund.com/

Thanks and greetings: R.J Kaplan (who did the first WordPress port of this design), Rob Miller (who wrote the List Subpages code), Ainslie Johnson (who helped with betatesting and bugfixing) and Johanna Fält (for whom this theme was originally created).
*/

/*** Main layout ***/

body {
background:#f4f4f4 url(images/bg.gif) top center repeat-y;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0 auto;
padding:0;
}

#wrap {
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

/*** Header ***/

#header {
background:#ffffff url(banners/giane_tng_01a.jpg) top left no-repeat;
height:175px;
margin:10px 0;
padding:0;
}

#header h1 {
color:#ffffff;
font-size:2.2em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0;
}

#header h1 a,#header h1 a:hover {
color:#674F65;
padding:0;
}

#header p {
color:#ffffff;
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 5px 15px;
padding:0 0 0 3px;
}

/*** Left sidebar and main menu ***/

#avmenu {
clear:left;
float:left;
margin:0 0 10px;
padding:0;
width:150px;
}

#avmenu ul {
list-style:none;
margin:0 0 20px;
padding:0;
width:150px;
}

#avmenu li {
margin-bottom:4px;
}

#avmenu li a {
background:#f4f4f4;
border-left:4px solid #cccccc;
color:#505050;
display:block;
font-size:1em;
height:1.2em;
padding:6px 0 6px 8px;
text-decoration:none;
}

#avmenu li a:hover {
background:#eaeaea;
border-left:4px solid #4a88aa;
color:#4a88aa;
}

#avmenu .current_page_item a {
border-left:4px solid #4a88aa;
color:#4a88aa;
}

/*** Right sidebar ***/

#extras {
float:right;
line-height:1.4em;
margin:0 0 10px;
padding:0;
width:130px;
}

#extras p,#extras ul,form {
margin:0 0 18px;
}

#extras h2 {
color:#505050;
font-size:1.2em;
font-weight:bold;
margin:0 0 8px;
}

#extras ul {
font-size:0.9em;
margin:0 0 15px;
padding:0;
}

#extras li {
list-style:none;
margin:0 0 2px;
padding:0;
}

#extras ul ul {
margin:1px 0 1px 15px;
padding:0;
}

#extras ul ul li {
font-weight:normal;
list-style:none;
margin:0;
padding:0;
}

#extras ul ul li a {
font-weight:normal;
padding:0;
}

/*** Content ***/

#content {
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
line-height:1.5em;
margin:0 140px 10px 160px;
padding:5px 10px 0;
text-align:left;
}

#contentfull {
border-left:1px solid #e0e0e0;
line-height:1.5em;
margin:0 0 10px 160px;
padding:5px 0 0 10px;
text-align:left;
}

#content img,#contentfull img {
border:4px solid #cccccc;
margin:5px;
}

#content h1,#contentfull h1 {
text-align:left;
}

#content h2,#contentfull h2 {
color:#505050;
font-size:1.6em;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 12px;
padding:0;
text-align:left;
}

#content h2 a,#contentfull h2 a {
font-weight:normal;
}

#content ul,#contentfull ul,#content ol,#contentfull ol {
margin:0 0 18px 30px;
padding:0;
}

#content ul ul,#contentfull ul ul,#content ol ol,#contentfull ol ol {
margin:4px 0 4px 20px;
}

/*** Sub-pages menu ***/

#subpages {
border-bottom:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
color:#505050;
float:right;
font-weight:bold;
line-height:1.3em;
margin:-5px 0 8px 15px;
padding:0 0 11px 15px;
width:250px;
}

#subpages h2 {
color:#505050;
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 12px;
padding:0;
}

#subpages ul.submenu {
line-height:1.5em;
margin:0;
padding:0;
}

#subpages ul.submenu li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#subpages ul.submenu li a {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#505050;
display:block;
font-size:0.9em;
height:1.4em;
margin:0;
padding:3px 0 5px 6px;
text-decoration:none;
}

#subpages ul.submenu li a:hover {
border-left:4px solid #4a88aa;
color:#4a88aa;
text-decoration:none;
}

#subpages ul.submenu li.current_page_item a {
border-left:4px solid #4a88aa;
color:#4a88aa;
text-decoration:none;
}

#subpages ul.submenu li.current_page_item ul li a {
border-left:4px solid #cccccc;
color:#505050;
text-decoration:none;
}

#cos ul.cosmos {
margin: 2em 0;
list-style: none;
font-size: 140%;
}
			
#cos li.cosmos {
display: inline;
padding: 0;
margin: 4px;
line-height: 2em;
}
		
#cos li.keyword1 { font-size: 0.7em; }
#cos li.keyword2 { font-size: 0.9em; }
#cos li.keyword3 { font-size: 1.0em; }
#cos li.keyword4 { font-size: 1.1em; }
#cos li.keyword5 { font-size: 1.2em; }
#cos li.keyword6 { font-size: 1.3em; }
#cos li.keyword7 { font-size: 1.4em; }
#cos li.keyword8 { font-size: 1.5em; }
#cos li.keyword9 { font-size: 1.6em; }
#cos li.keyword10 { font-size: 1.7em; }
#cos li.keyword11 { font-size: 1.8em; }
#cos li.keyword12 { font-size: 1.9em; }
#cos li.keyword13 { font-size: 2.0em; }
#cos li.keyword14 { font-size: 2.1em; }
#cos li.keyword15 { font-size: 2.2em; }

/*** Footer ***/

#footer {
border-top:2px solid #e0e0e0;
clear:both;
color:#808080;
font-size:0.9em;
font-weight:normal;
margin:0 auto;
padding:10px 0;
text-align:center;
width:760px;
}

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

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

#footer a:hover {
color:#505050;
text-decoration:underline;
}

/*** Tags ***/

h3 {
color:#505050;
font-size:1.2em;
margin:0 0 10px;
}

a {
color:#4a88aa;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#4a88aa;
font-weight:bold;
text-decoration:underline;
}

a img {
border:0;
}

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

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

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

label {
color:#505050;
font-size:0.9em;
}

#extras label {
display:none;
}

/*** Forms ***/

#s,#submit {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:120px;
}

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

#commentsection {
margin:30px 0 0;
}

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

/*** Float fix ***/

.contenttext {
overflow:hidden;
}

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

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

/*** 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 {
text-align:center;
}

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

.textright {
text-align:right;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}

.post {
margin:0 0 25px;
}

.postinfo {
background:#f4f4f4 url(images/4px.gif) top left repeat-y;
color:#808080;
font-size:0.9em;
font-weight:bold;
line-height:1.4em;
margin:10px 0 30px;
padding:8px 5px 8px 14px;
}

.comment {
background:#f4f4f4 url(images/4px.gif) top left repeat-y;
color:#505050;
margin:0 0 10px;
padding:8px 5px 4px 12px;
}

.comment p.commenthead {
line-height:1.5em;
padding:0;
}

.comment p {
font-size:0.9em;
line-height:1.2em;
margin:0 0 6px;
padding:0;
}

.navigation {
display:block;
margin:10px 0 10px;
padding:0 0 15px;
text-align:center;
}

.navigation p {
margin:0;
padding:0;
}

.prevlink{
margin-right:20px;
}
	
.nextlink {
margin-left:20px;
}