/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	color:#fff;
	font-family: inherit;
	vertical-align: baseline;
}

body {
  padding: 10px 20px;
  font-family: Arial, Helvetica, sans-serif;
  background: #121848 url("/static/images/curtains.jpg") top center repeat-y;	
}

a img {
  border: none;
}

a {
  text-decoration:none;
  position:relative;
}

a:hover {
/*  color:#001926;*/
}

.content a, .sidebar a {
  text-decoration:underline;
}

p.more {
  text-align:right;  
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  width:984px;
  margin:0 auto;
  overflow:hidden;
  padding:20px 20px 40px 20px;
}

.top {
  background: url("/static/images/trans.png") top left repeat;
  width:984px;
  overflow:hidden;
  padding:10px 20px 0 20px;
  margin-bottom:20px;
}

.main {
  background: url("/static/images/trans.png") top left repeat;
  width:984px;
  overflow:hidden;
  padding:10px 20px;
}

* html div.top { 
  background-image: none; 
  filter:progid:DXimageTransform.Microsoft.alphaimageLoader(src='/static/images/trans.png', sizingMethod='scale'); 
}

* html div.main { 
  background-image: none; 
  filter:progid:DXimageTransform.Microsoft.alphaimageLoader(src='/static/images/trans.png', sizingMethod='scale'); 
}

.content {
  float:left;
  width:540px;
  padding-left:20px;
  margin:30px 0 40px 0px;
}

.wide {
  width:100%;
  float:none;
}

.sidebar {
  width:220px;
  padding:35px;
  float:right;
  margin:20px 25px;
  background:#d8d8e4;
  position:relative;
}

.footer {
  padding-top:10px;
  clear:both;
  border-top:1px solid #eee;
}
/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

ul.globalNav, ul.subnav {
  list-style:none;
  font-size:19px;
  padding:0;
  margin:0 0 40px 0px;
  text-transform:uppercase;
  letter-spacing:2px;
  text-align:justify;
}

ul.globalNav li, ul.subnav li {
  float:left;
  width:24%;
  overflow:hidden;
}

.globalNav a, ul.subnav a {
  padding:2px;
  color:#fff;
}

ul.globalNav li.active a, ul.subnav li.active a {
  background-color:#d8d8e4;
  color:#0e1162;
}


/*-- subnav --*/

ul.subnav {
/*  font-size:15px;*/
  width:100%;
  overflow:hidden;
}


ul.subnav li {
  width:auto;
  display:inline;
}


/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

.siteTitle {
  width:100%;
  overflow:hidden;
  margin-bottom:10px;
  text-transform:uppercase;  
}
.siteTitle span.title {
  font-size:36px;
  float:left;
  margin-bottom:10px;
  color:#e3341f;
  letter-spacing:7px;
}

.siteTitle span.tag {
  float:right;
  margin-right:15px;
  font-size:14px;
  letter-spacing:4px;
  color:#000;
  padding-top:20px;
}

em, i {
  font-style:italic;
}

h1 {
  margin:0px 0 35px -2px;
}

h1 span {
  font-size:14px;
  letter-spacing:2px;
  color:#0e1162;
  padding:2px;
  text-transform:uppercase;
  background-color:#d8d8e4;
}

h2, h2 a, .archive h3, .content h2 a {
  margin-bottom:10px;
  color:#0e1162;  
  font-size:12px;
  text-transform:uppercase;
  text-decoration:none;
}

h3 {
  color:#0e1162;  
}

h4 {
  margin-top:20px;
  margin-bottom:6px;
}

p {
  font-size:12px;
  line-height:16px;
  color:#fff;
  margin-bottom:17px;
/*  width:90%;*/
}

ul {
  padding-left: 40px;
  font-size:12px;  
  margin:18px 0 21px 0;
}

li {
  line-height:110%;
  margin-bottom:4px;
  width:70%;
}

blockquote {
  padding:20px 30px;
}
blockquote p {
  font-size:110%;
  color:#003153;
  padding:0;
  margin:0;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:90%;
}

.sidebar p {
  line-height:120%;
}

.footer p {
  font-size:12px;  
}

/*-----------------------------------------------------
            >> Standard Image Handling <<
-----------------------------------------------------*/

img.small {
  float:left;
  width:50px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;
}
img.med {
  float:left;
  width:220px;
  margin:0 8px 3px 0;
  border:1px solid #eee;
  padding:4px;  
}
img.large {
  width:100%;
  margin:0 0 18px 0;
  border:1px solid #eee;
  padding:4px;
  background:#fff;  
}


/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
  margin-bottom:50px;
}

.date {
/*  font-size:70%;*/
  font-size:12px;
  color:#000;
  padding-left:4px;
  letter-spacing:0;
}

p.numberComments {
  font-size:12px;
  text-align:right;
  margin-top:25px;
  color:#003153;
}

.pagination {
  margin-top:15px;
  width:100%;
  text-align:right;
  font-size:12px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}

div.stars {
  text-align:center;
  color:#0e1162;
  font-size:11px;
}


/*-----------------------------------------------------
                     >> Comments <<
-----------------------------------------------------*/

.date, .hidePreview {
/*  font-size:70%;*/
  color:#000;
  padding-left:4px;
}
form.comments {
  margin-top:45px;
}

form.comments div.details {
  float:left;
  width:40%;
  padding:0;
}

.details input {
  margin:0;
  width:100%;
}

form.comments div.comment {
 float:right;
 width:54%;
}

.comment textarea {
  width:100%;
}

form.comments small {
  float:right;
  font-size:11px;
  display:block;
  margin-top:0;
}

form.comments p.submit {
  padding-top:18px;
  clear:both;
}

#commentPreview p {
  color:#003153;
}

h2.commentsHeader {
  margin-top:40px;
  font-size:16px;
  font-weight:bold;
}

div.comment {
  margin-bottom:20px;
}

div.comment p {
  margin-bottom:25px;
  color:#444;  
  font-size:13px;
  line-height:130%;  
  width:80%;
  margin-bottom:13px;
}

.commenter {
  font-size:13px;
  margin-bottom:5px;
}

.numberComments {
  margin-top:30px;
  text-transform:uppercase;
}


/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/

.event {
  margin-bottom:50px;
}


/*-----------------------------------------------------
                     >> Gallery <<
-----------------------------------------------------*/

div.gallery .slideshowMain {
  width:420px;
  float:left;
  margin-right:25px;
  background: url(/static/images/slideshow_loader.gif) center center no-repeat;
}

div.gallery .slideshowMain img, div.gallery .image img {
  width:96%;
}

div.gallery .slideshowThumbs {
  width:520px;
  float:left;
}

div.gallery .slideshowThumbs img {
  width:20%;
  margin:8% 8% 0 8%;
  margin-right:1%;
}

div.gallery .caption, div.gallery .imageInfo {
  text-align:left;
  margin-top:5px;
}

div.gallery .slideshowMain p.caption {
  height:50px;
}

/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
/*  width:220px;
  padding:35px;
  float:right;
  margin:20px 25px;
  background:#d8d8e4;*/
}

form h3 {
  color:#0e1162;
  font-size:12px;
  text-transform:uppercase;
  margin-bottom:40px;
}

form h3 img {
  margin-right:6px;
  margin-bottom:-12px;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#0e1162;
  font-size:12px;
  text-transform:uppercase;
}

fieldset input {
  width:100%;
  font-size:15px;
  margin-bottom:20px;
}

fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  float:right;
  width:280px;
  margin-top:-4px;
}

/*-----------------------------------------------------
                     >> Links <<
-----------------------------------------------------*/

dl.links dt {
  font-weight:normal;
}

.links dt image {
  float:left;
}

dl.links dd {
  margin-bottom:20px;
}

dl.links dd p {
  font-size:13px;
  margin:0;
}
