/* CSS Document Trond and Melissa */

body{	background:url(img/bg.gif) repeat-x top center #373737;	margin:0px;	padding:0px;	text-align:center;	font:12px "Arial Narrow", Arial;}

a{	color:#9CF;	text-decoration:none;	border-bottom:1px dotted #9CF;}
a:hover{	color:#FFF;	border-bottom:1px dotted #FFF;}

h1{font-size:24px;font-variant:small-caps;}
h2{font-size:22px;font-variant:small-caps;}
h3{font-size:20px;	font-variant:small-caps;}
h4{font-size:18px;	font-variant:small-caps;}
h5{font-size:16px;	font-variant:small-caps;}
h6{font-size:14px;	font-variant:small-caps;}

blockquote{
	border-top:1px solid #CCC;	border-bottom:1px solid #CCC;	letter-spacing:1px;	line-height:20px;
	color:#9CF;	font-size:15px;	font-weight:bold;	padding:0 20px 0 60px;	background:url(img/quote.jpg) no-repeat top left #222;}

ul{	list-style-type:square;}

.intro{	border-top:1px solid #CCC;	border-bottom:1px solid #CCC;	padding:8px;	background-color:#222;}

.dropcap{	line-height:60px;	font-size:60px;	width:auto;	float:left;	margin:-3px 5px 0 0;	color:#AAA;}

#container{	width:730px;	margin:auto;	color:#CCC;}

#header{	font-variant:small-caps;	font-size:36px;	position:relative;}

#menubar{background-color:#222;	font-variant:small-caps;	font-size:14px;	border-top:3px double #999;	border-bottom:3px double #999;	margin:10px 0 10px 0;}
#menubar ul{	list-style:none;margin:4px;}
#menubar ul li{	display: inline;	padding:0 40px 0 0;}
#menubar ul li a{	color:#9CF;	text-decoration:none;	border-bottom:0;	background-image:none;}
#menubar ul li a:hover{	color:#CCC;}


#content{text-align:left;	width:490px;	float:left;	margin:auto;	position:relative;}
#content p{	line-height:20px;	letter-spacing:1px;}
#contentwide{	text-align:left;	width:730px;	float:left;	margin:auto;	position:relative;}
#contentwide p{	line-height:20px;	letter-spacing:1px;}

.blogwide{	width:730px;}

.blog{	width:490px;}
.blogdate{	border-bottom:3px double #999;	text-align:center;	width:120px;	margin-bottom:10px;	padding-bottom:10px;	background-color:#222;}
.daynum{	font-size:36px;	color:#9CF;}

.month{	font-size:12px;	padding-left:0px;	font-variant:small-caps;	text-align:center;}

.blog_l{	border-top:3px double #999;	float:left;	width:120px;	text-align:right;	font-variant:small-caps;	letter-spacing:2px;}
.blog_l img{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 0 2px 0;
	margin-bottom:10px;
}

.blog_r{border-top:3px double #999;	float:right;width:350px;padding-top:10px;	padding-left:20px;}

.blog_r h2{
	margin-top:-8px;
}
.blog_r h5{
	margin-top:-16px;
	letter-spacing:2px;
	color:#9CF;
}


.blog_rwide{
	border-top:3px double #999;
	float:right;
	width:600px;
	padding-top:10px;
	padding-left:20px;
}

.blog_rwide h2{
	margin-top:-8px;
}
.blog_rwide h5{
	margin-top:-16px;
	letter-spacing:2px;
	color:#9CF;
}
/*************************
New Stuff
**************************/
.bloglwide{
	border-top:3px double #999;
	position:absolute;
left:5px;
top:5px;
	width:120px;
	text-align:right;
	font-variant:small-caps;
	letter-spacing:2px;
}

.blogl{
	border-top:3px double #999;
	float:left;
	width:120px;
	text-align:right;
	font-variant:small-caps;
	letter-spacing:2px;
}
.blogr{
	border-top:3px double #999;
	float:right;
	width:350px;
	padding-top:10px;
	padding-left:20px;
}
.blogr p{
font-size:9pt;
}

.blogr h1    {
font-size:17pt;
font-weight:bold;
	font-variant:small-caps;
	font-weight:normal;
}
.blogr h2{
	font-size:12pt;
	text-transform: uppercase;
	letter-spacing:2px;
	color:#9CF;
}

.blogfoot{
	font-variant:small-caps;
	letter-spacing:2px;
	margin-left:-10px;
	margin-bottom:40px;

}

.blogfoot a{
	margin:0 10px 0 10px;
}


#sidebar{	width:200px;	float:right;	text-align:left;}
.sideitem{	background-color:#222;	border-top:1px dotted #999;	border-bottom:1px dotted #999;	margin-top:10px;}
.sideitem p, .sideitem h3{	margin:10px;	line-height:16px;}
.sideitem h3{	color:#9CF}

.nav{	text-align:left;	width:200px;	font-variant:small-caps;	letter-spacing:1px;}
.nav a{	display:block;	background-color:transparent;	border-bottom:0;	padding:10px;}
.nav li{	width:200px;	height:35px;	margin:0 0 -1px -40px;	white-space:nowrap;	border-top:1px dotted #999;
	border-bottom:1px dotted #999;	background-color:#222;	list-style-type:none;}
.nav li:hover{	background-color:#333;}


/*************************
Footer Things
**************************/
#footer{
	padding: 5px 0 5px 0;
	width:730px;
	height:60px;
	color:#CCC;
	background-color:#222;
	border-top:3px double #CCC;
	margin:auto;	
	position:absolute;
	bottom:-70px;		
	text-align:center;
}

#footer p{
	font:10px "Arial Narrow", Arial;
	letter-spacing:2px;
	font-variant:small-caps;
	text-decoration: none;
 	color:#CCCCCC;
}

#footer a:link {
	letter-spacing:2px;
	font-variant:small-caps;
	text-decoration: none;
 	color:#9CF;
}

#footer a:visited {
	letter-spacing:2px;
	font-variant:small-caps;
	text-decoration: none;
	color:#9CF;
}

#footer a:hover {
	letter-spacing:2px;
	font-variant:small-caps;
	text-decoration: none;
	color:#CCCCCC;
}

.image { border: 1px solid #aaaaaa;}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}