<!-- "Gardenstyles" for de Ludis et Hortis -->

body    {background-color: #AD3E17;
        text-align: center;
        margin: 0px;
	border: 0px;
	padding: 0px;}

a       {text-decoration: none;
        font-weight: bold;
        text-size: .8em;}
a:link  {color: #AD3E17;
        text-decoration: none;}
a:visited  {color: #AD3E17;
        text-decoration: none;} 
a:active   {color: #AD3E17;
        text-decoration: none;}
a:hover {color: #AD3E17;
        text-decoration: underline;}

h1, h2, h3 {margin: 0px;
	padding: 0px;
        color: #AD3E17;
	font-weight: bold;}
h1      {font-size: xx-large;}
h2      {font-size: x-large;}
h3      {font-size: small;}

#container {text-align: center;
	padding-bottom: 0px;
        margin: -20px 100px;
	width: 800px;
        color: #AD3E17;
        background: url("AhlgrenSm.jpg") repeat;
	background-color: #CCCCCC;}

#page   { font-family: Georgia, Times, 'Times New Roman', serif;
        color: #444444;
        background-color: #FFF3DB;
        width: 700px;
        margin: 20px auto 30px auto;
        padding: 10px;
        border: double 4px #888888;
        text-align: center;}

#banner {font-family: Georgia, Times, 'Times New Roman', serif;
	color: #AD3E17;
	background-color: #FFF3DB;
	text-align: center;
	padding: 15px;}
	
#banner-img {display: none;}

#banner a {color: #AD3E17;
	text-decoration: none;}

#banner h1 {font-size: x-large;
	font-weight: bold;}

#banner h2 {font-size: medium;
	font-weight: bold;}

.titlebox    {padding: 0px;}
.titlebox h3 {color: #444444;
        font-weight: bold;
        font-size: 1.25em;}
.left   {float: left;
        width: 300px;
        padding: 0px 15px;
        font-size: small;
        text-align: left;
        background-color: #FFF3DB;
        overflow: hidden;}
.left h3 {color: #444444;
        text-align: left;
        font-weight: bold;
        font-size: 1.25em;}

.right   {float: right;
        width: 340px;
        font-size: small;
        text-align: left;
        background-color: #FFF3DB;
        overflow: hidden;}
.right h3 {color: #444444;
        text-align: left;
        font-weight: bold;
        font-size: 1.25em;}

.center   {width: 480px;
        font-size: small;
        margin: 50px;
        text-align: left;
        background-color: #FFF3DB;
        overflow: hidden;}
.center h3 {color: #444444;
        text-align: left;
        font-weight: bold;
        font-size: 1.25em;}


.Greek {font-size: 100%; font-family: 'Palatino Linotype','Lucida  
Grande','Titus Cyberbit Basic'}


.content {padding: 15px 0px 5px 0px;
	background-color: #FFF3DB;
	color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: .85em;
        text-align: justify}

.sidebar {padding: 15px;}


.less {display: none;} 
.more {display: inline;}


.content p {color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
  	line-height: 150%;
	text-align: justify;
	margin-bottom: 10px;}
.content p.nav {color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: medium;
  	line-height: 150%;
	text-align: center;
	margin-bottom: 10px;}
.content p.cite   {font-size: 90%;
        text-align: left;
        padding: 0px 0px 0px 45px;}
.content blockquote {color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
  	line-height: 140%;
	text-align: left;
	margin-bottom: 10px;}
.content li {line-height: 150%;}
.content h2 {color: #AD3E17;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px;}
.content h3 {color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;}
.content p.posted {
	clear: both;
	color: #444444;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;}
.content img   {margin: 20px 10px;
	border: 1px #888888;
	padding:5px;}

.sidebar h2 {
	color: #AD3E17;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: .55em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
        line-spacing: 150%;
	letter-spacing: .2em;}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #AD3E17;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: .5em;
	text-align: left;
	line-height: 100%;
	font-weight: bold;
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 1px solid #888888;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: .5em;
	line-height: 100%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: .5em;
	line-height: 100%;
	text-align: left;
	color: #AD3E17;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;}
	
textarea[id="comment-text"] {
	width: 80%;
	}


.image-full {
		width: 370px;
	
	
	}

.image-thumbnail {
	float: left;
	width: 130px;
	margin-bottom: 10px;
	}

.image-thumbnail img {
	width: 115px;
	height: 115px;
	}