/* 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 */
 .wp-caption-text {margin: 3px 0 !important; padding: 0 !important; text-align: center !important; font-size: 12px !important; color: gray !important; line-height: 1em !important; }
div.clear {clear:both;}
a { color: #3B6EAE; }
body { 
}

.container 
{
    background: #e6e6e6;
    padding-bottom: 20px;
}
.headerwrap 
{
    width: 100%;
    height: 100px;
    /*background: url('headerbackrep.jpg') repeat-x top #E6E6E6;*/
}
.header  
{
    width: 1000px;
    height: 100px;
    /*background: url('headerback.jpg') no-repeat 0px 0px;*/
    position: relative;
    margin: 0 auto;
}
.content 
{
     width: 900px;
     margin: 0 auto 20px auto;
     padding-top: 10px;
     /*background: url('g.gif') no-repeat 283px 0px;*/
}
.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;*/
    background: #EFEFEF;
    border: 1px solid #a2a2a2;
    float: left;
}
.posts h1
{
    font-size: 20px;
    text-align: left;
    color: #313131;
    margin: 20px 25px 5px 25px;
    font-weight: bold;
    font-family: Arial, serif;
	line-height: 28px;
}

.posts h1 a { color: #0072BC; }
.posts h1 a:hover {text-decoration: none;}
.posts h1 a:visited { color: #0072BC; }
.posts p 
{
    font-size: 14px;
    line-height: 1.4em;
    text-align: left;
    color: #020202;
    padding: 10px 25px 15px 25px;
	margin: 0;
    font-family: Calibri, Arial;
}
.posts ul, ol 
{
        font-size: 14px;
    line-height: 1.4em;
    text-align: left;
    color: #020202;
    font-family: Calibri;
    margin: 15px 30px 15px 50px;
}
.posts ol li p { font-size: 14px; }
.posts ul li, ol li {
font-size: 1em;
}
.posts ul {     list-style-type: disc; }
.posts ol { list-style-type: decimal; }
    
.posts a:visited 
{
    color: #3B6EAE;
}
.rsidebar 
{
    float: right;
    width: 280px;
    margin-bottom: 20px;
  }
.recent 
{
    width: 270px;
    height: 200px;
    background: #EFEFEF;
    border: 1px solid #a2a2a2;
    color: #2a2a2a;
    margin: 0 5px 10px 5px;
    padding-right: 5px;}
.ads 
{
    width: 270px;
    height: 200px;
    background: #E6E6E6;
    border: 1px solid #a2a2a2;
    color: #2a2a2a;
    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: #2A2A2A;
    text-decoration: none;
}
.recent p a:hover 
{
    text-decoration: underline;
}
.recent p a:visited 
{
      color: #2A2A2A;
}
.popular
{
    width: 270px;
    height: 200px;
    background: #EFEFEF;
    border: 1px solid #a2a2a2;
    color: #2a2a2a;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
}
.popular p  a{ color: #2A2A2A; text-decoration: none; }
.popular p a:hover { text-decoration: underline }
.popular p a:visited { color: #2A2A2A; }
.comments
{
    width: 270px;
    height: 200px;
    background: #EFEFEF;
    border: 1px solid #a2a2a2;
    color: #2a2a2a;
    margin: 0 5px 10px 5px;
    padding-right: 5px;
}
.comments p {margin-right: 5px;}
.comments a { color: #0072BC; }
.comments a:visited {color: #0072BC;}
.other
{
    width: 270px;
    height: 200px;
    background: #EFEFEF;
    border: 1px solid #a2a2a2;
    color: #2a2a2a;
    margin: 0 5px 10px 5px;
    padding-right: 5px;

}
.other p a {color: #2a2a2a;
            text-decoration: none;
}
.other p a:hover {text-decoration: underline;
}
.other p a:visited {color: color: #2a2a2a;}
.categories 
{
    float: right;
    margin-right: 49px;
    position: absolute;
    top: 95px;
    right: 0px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 1px;
    background: url('categ_back.jpg') no-repeat center right #333333;
	width: 880px;
}
.categories li 
{
    float: right;
    margin: 0px;
    height: 20px;
    font-family: calibri;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    width: 110px;
    text-align: center;
    color: white;
    font-size: 1.1em;
}
.categories a 
{
    color: white;
    text-decoration: none;
    display: block;
    font-weight: normal;
}
.categories li a:hover {
    color: #606060;
}
.categories a:visited 
{
    color: white;
}
.categories li:hover 
{
}
.rsidebar h1 
{
    color: #2a2a2a;
    text-align: left;
    padding: 20px 20px 10px 20px;
    font-size: 0.9em;
    font-family: Arial, serif;
    text-transform: capitalize;
    
}
.rsidebar p 
{
    text-align: left;
        padding: 5px 15px 5px 20px;
    font-size: 0.7em;
    font-family: Verdana;
}

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; }
.shoph1 {
			margin: 20px 30px 15px 0 !important;
			padding: 1px 7px !important;
			color: white;
			background: #333333;
}			
.shoph1 a {
			color: white !important;
}