﻿body {
text-align: center; 
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff; 
}

div#social {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 367px;
	height: 100px;
	background: url(images/facebook_box_blue_64.png) 0 0 no-repeat;
	margin-left: 150px;
	margin-top: 15px;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

a {
	color: #1B75A9;
	text-decoration: none;
}
a:hover, a:active {
	color: #0066CC;
	text-transform: lowercase;
}
a:visited {
	color: #1B75A9;
}
.dropcap {
float:left;
color:#D4D4C7;
font-size:110px;
line-height:70px;
padding-top:4px;
font-family: Times, serif, Georgia;
} 

.picture { 
background-color: #F9F9F9;
border: 0px solid #ff0000; 
padding: 8px;
font: 10px Arial, sans-serif; 
text-align: right; 
	font-variant: small-caps;
}
.picture img { 
border: 1px solid #CCCCCC;
vertical-align:middle; 
margin-bottom: 1px; 
}
.picturebox { 
background-color: #ccc;
border: 0px solid #ff0000; 
padding: 8px;
font: 10px Arial, sans-serif; 
text-align: right; 
	font-variant: small-caps;
}
.picturebox img { 
border: 1px solid #CCCCCC;
vertical-align:middle; 
margin-bottom: 1px; 
}

.right { 
margin: 0.5em 0pt 0.5em 0.8em; float:right; 
}
.left { 
margin: 0.5em 0.8em 0.5em 0; float:left; 
} 
img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

#wrapper {
width: 900px; 
margin: 0 auto; 
text-align: left; 
border: red 1px solid; 
background-color: #ffffff; 
} 

#transparency {
filter: alpha(opacity=75); 
-moz-opacity: .75; 
background-color:#EEE; 
position:absolute; top:40px; 
}
#navcontainer
{
background: #ffffff;
width: 300;
margin: 0 auto;
padding: 0 0;
font-family: georgia, serif;
font-size: 16px;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
font-variant: small-caps; 
}

img {
 border: none;
}

#box {
display:block; 
width:750px; 
line-height:normal; 
letter-spacing:1px; 
font-family: times new roman, serif; 
font-size:16px; 
color:#000; 
border:1px solid #ddd; 
padding:5px; 
margin:50px auto 100px auto;
}

#cap {
font-size:50px; 
color:#909; 
font-weight:bold; 
float:left; 
height:34px; 
line-height:34px; 
margin-top:2px; 
margin-right:1px;
}
* html #cap {margin-right:-2px; margin-top:3px;}

div#quotewrapper {
  width: 90%; 
}
#gradient-style
{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
margin:20px;
}


#gradient-style th
{
font-size:13px;
font-weight:normal;
text-align:center;
background:#b9c9fe url("images/gradhead.png") repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#039;
padding:8px;
}


#gradient-style td
{
border-bottom:1px solid #fff;
color:#669;
border-top:1px solid #fff;
background:#e8edff url("images/gradback.png") repeat-x;
padding:8px;
}


#gradient-style tfoot tr td
{
background:#e8edff;
font-size:12px;
color:#99c;
}


#gradient-style tbody tr:hover td
{
background:#d0dafd url("images/gradhover.png") repeat-x;
color:#339;
}

blockquote {
  background: url('./images/quoleft.gif') 
  no-repeat left top;
}
blockquote div {
  background: url('./images/quoright.gif') 
  no-repeat right bottom;; 
  	font: 18px Georgia, "Times New Roman", Times, serif;
padding-left:48px; 
  padding-right:48px; 
  padding-top:0; 
  padding-bottom:0
}
#xsnazzy h1, #xsnazzy h2 {	text-align: right; margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy p, #xsnazzywide p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1, #xsnazzywide h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2, #xsnazzywide h2 {font-size:1.2em;color:#06a; border:0;}
#xsnazzy p, #xsnazzywide p {padding-bottom:0.5em;}
#xsnazzy h2, #xsnazzywide h2 {padding-top:0.5em;}
#xsnazzy {		float: left; width: 250px; background: transparent; margin:25px 1em 10px 1em;}
#xsnazzywide {		float: left; width: 860px; background: transparent; margin:25px 1em 10px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}


#page {
	width: 880px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 10px #FFFFFF solid;
}

/* Content */

#content {
	float: left;
	width: 620px;
	border-right: 1px dashed #DFE1E0;
}
.post .entry {
	padding: 0px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Boxes */

.box1 {
	padding: 20px;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}

/* Footer */
#footer-wrap {
}

#footer {
	width: 880px;
	margin: 0 auto;
	background: #E5E5E5;
	border: 10px #FFFFFF solid;
}

html>body #footer {
	height: auto;
}

#footer p {
	font-size: 12px;
}

#legal {
	clear: both;
	padding-top: 17px;
	text-align: center;
	color: #595959;
}

#legal a {
	font-weight: normal;
	color: #1B75A9;
}


