/*

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;}



@font-face {

	font-family: Fortune Cookie;

	font-style:  normal;

	font-weight: normal;

	src: url(FORTUNE0.eot);

}





body {

	background:#FDF9F3 url(img/bg.gif) top center repeat-y; 

	color:#303030; 

	font:76% Tahoma, Arial, sans-serif;

	}



#wrap {

	background-color:#fff; color:#333; 

	margin:0 auto; 

	width:800px; 

	background:url(img/leftside.jpg) repeat-y ;

	}



/* Links */



a {

	background-color:inherit; color:#E46A3F; 

	text-decoration:none;

	}



	a:hover {text-decoration:underline; }

	a img {border:0; }



/* Header */



#header {

	margin:10px 0 0;

	background-color:inherit; color:#555; 

	}



	#header h1 {

		float:left; 

		font-size:2em; 

		letter-spacing:-1px; 

		margin:0 0 10px; 

		width:350px;

		}



	#header h1 a {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 0 0; 

		text-align:center; width:400px;

		}



#frontphoto {margin:0; }



/* Sidebars */



#leftside {

	clear:left; float:left; 

	line-height:1.4em; 

	padding:0 0 5px 8px; margin:0; 

	width:140px; 

	}



#extras {

	float:right; 

	line-height:1.4em; 

	margin:0 8px 5px 0; 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 li a, 

#extras ul li a 

#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:#505050; 

	font-size:1.3em; font-weight:normal; 

	text-align:left; 

	margin: 0 0 6px;

	}

	

#leftside label, 

#extras label 

	{

	display:none;

	}



/* 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 a {

			background-color:#F8E8CA; 

			border-left:4px solid #9C9183; 

			color:#505050; 

			display: block; 

			font-weight:bold; text-decoration:none; 

			margin-bottom:5px; padding:5px 1px 5px 5px; 

			width:130px;

			}

			

			#leftside ul.page li a {background-color: #DFD8C9; }



			ul.page li a:hover, 

			ul.page li.current_page_item a 

				{

				background-color:#CBC4B7; 

				border-left:4px solid #74695A; 

				color:#505050;

				}



			#leftside ul.page li a:hover, 

			#leftside ul.page li.current_page_item a 

				{

				background-color: #CBC4B7; 

				}



	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 155px 5px; padding:0; 

	}



#contentwide {

	line-height:1.6em; 

	margin:0 5px 5px 155px; 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 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 hr,

	#contentwide hr

		{ 

		border: 0; 

		height: 10px; 

		background: transparent url(img/bar.jpg) no-repeat scroll center 0pt; 

		margin: 1em 0; 

		}

		

/* Footer */



#footer {

	border-top:2px solid #e0e0e0; 

	font-size:0.9em; 

	clear:both; 

	color:#777; background-color: #F8E8CA; 

	font-weight:normal; 

	line-height:1.4em; 

	margin:0 auto; padding:10px 0; 

	text-align:center; 

	width:800px;

	}

		

	#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:#F8E8CA; border-left:4px solid #9C9183; 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:#CBC4B7; border-left:4px solid #74695A; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#FEF7E9; 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:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#FEF7E9; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* 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,.alignleft {border: none; float:left; margin:10px 15px 10px 0;}

.right,.alignright {border: none; float:right; margin:10px 0 5px 10px;}

.center,.aligncenter {border: none; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.albumlink {font-weight: bold; text-align: center;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {margin:0 0 25px;}



.postinfo {

	background-color:#F6EEDE; color:#606060; 

	border-left:4px solid #cccccc; 

	font-size:0.9em; line-height:1.5em; 

	padding:8px 5px 8px 8px;

	font-weight:bold; 

	margin: 1px 0 15px;

	}



.tags {

	background-color:#F6EEDE; color:#606060; 

	border-left:4px solid #cccccc; 

	font-size:0.9em; line-height:1.5em; 

	padding:8px 5px 8px 8px;

	font-weight:normal; 

	margin: 1px 0 5px;

	}



.comment {background-color:#FEF7E9; border-left:4px solid #cccccc; 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;}



/* Customizations */

#header h1, #header p {display: none; }

#wrap, #content, #contentwide {background-color:#FEF7E9; }

img.left {border:none; float:left; margin:5px 10px 5px 0;}

img.right {border:none; float:right; margin:5px 0 5px 10px;}

img.center, #extras img {display: block; border:none; margin:5px auto 12px; text-align:center;}

h2 {padding: 8px 0 2px; }

#content h3, #contentwide h3 {font-size:1.2em; padding-top: 20px; }

#content h2, #contentwide h2 {text-align: center; }

#content ul, #contentwide ul, #content ol, #contentwide ol {margin:0 0 16px 50px;}

#content h3.oriental, #contentwide h3.oriental {color: #9C9183; font-size: 2em; font-family: "Fortune Cookie", Tahoma, Arial, sans-serif; }





