/* Global */

html {
height: 100%;
}

body {
margin: 0;
padding:10px 0 10px 0;
background: url(/img/bg.gif);
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

p { 
margin: 0;
padding: 0;
}

ul { 
margin: 0 auto;
}

a, a:visited {
background-color: inherit;
text-decoration: none;
color: #53a401;
}

a:hover {
text-decoration: underline;
}

#logo { 
padding: 0 10px 0 0;
text-align: left;
height:120px;

}

#logo h1 {
	height:120px;
	overflow:hidden;
	width:484px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#logo h2 {
	font-size: 1.2em;
	margin:0;
	padding:0;
	font-weight:normal;
	padding-top:80px;
}

span.pattern { 
color: #000066; 
}

a#toggle {
display: block;
width: 21px;
height: 17px;
background: transparent url(/images/corner.gif) no-repeat;
}

#dragit {
width: 23px;
margin: 0;
text-align: left;
float: left
}

#slider {
font-size: 11px;
background: #808080;
border: 1px solid #CCCCCC;
height:0px;
padding: 0;
color: #fff;
overflow: hidden;
}
#slider ul {
padding: 0;
margin: 0;
}
#slider ul li {
padding: 0;
margin: 0;
}
#slider ul li a {
text-decoration: none;
padding: 0;
margin: 0;
}
#links ul li a {
color: #fff;
padding-left: 23px;
}
#links ul li a:hover {
text-decoration: underline;
}
#recent ul li a  {
color: #fff;
padding-left: 23px;
}
#recent ul li a:hover {
text-decoration: underline;
}
#slider-container {
width: 760px;
text-align: left;
margin: 0 auto;
padding: 0;
padding-bottom: 10px;
overflow: hidden;
height: 370px;
}
#slider-container a {
color: #fff;
}
#slider-container a:hover {
text-decoration: underline;
}
#slider-container h3 {
margin: 0;
padding: 0;
margin-bottom: 5px;
margin-top: 20px;
padding-bottom: 1px;
color: #ffff66;
font-size: 11px;
}
#links {
width: 220px;
float: left;
margin: 0;
padding: 0;
}
#recent, #about {
float: left;
padding: 0;
margin: 0;
width: 220px;
padding-left: 40px;
width: 200px;
}
html>body #recent, html>body #about {
width: 220px;
}
/*Address*/
address {
font-style: normal;
}

address {
font-style: normal;
font-size: 1.1em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
}

a img {
border: none;
}

.artimg {
  float: right;
  border: 1px solid #ccc;
  padding: 3px;
  margin: 0 0 10px 10px;
}

h1 { 
font-size: 4em; 
color: #000066; 
letter-spacing: 2px; 
}


#container {
width: 750px;
margin: 0 auto;
padding: 0;
background: #FFF;
border: 5px #c8c8c8 solid;
}

#header {
background: #FFFFFF;
}

#search {
float: right;
padding: 35px 10px 10px 0;
background: #FFF;
}

.imgstream {
height:  80px;
margin: 3px 2px 3px 2px;
background: #FFF;
}

.imgholder {
height: 1px;
/*
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background:#FFFFFF;
*/
}

.menu {
height:30px;
background: url(/img/bg-menu.gif) repeat-x;
}

.menu a, a:visited { 
text-decoration: none; 
color: #8c99a1; 
}

.menu a:hover { 
text-decoration: none; 
color: #ffffff; 
}

.menu  ul {
padding: 0;
margin: 0;
}

.menu ul li {
display:block;
float:left;
padding:0 22px 0 23px;
font-weight:bold;
line-height:30px;
background: url(/img/bg-menu-right.gif) top right no-repeat;
font-size:15px;
}


.menu ul ul { 
display: none; 
text-decoration: none;}

.menu ul ul li { 
margin: 0; 
text-align: center; 
text-decoration: none; 
}


.menu ul ul { 
text-decoration: none; 
position: absolute; 
margin: 0; 
padding: 0; 
background: #fff; 
}

.menu ul ul li a { 
text-decoration: none; 
color: #000;
}

.menu ul ul li:hover { 
text-decoration: none; 
background: #FDE5C7; 
}

.stuff {
padding: 20px 15px 50px 15px;
clear: both;
background: #FFFFFF;
line-height:21px;
}

#content {
width : 455px;
float : left;
padding : 0 0 30px 0;
}

#content h3 { 
font-size: 26px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
margin:0;
font-weight:normal;
}

.meta {
font-size: 10px;
color: #666;
margin-top: -12px;
margin-bottom: 5px;
}

/*
#sidebar a {
color : #990000;
background-color : inherit;
text-decoration : none;
}
*/

#sidebar p {
font-size: 0.8em;
line-height: 1.5em;
}

#sidebar {
margin-left: 5px;
float: right;
width: 248px;
}

#sidebar h3 {
text-align : left;
margin : 0;
padding : 0;
}


.sidenotes {
/*
line-height : 1.2em;
*/
}
.sidenotes ul {
margin: 0;
padding: 0;
}
.sidenotes ul li {
list-style:none;
background: url(/img/sidenote-arrow.gif) 0px 7px no-repeat;
padding-left:12px;
}

.delicious-extended {
display : inline;
color : #666;
}
.delicious-posts a {
font-size : 10px !important;
}
.delicious-post {
border-top : 1px solid #e1e1e1;
padding : 0.25em;
font-size : 100%;
}
.delicious-posts li {
line-height : 1em !important;
}

#footer {
margin: 10px auto 5px auto;
clear: both;
line-height: 16px;
text-align: left;
font-size: 10px;
color: #333;
padding : 5px 0 0 5px;
}

#footer a {
font-size : 10px;
}

div#cpreview {
color : #333;
background-color : #f1f1f1;
border : 2px solid #ddd;
margin : 0 0 0 3px;
padding : 0 0 0 3px;
}

.navigation {
margin : 0 0 0 10px;
}
.navigation a {
font-size : 12px !important;
}
.nav-previous {
float : left;
}
.nav-next {
float : right;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #e2e2e2;
padding: 3px;
letter-spacing: 1px;
}

textarea {
font-size: inherit;
}

input:focus, textarea:focus {
background-color: #F4FBFF;
}

input[type="submit"] {
background-color: #F4FBFF;
}

.active img {
padding-top: 5px;
border-top: 3px solid  #0099FF;
}

.flickr {
width : 760px;
padding : 10px 0 10px 0px;
height : 62px;
text-align : center;
}

.flickr img {
width : 58px;
height : 58px;
margin : 1px 4px;
border : 2px solid #666;
}

.flickr img:hover {
width : 72px;
height : 72px;
margin : -6px -3px;
border : 2px solid #990000;
}



#sidebar address {
font-style: normal;
font-size: 1.1em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
}

#sidebar address.vcard {
padding: 0px 10px 10px 0;
}

#cloud {padding:1px; line-height:30px;text-align:justify;}
#cloud a {text-decoration:none;padding:0px;}

a.tag1{
 font-size:12px;
}
a.tag2, a.tag3 {
 font-size:13px;
 font-weight:200;
}

a.tag4 ,a.tag5, a.tag6 {
 font-size:16px;
 font-weight:300;
}

a.tag7, .tag8, a.tag9 {
 font-size:20px;
 font-weight:300;
}

a.tag10, a.tag11, a.tag12 {
 font-size:24px;
 font-weight:300;
}

a.tag13, a.tag14, a.tag15 {
 font-size:28px;
 font-weight:400;
}

a.tag16, a.tag17, a.tag18 {
 font-size:30px;
 font-weight:400;
}

a.tag19, a.tag20, a.tag21 {
 font-size:32px;
 font-weight:500;
}

a.tag22, a.tag23, a.tag24 {
 font-size:34px;
 font-weight:500;
}

a.tag25, a.tag26, a.tag27 {
 font-size:36px;
 font-weight:900;
}

a.tag28, a.tag29, a.tag30 {
 font-size:38px;
 font-weight:900;
}
/* End Tag Cloud CSS */