/* Modified Eric Meyer's Reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, 
a, em, img, strong,
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-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
:focus {outline: 0;}

/* Utility */
div.clear {clear:both;}

body {
}

.container 
{
    background: #e6e6e6;
    padding-bottom: 20px;
}
.headerwrap 
{
    width: 100%;
    height: 100px;
    background: url('headerbackrep.jpg') repeat-x center;
}
.header  
{
    width: 1000px;
    height: 100px;
    background: url('headerback.jpg') no-repeat 0px 0px;
    position: relative;
    margin: 0 auto;
}
.content 
{
    width: 900px;
     margin: 20px auto 20px auto;
     background: url('contentback.jpg') repeat-y center;
     border-right: 2px solid white;
}
.postswrap 
{
    width: 600px;
    margin: 0px;
    background: url('postsrep.png') repeat-y center top;
    float: left;
}
.postsbottom 
{
    width: 600px;
    margin: 0px;
    background: url('postsbottom.png') no-repeat center bottom;
    float: left;
}
.posts 
{
    width: 600px;
    margin: 0px;
    padding-bottom: 30px;
    background: url('contenttop.png') no-repeat center top;
    float: left;
}
.posts h1
{
    font-size: 1.1em;
    text-align: left;
    text-decoration: underline;
    color: #606060;
    margin: 40px 0px 5px 30px;
    font-weight: bold;
    font-family: Calibri;
}
.posts h1 a { color: #606060; }
.posts h1 a:hover {text-decoration: none;}
.posts h1 a:visited { color: #606060; }
.posts p 
{
    font-size: 0.9em;
    line-height: 1.4em;
    text-align: left;
    color: #020202;
    padding: 15px 30px 15px 30px;
    font-family: Calibri;
}
.posts ul, ol 
{
        font-size: 0.9em;
    line-height: 1.4em;
    text-align: left;
    color: #020202;
    font-family: Calibri;
    margin: 15px 30px 15px 50px;
}
.posts ol li p { font-size: 1em; }
.posts ul li, ol li {
font-size: 1em;
}
.posts ul {     list-style-type: disc; }
.posts ol { list-style-type: decimal; }
    
.posts a:visited 
{
    color: Blue;
}
.rsidebar 
{
    float: right;
    width: 280px;
    margin-bottom: 20px;
  }
.recent 
{
    width: 270px;
    height: 200px;
    background: url('rsideback.png') no-repeat center;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
}
.ads 
{
    width: 270px;
    height: 200px;
    background: url('rsideback.png') no-repeat center;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
text-align: center;
}
.ads img { height: 120px; width: 120px; }
.ads h1 { text-align: left; }
.recent p a 
{
    color: white;
    text-decoration: none;
}
.recent p a:hover 
{
    text-decoration: underline;
}
.recent p a:visited 
{
    color: White;
}
.popular
{
    width: 270px;
    height: 200px;
    background: url('rsideback.png') no-repeat center;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
}
.popular p a { color: white; text-decoration: none; }
.popular p a:hover { text-decoration: underline }
.popular p a:visited { color: white; }
.comments
{
    width: 270px;
    height: 200px;
    background: url('rsideback.png') no-repeat center;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
}
.comments p {margin-right: 5px;}
.comments a { color: White; }
.comments a:visited {color: White;}
.other
{
    width: 270px;
    height: 200px;
    background: url('rsideback.png') no-repeat center;
    margin: 0 5px 10px 5px;
    padding-right: 5px;

}
.other p a {color: White;
            text-decoration: none;
}
.other p a:hover {text-decoration: underline;
}
.other p a:visited {color: White;}
.categories 
{
    float: right;
    margin-right: 10%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.categories li 
{
    float: left;
    background: white;
    margin: 0px;
    height: 20px;
    font-family: calibri;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    width: 130px;
    text-align: center;
    color: #606060;
    font-size: 1.1em;
    background: url('tab.jpg') no-repeat center;
}
.categories a 
{
    color: #606060;
    text-decoration: none;
    display: block;
}
.categories a:visited 
{
    color: #606060;
}
.categories li:hover 
{
    background: url('tabhover.jpg') no-repeat center;
}
.rsidebar h1 
{
    text-align: left;
    color: white;
    padding: 20px 20px 10px 20px;
    font-size: 1em;
    font-family: Cambria;
    text-decoration: underline;
    text-transform: capitalize;
    
}
.rsidebar p 
{
    text-align: left;
    color: white;
    padding: 3px 0 3px 20px;
    font-size: 0.9em;
    font-family: Calibri;
}

p img {
	padding: 0;
	max-width: 100%;
	}
	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 15px 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 15px;
	display: inline;
	}

.alignright {
	float: right;
	padding-right: 15px;
	}

.alignleft {
	float: left;
	padding-left: 15px;
	}
.ads img { margin: 0 auto;
           background: white; }