/*  
Theme Name: Blue Space
Theme URI: http://www.realitysoftware.ca
Description: WordPress theme designed by <a href="http://www.realitysoftware.ca">Reality Software</a>.
Version: 1.0
Author: Reality Software
Author URI: http://www.realitysoftware.ca
*/

body {  border-left:thin solid #C3DCF0; border-right:thin solid #C3DCF0; margin:auto; font-size:0.8em;  font-family: "Trebuchet MS", Arial;  background-color:#FFFFFF ; 

width:760px; solid }
a { color:#018BC1;}
a:hover { color:#333333;}
#header { background:url('images/header_1.png') no-repeat top center ; width:760px; height:175px; float:left }
/*#logo { padding:30px 0 0 40px; height:75px; color:#fff;}
#logo a{ color:#01b0f0; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; }*/
/*#menu { background:#01b0f0; height:30px; border-bottom:1px solid #000; border-top:1px solid #e8e8e8; }*/
/*#menu ul { margin:0; padding:0;}
#menu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center;}
#menu a { display:block; float:left; width:104px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding-top:4px; border-right:1px solid #59d2fe; }
#menu a:hover{padding-top:4px; height:22px; border-bottom: 4px solid #ccf91A;}*/
/*#text { padding:10; }*/
#text { padding:10;text-align:left; width:535px; }
#text h1 { margin: 20px 0 20px 0; text-transform:uppercase; font-size:1.8em; color:#000000; font-weight:normal; text-align:center;}
#text h2 { margin: 20px 0 0 0; text-transform:uppercase; font-size:1.2em; color:#000000; text-align:center;}/*comments */
#text h2 a { color:#000000; text-decoration: none;}
#text h2 a:hover { color:#018BC1;}
#text h3 { margin: 20px 0 0 0; text-transform:uppercase; font-size:1.2em; color:#000000;}
#text p { padding:0 0 5px 0; width:530px;}
#text ul li {margin-left: 0px; padding-left:20px; background:url('images/li.gif') no-repeat 0px 7px;; list-style-type:none;}
#text ol li { margin-left: 20px; width:460px; text-align: justify;}

#sidebar { float:right; width:215px; padding: 0 10px 0 10px; margin: 5px 0 30px 0; margin-top:0px;  }



.rsidebar{float:left;width:215px;padding-top:0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; border-left-color:#CCCCCC; border-left-style:solid; border-left-width:thin;}
/*.picture{background:url('images/pic_1.jpg') no-repeat top center ; width:150px ; height:250px;}
.blog{background:url('images/blog.jpg') no-repeat top center ; width:150px ; height:25px;}*/
.rsidebar h2{font-size:25px;margin-bottom:3px;padding:0;margin-left:5px;border-bottom:1px solid #E7E7E7;margin-right:10px;}
.rsidebar ul{list-style-type:none;margin:0;padding:0; }
.rsidebar ul li{list-style-type:none;margin:0 0 5px;padding:0;padding-left:5px; }
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 0px; text-align:left; font-size:.99em;}
.rsidebar ul li ul li{list-style-type:none;border:0px none;margin:0;padding-left:20px; padding-right:0; padding-top:0; padding-bottom:5px}

#sidebar h2 { margin: 25px 0 2px 0;  text-transform:uppercase; font-size:1em; color:#1B1D1E; font-weight:normal; font-weight:bold;}
#sidebar ul { margin: 0px; padding: 0px;}
#sidebar li { list-style:none;}
/*#main {float:center; margin-top:0px; width:760px;}*/
#main {float:center; margin:0px auto auto auto; width:760px; text-align:center;}

#footer { height:102px; width:760px; clear:both;background-image:url('images/bot.jpg'); background-repeat:no-repeat  }
#left_footer { float:left; padding:40px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}

.postmetadata { font-size: 13px; margin: 5px 0 0 0; margin-right:220px; margin-left:30px;} /*posted in*/
.postmetadata small { font-size: 11px;}

#post
{
margin: 1px 0 0 0; text-align:justify;margin-right:240px; font-size:.98em; margin-left:15px;
}

.entry p { margin: 1px 0 0 0; text-indent:15px; text-align:justify;margin-right:240px; font-size:.98em; margin-left:15px;}/*comments*/
.small {font-size:11px; margin: 5px 0 0 0; margin-right:220px;  }/*date*/


#searchform { margin: 10px;}
#searchform #searchsubmit { width: 30px; height: 21px; border: none; color: #FFFFFF; background-color: #018BC1; font-size:14px; font-weight:bold;}


#searchform #s { width: 150px;}
#commentform #comment { width: 450px;}
#commentform #author, #commentform #email, #commentform #url { width: 225px;}
#commentform #submit { width:140px; height: 21px; border: none; color: #FFFFFF; background-color: #018BC1; font-size:14px; font-weight:bold;}
#commentform p { margin: 5px 0 5px 0;}
#calendar caption { margin: 5px 0 5px 0; text-transform:uppercase; font-size:1.5em; color:#1B1D1E; text-align:left;}
#calendar h2 {margin: 0; padding: 0;}
#wp-calendar th {padding-right:10px; text-align:left;}
#wp-calendar td {padding-right:10px;}
.commentlist li { padding: 0 10px 0 10px;}
.commentlist .alt { border:1px solid #d7d7d7; background-color: #f5f5f5;}
.commentlist p { margin: 5px 0 5px 0;}
.navigation { text-transform:uppercase; margin-top: 20px; }
blockquote { padding:5px 10px 5px 10px; border:1px solid #d7d7d7; background-color: #f5f5f5; margin-left: 20px;}
code { line-height:normal; font-size:12px;}
/*#total { width:760px;border-right-style:solid; border-right-color:#C3DCF0; border-right-width:thin;border-left-style:solid; border-left-color:#C3DCF0; border-left-width:thin; margin:0px auto auto auto; background-color:#CCFFCC
 }*/
/* Begin Images */





p img {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	max-width:425px;
	max-height:500px;
	/* width:300px;
	height:300px;*/
	}

/*	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 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.centeralign { 
	display:block !important; 
	margin-left:auto !important; 
	margin-right:auto  !important; }
/* End Images */