@charset "UTF-8";
/*
	CSS Theme by
	JC John SESE Cuneta
*/

/*
	main.css is where all non-core styles are located.
	These non-core styles are usually what you may want to change to suit your design and layout.

	This stylesheet must always be called (fifth), after common.css.
*/

/* I chose 'body' element in favor of backwards compatibility with older browsers that are non-XHTML compliant like IE6. */
/* If it's XHTML - should only interpret 'html'.  If non-XHTML, should only interpret 'body'. */
/* But IE7 interprets both the 'html' and 'body' elements whether it's XHTML or HTML.  Thus, creating two backgrounds and margin-top. */
/* #013303 - Green */
body {
	background: #000000 url(../img/blog_header.png) no-repeat top left;
	margin-top: 160px;
}

/* START: FLOATS */
.sherlenefloaters {
}

.sherlenefloatleft {
}

.sherlenefloatright {
}
/* END: FLOATS */

/* START: LAYOUTS */
#container {
	position: relative;
	z-index: 100;
	width: 1024px;
	top: 280px;
	left: 0px;
}

#content {
	width: 800px;
	margin: 0 ;
	padding: 0 0 0 0;
	background-color: transparent;
}
/* END: LAYOUTS */



.SBS-icon {
	width: 16px;
	height: 16px;
}

p, blockquote, ul, ol {
	margin-bottom: 1.4em;
	line-height: 1.8em;
}

p {
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	color:black;
}

ul {
	margin-left: 3em;
}

ul li {
}

ol {
	margin-left: 3em;
}

ol li {
}

img {
	border: 0px solid #C4C2C2;
}

/* bSideItem Box Style */
.bSideItem {
	margin-bottom: 20px;
}

.bSideItem .sideItemTitle {
	margin: 0;
	padding: 5px 0;
	background:;
}

.bSideItem .content {
	padding: 5px;
}

/* bPost */
.bPost, .bPostpublished {
	padding-top: 5px;
}

.bPost .bTitle {
	padding: 10px 0;
	background: url(../img/img07.gif) repeat-x left bottom;
}

.bPost .bSmallPrint {
	padding-top: 5px;
}

.bPost .bSmallHead {
	padding-bottom: 10px;
	background: url(../img/img07.gif) repeat-x left bottom;
}

.bPost .bSmallHead p {
	margin: 0;
	line-height: normal;
}

.bPost .bText {
	padding: 20px;
}

/* pageHeader */
#pageHeader {
	height: 61px;
	background: url(../img/img02.gif) repeat-x;
}

/* pageHeader > pageTitle */
#pageTitle {
	width: 1024px;
	height: 19px;
	margin: 0 auto;
	padding: 6px 0 0 0;
}

#pageTitle h1 {
	float: left;
}

#pageTitle h2 {
	float: right;
}

#pageTitle a {
}

/* pageHeader > Menu */
#menu {
	width: 980px;
	height: 27px;
	margin: 0 auto;
}

#menu ul {
	
	padding: 0px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
	height:25px;
}

#menu li a {
	display: block;
	float: left;
	height:26px;
	margin: 0 5px 0 0;
	
	
	border: 1px solid black;
}

#menu li a:hover {
	border: 1px solid white;
}

#menu .active a {
	
}

/* Wrapper */
#wrapper {
	background:black;
}

/* Content */
#content {
	width: 1024px;
	margin-left:5px ;
	padding: 0px 0 0 0;
}

/* Content > HorizontalBanner */
#HorizontalBanner {
	text-align: center;
	padding-bottom: 13px;
}

/* Left sidebar */
.sidebar_left 
{
  width: 180px;;
   float: left;
   overflow: hidden;
   margin-left: 0;
   margin-right:15px;
   padding:5px;
   border:1px solid white;
}

/* Right sidebar */
.sidebar_right 
{
  width: 170px;
   float: right;
   overflow: hidden;
   margin-left: 0;
   margin-left:5px;
   padding:5px;
}

#HBannerTop {

	padding-bottom: 13px;
}

/* Content > bPosts */
#bPosts {
	float: left;
	width: 610px;
}

/* Content > bBarRight */
#bBarRight {
	float: right;
	width: 200px;
}

#bBarRight02 {
	float: left;
	width: 178px;
}

#bBarRight01 {
	float: right;
	width: 178px;
}

/* Content > bBarRight > BlogList */
#BlogList {
}

#BlogList ul {
	list-style: none;
	margin: 0px;
}

#BlogList a {
	display:block;
	width:100%;
	padding:0px;
}
#BlogList a:hover {
	background-image:url(../img/Upper-Right_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/* Content > bBarRight > Block */
#Block {
}

#Block ul {
	margin: 0;
	list-style: none;
}

#Block h3 {
	margin: 0;
}

#Block p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockDesc */
#BlockDesc {
}

#BlockDesc ul {
	margin: 0;
	list-style: none;
}

#BlockDesc h3 {
	margin: 0;
}

#BlockDesc p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockArch */
#BlockArch {
}

#BlockArch ul {
	margin: 0;
	list-style: none;
}

#BlockArch h3 {
	margin: 0;
}

#BlockArch p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockSkinList */
#BlockSkinList {
}

#BlockSkinList ul {
	margin: 0;
	list-style: none;
}

#BlockSkinList h3 {
	margin: 0;
}

#BlockSkinList p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockFeed */
#BlockFeed {
}

#BlockFeed ul {
	margin: 0;
	list-style: none;
}

#BlockFeed h3 {
	margin: 0;
}

#BlockFeed p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockWhosOnline */
#BlockWhosOnline {
}

#BlockWhosOnline ul {
	margin: 0;
	list-style: none;
}

#BlockWhosOnline h3 {
	margin: 0;
}

#BlockWhosOnline p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockMisc */
#BlockMisc {
}

#BlockMisc ul {
	margin: 0;
	list-style: none;
}

#BlockWhosOnline h3 {
	margin: 0;
}

#BlockMisc p {
	margin-bottom: 1.4em;
	line-height: normal;
}

/* Content > bBarRight > BlockPoweredby */
#BlockPoweredby {
}

#BlockPoweredby ul {
	margin: 0;
	list-style: none;
}

#BlockPoweredby h3 {
	margin: 0;
}

#BlockPoweredby p {
	margin-bottom: 1.4em;
	line-height: normal;
}



/* Content > bBarRight > Partners*/
#partners {
}

#partners .content {
	padding: 10px 0;
}

#partners ul {
	margin: 0;
	border-bottom: 1px solid #D1BC5C;
	list-style: none;
	line-height: normal;
}

#partners li {
	padding: 10px;
	border-top: 1px solid #D1BC5C;
}


/* BottomBlock */
.BottomBlock {
	/* background: url(../img/img06.gif) repeat-x; */
}

/* BottomContent */
#bBarBottom {
	width: 980px;
	margin: 0 auto;
}

/* BottomContent > BottomLeft */
#bBarBottomLeft {
	float: left;
	width: 478px;
}

#bBarBottom01 {
	float: left;
	width: 231px;
}

#bBarBottom02 {
	float: right;
	width: 231px;
}


/* BottomContent > BottomRight */
#bBarBottomRight {
	float: right;
	width: 478px;
}

#bBarBottom03 {
	float: left;
	width: 231px;
}

#bBarBottom04 {
	float: right;
	width: 231px;
}


/* pageFooter */
#pageFooter {
	clear: both;
	padding: 17px 0 8px 0;
	border-top: 4px solid #39714D;
	background: black;
}

#pageFooter p {
	width: 980px;
	margin: 0 auto;
	font-size:1em;
}

/* pageFooter > Legal */
#legal {
}

/* pageFooter > Links */
#links {
}

.image_legend {
color:white;
font-size:1.2em;
font-weight:bold;
}

div.image_block img {
	margin: 1ex;
	border:8px double white;
}

div.image_legend {
	font-size: 1.1em;
	color: white;
	font-weight:bold;
	margin: 1ex;
}

/*
 * Styles for sidebar (left)
 */
.side_item {
   font-size: 0.85em;
   margin: 2ex;
   padding: 0 0 2ex 0;
   border-bottom: 2px double #e0e0e0;
}

.side_item ul {
   margin-left: 8px;
   padding-left: 8px;
   margin-top: 8px;
   margin-bottom: 8px;
   list-style-type:square;
}
.side_item ul ul{
   margin-left: 8px;
   padding-left: 8px;
   margin-top: 0px;
   margin-bottom: 0px;
}

.side_item form {
   margin-top: 0px;
   margin-bottom: 0px;
}