/* ------------------------------------------------------------------
screen.css
------------------------------------------------------------------ */


/* Tags
------------------------------------------------------------------ */
body { background: #222; color: #eee; }
a:link { color: #F6628B; }
a:visited { color: #AC4461; }
a:hover { color: #F999B3; }


/* Header
------------------------------------------------------------------ */
#header { padding: 30px 0 30px 200px; position: relative; }
#header h2 span.first-letter { font-size: 120%; }
#header h2,
#header h2 a:link,
#header h2 a:visited,
#header h2 a:hover { text-decoration: none;  text-transform: uppercase; color: #F6628B; font-size: 38px; margin: 0; line-height: 1; }
#header h2 em { text-transform: lowercase; color: #fff; }
#header h2 span.return-home { text-transform: lowercase; color: #666; font-size: 18px; font-style: italic; margin-left: 10px; }
#header h6 { text-transform: uppercase; color: #999; font-size: 14px; margin: 0; }


/* Miscellaneous classes
------------------------------------------------------------------ */
.photo-container { float: left; display: block; margin: 0 10px 10px 0; }
.photo-container img, .photo img { background: #fff; padding: 4px; border: 1px solid #fff; vertical-align: baseline; }
.photo-left img { background: #fff; padding: 4px; border: 1px solid #fff; float: left; margin: 0 10px 5px 0 !important; vertical-align: baseline; }
.photo-right img { background: #fff; padding: 4px; border: 1px solid #fff; float: right; margin: 0 0 5px 10px !important; vertical-align: baseline; }
a.photo-container:hover img,
a:hover.photo img,
a:hover.photo-left img,
a:hover.photo-right img { border-color: #F6628B; }
.first-letter { font-size: 120%; }
.short-word { font-style: italic; text-transform: lowercase; }


/* Container
------------------------------------------------------------------ */
body.layout-m #container,
body.layout-ms #container { width: 960px; margin: 0 auto; }
body.layout-ms #main { width: 665px; float: left; }
body.layout-ms #side { width: 275px; float: right; position: relative; }

body.layout-min #container { width: none; padding: 15px 20px; }


/* Sub Section
------------------------------------------------------------------ */
.sub-section { margin-bottom: 25px; color: #999; font-size: 12px; }
.sub-section-inner { padding: 0 10px; }
.sub-section h4 { text-transform: uppercase; font-size: 12px; color: #999; border-top: 1px solid #666; border-bottom: 1px solid #444; padding: 1px 10px; margin: 0 0 5px 0; }
.sub-section ul { list-style: none; }
.sub-section ul li { margin: 0 0 5px 0; }


/* Entry
------------------------------------------------------------------ */
.entry { border-top: 1px solid #333; margin: 0 0 5px 0; }
/* self clear floated parent containers */
.entry:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.entry {zoom:1;} /* IE */
.entry-meta { margin-right: 20px; width: 160px; padding: 10px 10px 40px 10px; float: left; font-size: 11px; background: url(../images/entry-comment-meta-bg.png) no-repeat; color: #999; }
.entry-meta a:link,
.entry-meta a:visited { color: #999; }
.entry-meta a:hover { color: #AC4461; }
.entry-content { float: left; width: 465px; padding-top: 6px; }
h1, 
.entry-content h3 { text-transform: uppercase; line-height: 130%; padding-top: 5px; }
.entry-content h3 a:link,
.entry-content h3 a:visited { text-decoration: none; color: #fff; }
.entry-content h3 a:hover { color: #F6628B; }
.entry-content h3 a:hover span.permalink { color: #666; }


/* Comments
------------------------------------------------------------------ */
#comments h3 { text-transform: uppercase; color: #fff; padding: 5px 10px 5px 200px; font-size: 18px; margin: 0; border-top: 1px solid #F6628B; }
#comments ol { margin: 0 0 30px 0; padding: 0; list-style: none; }
#comments ol li { margin: 0; border-top: 1px solid #333; }
#comments li.alt1 { border-top: 1px solid #AC4461; }
/* self clear floated parent containers */
#comments ol li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#comments ol li {zoom:1;} /* IE */
#comments div.comment-meta { margin-right: 20px; width: 160px; padding: 10px 10px 40px 10px; float: left; font-size: 11px; background: url(../images/entry-comment-meta-bg.png) no-repeat; color: #999; }
#comments li.alt1 div.comment-meta { background: url(../images/entry-comment-meta-alt-orange-bg.png) no-repeat; }
#comments div.comment-meta img { border: 3px solid #fff; }
#comments div.comment-meta cite,
#comments div.comment-meta cite a:link,
#comments div.comment-meta cite a:visited { font-size: 12px; font-weight: bold; color: #fff; }
#comments div.comment-meta a:link,
#comments div.comment-meta a:visited { color: #999; }
#comments div.comment-content { float: left; width: 465px; padding: 10px 0; }
#comments div.comment-content blockquote { background: #282828; color: #aaa; padding: 5px 10px; font-style: italic; margin-bottom: 10px; }
#comments div.comment-content blockquote p { margin: 5px 0; font-style: italic; }
/* Comment Form */
#comments #comment-post { clear: both; }

/* Forms
------------------------------------------------------------------ */
.styled-form dl { border-top: 1px solid #333; margin: 0 0 5px 0; }
/* self clear floated parent containers */
.styled-form dl:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.styled-form dl {zoom:1;} /* IE */
.styled-form dt { float: left; margin-right: 20px; width: 160px; padding: 5px 10px; font-weight: bold; }
.styled-form dd { float: left; width: 465px; padding: 5px 0; vertical-align: middle; }
.styled-form dd small { font-size: 14px; font-family: 'Times New Roman', times, serif; text-transform: lowercase; font-style: italic; color: #666; margin-left: 10px; }
.styled-form dd input[type=text] { width: 270px; }
.styled-form dd textarea { width: 100%; }

label.error {
  display: block;
	background-color: #cc0000;
	color: #fff;
	padding: 1px;
	margin: 4px 0 0 0;
	font-size: 12px;
}


/* Footer
------------------------------------------------------------------ */
#footer { clear: both; color: #666; border-top: 1px solid #666; margin: 20px 0; font-size: 11px; padding: 5px 0 5px 195px; }