/**
 * This style derived from Movable Lines ( http://www.movablestyle.com/index.php?style=Modern+Lines )
 * and the bBlog lines template.
 *
 * Originally released under the GPL ( http://www.movablestyle.com/archives/000015.php ) by Scott Yang http://scott.yang.id.au/
 * This variant is also under the GPL.
 */






/* THESE ARE BODY PREFERENCES */
	body {
	  	background-color: #999999; /* THIS IS THE BACKGROUND COLOR, SET TO GREY */
  		margin: 0px;
		padding: 0px;
		font: small Verdana, Helvetica, sans-serif;
		font-size: small;
		font-weight: normal;
		color:#000000;  /* THIS SETS THE BORDER COLOR OF THE RIGHT COLUMN, IT IS SET TO BLACK*/
	}



/* THIS SECTION SETS THE LINKS COLOR FOR THE PAGE (NON-COLUMN) */
	a 		{ color: #3461AF; text-decoration: none; font-weight:normal; } 
	a:link		{ color: #3461AF; } 
	a:visited	{ color: #3461AF; } 
	a:active	{ color: #3461AF; } 
	a:hover		{ color: #000000; }



/* These are information for underlining links */
	a, a:link, a:visited {
		border-bottom: 0px solid #333;
	}
	a:active, a:hover {
		border-bottom: 0px solid #666;
	}


/* THIS SETS SOME HEADER INFORMATION, INCLUDING COLOR AND STYLE */
	h1, h2, h3 { 
		margin: 5px 0px 5px 0px;
		font-size: 1em;
	a:link		{ color: #FF9600; } 
	a:visited	{ color: #FF9600; } 
	a:active	{ color: #FF9600; } 
	a:hover		{ color: #FF9600; }
}

h3 {
	color: #999;
}

.ng_code {
	border: 1px solid black;
	padding: 5px;
	width:98%;
	overflow:auto;
}

img {
	border: 0;
}

#banner {
    margin: 0px;
    padding: 10px 0 15px 0;
    background-color: #fff;
    border-bottom: #dde solid 1px;
}

#banner-commentspop {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    color: #666;
    font-size: x-large;
    font-weight: bold;
    margin: 5px 5px 10px 5px;
    padding: 0 0 3px 3px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
    color: #fff;
    font-size: xx-large;
    font-weight: bold;
    text-decoration: none;
}

#banner h1 {
    padding: 0 0 3px 13px;
    color: #fff;
}

#banner .description {
    color: #88c;
    font-size: small;
    font-weight: bold;
    margin-left: 30px;
}	

#content {
    margin: 0 230px 10px 10px;
    border-right: #dde solid 1px;
}

#container {
    margin: 0 10px 10px 10px;
}

#links {
    background-color: #fff;
    border-left: 1px solid #dde;
    padding: 10px;				
    position: absolute;
    top: 0px;
    right: 0px;
    width: 210px;
}

#content .blog, #container .blog {
    border-left: #dde solid 1px;
    margin-left: 163px;
}
#content .blog {
    background-color: #fff;
}

/* This is the main container*/
.container {
	background: white;
	margin: 10px auto;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #0044AA;
}

.container {
	width:expression(document.body.clientWidth < 700 ? "560px": "80%" );
}

body>.container{
	width: 80%;
	min-width: 500px;
}

.innercontainer{
	margin: 0px;
	padding: 5px 10px 5px 10px;
}




/* THIS SECTION IS RESPONSIBLE FOR THE ROUNDED CORNERS, COLORS, ETC. */

.rbtop {
	position:relative;
	margin-top: -1px;    /** -W  **/
	margin-left: 1px;    /**  W  **/
	margin-right: -1px;  /** -W  **/
	background: transparent url(/rounded.php?cn=tr&s=10&b=1&cb=0044AA&ci=FFFFFF&co=999999) no-repeat top right;
}

.rbtop div {
	position:relative;
	margin-left: -2px;   /** -2W **/
	background: transparent url(/rounded.php?cn=tl&s=10&b=1&cb=0044AA&ci=FFFFFF&co=999999) no-repeat top left;
} 

.rbbot {
	position:relative;
	margin-bottom: -1px; /** -W  **/
	margin-left: 1px;    /**  W  **/
	margin-right: -1px;  /** -W  **/
	background: transparent url(/rounded.php?cn=br&s=10&b=1&cb=0044AA&ci=FFFFFF&co=999999) no-repeat bottom right;
}

.rbbot div {
	position:relative;
	margin-left: -2px;   /** -2W **/
	background: transparent url(/rounded.php?cn=bl&s=10&b=1&cb=0044AA&ci=FFFFFF&co=999999) no-repeat bottom left;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.content {
	margin: 0 220px 0 0;
}

/* RIGHT COLUMN PREFERENCES*/

.content_right 
{
	float:right;
	background-color: #AAAAAA;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;  /* MOVES RIGHT COLUMN UP OR DOWN*/
	width: 204px;
	border-style: solid;
	border-width: 3px;
}

/** in the right_rb* styles, W is the border-width of the content_right div **/

.right_rbtop {
	position:relative;
	margin-top: -3px;    /** -W  **/
	margin-left: 3px;    /**  W  **/
	margin-right: -3px;  /** -W  **/
	background: transparent url(/rounded.php?cn=tr&h=20&w=30&b=3&cb=000000&ci=AAAAAA&co=FFFFFF) no-repeat top right;
}

.right_rbtop div {
	position:relative;
	margin-left: -6px;   /** -2W **/
	background: transparent url(/rounded.php?cn=tl&h=20&w=30&b=3&cb=000000&ci=AAAAAA&co=FFFFFF) no-repeat top left;
} 

.right_rbbot {
	position:relative;
	margin-bottom: -3px; /** -W  **/
	margin-left: 3px;    /**  W  **/
	margin-right: -3px;  /** -W  **/
	background: transparent url(/rounded.php?cn=br&h=20&w=30&b=3&cb=000000&ci=AAAAAA&co=FFFFFF) no-repeat bottom right;
}

.right_rbbot div {
	position:relative;
	margin-left: -6px;   /** -2W **/
	background: transparent url(/rounded.php?cn=bl&h=20&w=30&b=3&cb=000000&ci=AAAAAA&co=FFFFFF) no-repeat bottom left;
}

.right_rbtop div, .right_rbtop, .right_rbbot div, .right_rbbot {
	width: 100%;
	height: 20px;
	font-size: 1px;
}

.content_right a, .content_right a:link, .content_right a:visited, .content_right a:active, .content_right a:hover {
    	border-bottom: none;
}






/* THIS IS WHERE HEADER INFORMATION IS STORED*/

.header {
	padding-bottom: 10px;
	font-size: 20pt;
	font-weight: 800;
}

.header a { 
	font-weight: bolder;
}

.header a, .header a:link, .header a:visited { color:#3461AF; }
.header a:hover { color:#3461AF; }

.header a, .header a:link, .header a:visited, .header a:active, .header a:hover {
    border-bottom: none;
}

.headersub {
	padding-bottom: 10px;
	font-size: 14pt;
}

.headersub a { 
	color:#3461AF;
	font-weight:bold;
}

.headersub a:link { color:#3461AF; }
.headersub a:visited { color:#3461AF; }
.headersub a:hover { color:#3461AF; }

.headersub a, .headersub a:link, .headersub a:visited, .headersub a:active, .headersub a:hover {
	border-bottom: none;
}

.headersub ul{ 
	display:inline; 
	margin: 0px;
	padding: 0px;
}

.headersub ul li{ 
	display:inline; 
	margin: 0px 30px 0px 0px;
}

.footer {
	font-size: x-small;
	clear:both;
	padding-top:10px;
}

.archive_body
{
	border-top: 4px solid #eee;
	border-left: 4px solid #eee;
	font-size: x-small;
	margin-left: 20px;
	padding-top: 10px;
	padding-left: 20px;
}


.blogbody {
	color: #333;
	font-size: small;
	font-weight: normal;
	line-height: 140%;
	margin: 0 15px 10px 0px;
	clear: left;
}


.blogbody a,
.blogbody a:link,
.blogbody a:visited {
	border-bottom: 1px solid #444;
}
.blogbody a:active,
.blogbody a:hover {
	border-bottom: 1px solid #888;
}


/* THIS IS THE TITLE INFORMATION FOR EACH POST */
	.title	{ 
		font-size: 12px;
		margin: 0px 0px 5px 0px;
		color:#003163;
	}

#menu {
    border-bottom: #eef solid 1px;
    border-right: #eef solid 10px;
    font-size: small;
    margin-right: 10px;
    padding: 0 5px 2px 0;
    text-align: right;
}	

.date {
	border-bottom: #888 solid 2px;
	color: #333;
	font-size: small;
	font-weight: bold;
	position: relative;
}		

.date a {
	color: #333;
	font-weight: bold;
	border-bottom: none;
}

.archive_date a {
	color: #333;
	font-weight: bold;
	border-bottom: none;
}

.archive_title {
	margin-top: 10px;
	margin-left: 20px;
}

.archive_title a {
	font-weight: bold;
	border-bottom: none;
}
.time {
	color:#000;
	border-right: 1px dotted #000;
	font-size: x-small;
	padding-right: 5px;
	position:relative;
}

.sectionlist {
	padding-right: 5px;
	border-right: 1px dotted #000; 
}

.commentblock {
	font-size: x-small;
	position: relative;
	text-align: right;
}

.commentblock a, .commentblock a:hover, .commentblock a:active, .commentblock a:visited {
	border-bottom: none !important;
}

.sectionlist a, .sectionlist a:hover, .sectionlist a:active, .sectionlist a:visited {
	border-bottom: none !important;
}






/* THIS IS WHERE THE CALENDAR INFORMATION STARTS, I THINK */
.calendarhead {	
    border-bottom: #eef solid 1px;
    border-left: 10px solid #dde;
    color: #666;
    font-size: small;
    font-weight: bold;
    text-align: left;
    width: 100%;
}	

.side {
    color: #333;
    font-size: x-small;
    font-weight: normal;
    line-height: 180%;

    position: relative;
    top: -5px;
    display: block;
    padding: 8px 2px 12px 4px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    
    background-color: #fff;
    border-left: 1px solid #ddf;
    border-top: 1px solid #ddf;
    border-right: 1px solid #eef;
    border-bottom: 1px solid #eef;
    overflow: hidden;
    clear: left;
    z-index: 2;
}

.content_right>.side {
    top: 0px;
}

.side a { 
	color: #668;
	border-bottom: 2px solid #FFFFFF;
} 
.side a:link { 
	color: #668; 
	border-bottom: 2px solid #FFFFFF;
} 
.side a:visited	{ 
	color: #668; 
	border-bottom: 2px solid #FFFFFF;
} 
.side a:active	{
	color: #334; 
	border-bottom: 2px solid #FFFFFF;
} 
.side a:hover  { 
	color: #334;
	border-bottom: 2px solid #dde;
}

.sidetitle {
    color: #666;
    font-size: small;
    font-weight: bold;
    position: relative;
    display: block;
    background-color: #AAAAAA;
    padding: 12px 8px 12px 5px;
    margin: -6px 0px 0px 0px;
    z-index: 2;
}

.sidetitletop {
    color: #666;
    font-size: small;
    font-weight: bold;
    position: relative;
    display: block;
    background-color: #AAAAAA;
    padding: 0px 8px 6px 5px;
    margin: -10px 0px 0px 0px;
    z-index: 2;
}

.sideimg {
    padding: 0px;
    margin-top: 3px;
    margin-right: 30px;
    margin-left: -40px;
    left: 30px;
    position: relative;
    float: right;
}

.syndicate {
    font-size: x-small;
    font-weight: bold;
    line-height:140%;	
    margin-top: 10px;
    padding: 2px;
    text-align: center;
}	

.powered {
    font-size: x-small;
    font-weight: bold;
    line-height:140%;
    margin-top: 10px;
    padding:2px;
    text-align:center;
}	


.comments-body {
    border-left: #ccc solid 10px;
    border-bottom: #ccc solid 1px;
    color: #666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    margin: 0 10px 20px 10px;
    padding-left: 5px;
}		

.comments-post {
    color: #888; 
    display: block;
    font-size: x-small; 
    font-style: italic;
    margin-top: 3px;
    text-align: right;
}	

.trackback-url {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    color: #666;
    font-size: small;
    font-weight: normal;
    margin: 0 5px 10px 5px;
    padding: 0 0 3px 3px;
}

.trackback-body {
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 10px;
    color: #666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    margin: 0 5px 10px 5px;
}		

.trackback-post {
    color: #666;
    font-size: small;
    font-weight: normal;
}

.comments-head	{ 
    color: #88c; 
    font-size: small; 
    font-weight: bold;
    font-size: small; 
    font-weight: bold;
    margin: 0 0 5px 10px;
}		

#author, #email, #url, #text, #title {
    border-bottom: #888 solid 1px;
    border-left: #888 solid 10px;
    border-right: #ccc solid 1px;
    border-top: #ccc solid 1px;
    padding-left: 3px;
}


/* calendar css */



/* --------------------------------------------------------------------------------------------- */
/* THIS IS WHERE THE CALENDAR MONTH INFO IS STORED */
	.calendarHeader {
		color: #000000;
		font-weight: bolder;
		text-align:center; 
		font-size: 120%;
	}

	.calendarToday { font-weight: bold; background: #bbb; text-align:center; } /* BORDER INFORMATION */
	.calendarToday a {font-weight: bold; background: #bbb; text-align:center; } /* COLORED BOX INFORMATION */
	.calDayLink { font-style: italic; background: #eee }
	.calendar { text-align:center;}

	.calendartab{ 
		margin: 0px;
		color: #3461AF;  /* THIS IS THE COLOR OF THE CALENDAR DAYS AND DATES */
	    	font-size: x-small;
 	   	font-weight: normal;
	    	line-height: 180%;
	}
.calendartab a:hover{ border: none; padding-left:0px; background:#bbb; color:#000000}
.calendartab a { border: none; padding-left:0px; display: block; }
.calendartab a:link { border: none; padding-left:0px; display: block; }

#Cal { font-size: normal;}