@import url(base-weblog.css);

/*
name: Black and Bright
designer: J. Maloney
designer_url: http://www.freshwear.ca
description: A clean, liquid theme for those who prefer dark backgrounds. The bright accent color can be
easily changed in the stylesheet.
layouts: one-column, two-column-left, two-column-right, three-column
*/


/* -- These styles control the accent colors and can be easily changed to give an individual look ----- */

#banner {
	border-top:8px solid #6666FF;  /* -- controls the size and color of the top of page colored line -- */
}

#banner-header, #banner-header a {	
    color:#6666FF;      /* -- controls the blog title - can be a contrasting color or #FFF for white -- */
}

.date-header,
.comments-open-header,
.trackbacks-open-header,
.comments-header,
.trackbacks-header  {
	color:#6666FF;         	/* -- controls the color of the date, trackbacks and comments headings -- */
}

a {
	color:#6666FF;		/* -- controls the color of the links -- */
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#AAE9FC;        /* -- control the color of links on hover -- */
}

#banner-header, #banner-header a,
#banner-description,
.date-header,
.entry-header,
.module-header, .module-header a,
.comments-open-header,
.trackbacks-open-header,
.comments-header,
.trackbacks-header  {
	font-family:Arial, Helvetica, sans-serif; /* -- controls the font family of the banner and entry titles -- */
}

/* -- End of "quick change" styles  -  be careful making changes below -- */




body {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size: 72.5%; 
	background-color:#353535;   
	color:#FFF; 
	background-image:url(header.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0;
	margin:0 0 20px 0;
}

p {line-height:1.7;}

/* page layout */

#container {
	width: 100%;
	max-width:1100px;  
	text-align: left;
	background-image:url(arrow.jpg);
	background-repeat:no-repeat;
	background-position:top right; 
    margin:0;
    padding:0;
}

#container-inner {width: 100%; padding:0; margin:0;}
#pagebody {width: 100%; padding:0; margin:0;}
#pagebody-inner {width: 100%; padding:0; margin:10px 0; }

/* header styles */

#banner { 
	width:100%;
	height:150px;  
    margin:0;
    padding:0;
}
 
#banner-inner { 
	margin-left:10%;
	margin-top:43px;
    width:80%;
	height:65px;
}
 
#banner-header, #banner-header a {	
	font-size:40px; 
	line-height:1.0; 
	text-decoration:none; 
	margin:0; 
	font-weight:normal; 
    letter-spacing:-1px;
}

#banner-description {
	font-size:20px; 
	line-height:1.4; 
	margin:0;  
	font-weight:normal; 
}

/* content area styles */

.date-header {
	font-size:26px;	
	line-height:1.1;
	margin:0;
	padding:0;
}

.entry-header {
	font-size:22px;
	line-height:1.7;
	margin:0;
	padding:0;
	}

.entry-content {
	clear:both;
	margin:0;
}

.entry-body {margin:15px 0; }

.entry-body p {
	font-size:1em; 
	line-height:1.7; 
	margin:0 0 15px 0; 
        text-align:justify;
}

.entry-body ul, .entry-body ol {
	line-height:1.7;
        margin-bottom:15px;
	}

.entry-body blockquote {
	text-align:justify;
	padding-left:15px;
	border-left:1px solid #454545;
     margin:20px 0 20px 20px;
	line-height:1.7;
}

.entry-body img {border: 1px solid #FFF;}
.entry-body img[align="right"] {margin: 5px 0 15px 15px; display:block;}
.entry-body img[align="left"] {margin: 5px 15px 15px 0;}

.entry-footer {
	clear:both;
	margin:10px 0 20px 0;
	padding:5px;
	background-color:#383838;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	text-align:center;
}

.post-footers {display:block;}
.separator {display:none;}

.content-nav {
    text-align:center;
    margin:10px 0 20px 0;
}

/* sidebar styles */

input, textarea {
	font-size: 1.2em;
	padding: 2px;
	margin: 3px 1px 3px 0;
	border: 1px solid #454545;
	background-color: #383838;
	color: #FFF;
}

textarea {
 font-family: verdana, arial, sans-serif;
 font-size: 1em;
}

input#search {
    padding:3px;
}

/* module styles */

.module-header, .module-header a {
	font-size:18px;
	border-bottom:1px solid #454545;
	color:#FFF;
	text-decoration:none;
	padding:0 0 2px 0;
	margin:10px 0;
}

.module-content ol, .module-content ul {
	margin:0;
	padding:0;
}

.module-content ol li, .module-content ul li {
	line-height:1.5;
	}

.module-content {
	position: relative;
	margin: 5px 0 20px 0;
	line-height:1.5;
}

/* comment and trackback styles */


.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 0;
}

#comment-text {
 width:70%;
}

.comments-open-content {
     padding:10px;
}

.comments-open-header,
.trackbacks-open-header,
.comments-header,
.trackbacks-header {
    font-weight:normal;
    font-size:20px;
	clear:both;
	margin-left:10px;
}

.comments-open-header {
	margin-bottom:25px;
}


.trackbacks, .comments {
	background-color:#383838;
	border:1px solid #454545;
	margin:10px 0;
	clear:both;
}

.trackbacks-content, .comments-content  {
	margin:10px;
}

.comments {
	margin-bottom:40px;
}

#trackbacks-info {
	text-align:center;
	padding:10px 0;
	font-style:italic;
	font-size:.95em;
}

.trackback, .comment {
	width:92%;
	margin:4%;
}

.trackback-footer, .comment-footer {
	text-align:right;
	font-style:italic;
	clear: both;
	margin: 10px 10px 25px 0;
}

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 0;
}

/* --------------------------------------------------one column styles */

.layout-one-column #alpha {
       width:65%;
	   max-width:650px;
       margin-left:15%;
}

/* --------------------------------------------------two column left styles */

.layout-two-column-left #alpha {
	width:20%; 
	text-align:left;
    margin-left:10%; 
}

.layout-two-column-left #beta {
	   width:54.5%; 
       margin-right:10%;
       margin-left:5.5%; 
}

.layout-two-column-left .module-content ol li, .layout-two-column-left .module-content ul li {
	line-height:1.5;
	text-align:left;
}

.module-categories ul li ul li {
	margin-left:5px;
}

/* -----------------------------------------------------two column right styles */

.layout-two-column-right #alpha {
		width:54.5%; 
        margin-left:10%;
        margin-right:5.5%; 
}

.layout-two-column-right #beta {

	width:25%; 
	text-align:left;
    margin-right:5%; 
}

.layout-two-column-right .module-content ol li, .layout-two-column-right .module-content ul li {
	line-height:1.5;
	text-align:left;
}

.module-categories ul li ul li {
	margin-left:5px;
}

/* -------------------------------------------------------three column styles */

.layout-three-column #alpha {
    width:14%; 
	text-align:left;
    margin-right:10%;
	float:right; 
}

.module-categories ul li ul li {
	margin-right:5px;
}

.layout-three-column #beta {
	 width:42%; 
     margin-left:10%;
	 margin-right:5%;
}

.layout-three-column #gamma {

	width:14%; 
	text-align:left;
	margin-right:3%; 
}

.module-categories ul li ul li {
	margin-left:5px;
}

/* livejournal styles */

.entry-userpic {
	display:none;  
}

.banner-user {
	display:none;
}

.banner-user-photo {
	display:none;
}

.banner-user-photo img {
	display:none;
}

.comment-userpic {
	display:none;
}

/*  typepad styles */

.typelist-thumbnail img, 
.module-galleries .typelist-thumbnail img,
.module-featured-photo img,
.image-thumbnail img {
	border:1px solid #FFF;
}