/*  

Theme Name: Loopy Blue

Theme URI: http://myblogit.net/2007/07/05/my-first-theme/

Description: A very simple 2 column, widget ready theme.

Version: 1.0

Author: Mr.BlogIt (David Span)

Author URI: http://myblogit.net/



*/





/*

The CSS, XHTML and design is released under Creative Commons Attribution-ShareAlike

	http://creativecommons.org/licenses/by-sa/3.0/

By David Span

*/

.rg-img-main {border-color: black; border-style:solid; border-width:1px;} 
.rg-img {padding: 2px; border-color: black; border-style:solid; border-width:1px;}


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{

margin: 0;

padding: 0;



}





body{

	margin: 0;

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

	text-align: center;

	vertical-align: top;

	

	color: #000000;

	background: #0B71E4 url('images/header_background.jpg') repeat-x;

}



h1{

font-family: fantasy, Georgia, Sans-serif;

font-size: 30px;

padding: 20px 10px 10px 0px;

}





a:link, a:visited{

	text-decoration: underline;

	color: #336699;

}



p{

padding: 10px 0 0 0;

}



a:hover{

	text-decoration: none;

        font-weight: bold;

        color: red;

        background-color: #F7F4A6;

}



#wrapper{

	margin: 0 auto 0 auto;

	width: 900px;

	text-align: left;

	

}



#header{

	float: left;

	width: 890px;

}

#header_name{

font-family: arial;

font-size: 50px;

color:#FFFFFF;

text-decoration: none;

}



#container{

	float: left;

	width: 570px;

	/*background:#FFFFFF url('images/container-back.jpg') repeat-y;*/

	padding: 0 10px 0 10px 0;

}



.post{

padding: 10px;

margin: 0;

border: 3px solid #000000;

background: #FFFFFF url('images/post-background.jpg') repeat-x;;

}



.post h2{

font-family: arial;

font-size: 25px;

}



.entry{

line-height: 18px;

}



p.postmetadata{

border-top: 1px solid #ccc;

margin: 10px 0 0 0;

}



.navigation{

padding: 10px 0 10px 0;

font-size: 14px;

font-weight: bold;

line-height: 18px;

text-align:center;

background: none;

}



.sidebar{

	float: left;

	width: 320px;

	/*background:#FFFFFF url('images/sidebar-background.jpg') repeat-y;*/

	background:#F7F4A6;

	margin: 10 0 0 10px;

	display: inline;

	border: 3px solid #000000;

}



.sidebar ul{

list-style-type: none;

margin: 0;

padding: 0 10px  10px;

}



table#wp-calendar{

width: 100%;

}



.sidebar ul li{

padding: 15px 0 15px 0;

}



.sidebar ul li h2{

font-family: Georgia, Sans-serif;

font-size: 14px;

color:#0B71E4;



}



.sidebar ul ul li{

padding: 0;

line-height: 15px;

}



#footer{

	margin:20px 0 0 0;

	clear: both;

	float: left;

	width: 100%;

	padding-top:10px;

	background:#FFFFFF url('images/footer_background.jpg') repeat-x;

	margin-top:10;

}



#footer p{

line-height:18px;

color:#FFFFFF;

text-align: left;

}



#footer p a{

color:#FFFFFF;



text-decoration: none;

}



.left-sidebar {

width: 185px;

float: left;

}

.banner-sidebar {

width: 125px;

float: left;

padding: 20px 0;

}

.header-banner {

display: block;

text-align: center;

width: 890px;

padding: 0 0 10px 0;

clear:both;

}

a#header_name {

display: block;

width: 400px;

height: 40px;

background: url(images/logo.png) 0px 0px no-repeat;

text-indent: -9999px;

}

:focus {

outline: none

}



.wp-pagenavi {

color: #fff;

}

.wp-pagenavi a {

color: #93c3f9;

}

.wp-pagenavi a:hover {

background: #0a52a2;

color: #fff;

}

.wp-pagenavi a, .wp-pagenavi span {

border: 1px solid #93c3f9;

}

#footer p {

width: 890px;

margin: 0 auto;

}

.header-banner a img, .banner-sidebar a img,

.header-banner a:hover img, .banner-sidebar a:hover img {

border: 1px solid #000;

}


.capitals {
text-transform: uppercase;
}
