/* 
Theme Name: Blue Basic
Theme URL: http://playportal.net
Description: A simple, fast loading blue theme for your blog or site. Designed for those who want the content to do the talking, not the theme. Based upon the blank 'Whiteboard' Canvas by Brian Purkiss.
Author: James Wigger
Author URI: http://playstuff.net
Version: 1.21
Tags:blue, light, silver, one-column, fixed-width
*/

html {
/*height: 100%;*/
height:auto;
}

body {
/*background:url(images/body_bg.png) repeat-y center #3b6a8f;*/
/*background:#fff;
color:#666;
font-family:trebuchet MS;*/
font-size:12px;
/*height: 100%;*/
height:auto;
background: #fff;
font-family:'Verdana', Tahoma, arial, sans-serif;
color: #666666; 
text-align: left;
margin: 0 0 15px 0;	
}

p {
  font: 12px/1.75em Verdana, Tahoma, arial, sans-serif;
  text-align:justify;
}

a, a:active, a:visited {
color: #326ea1; 
	background: inherit;
	text-decoration: none;	
}

a:hover {
color: #383d44;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #dbd5c5;
}

table, tr {
background:#ececec;
border:1px solid #c5c5c5;
}

thead, th {
font-weight: bold;
color: #000;
text-align: left;
padding: 6px;
background:#fff;
}

td {
border: 1px solid #c5c5c5;
text-align:center;
background:#fff;
padding:6px;
color: #000;
}

code, pre {
background:#ececec;
color:#000;
display:block;
direction:ltr;
text-align:left;
border:1px solid #c5c5c5;
margin:8px 2px;
padding:5px;
overflow:auto;
}

#main {
width:850px;
margin:0 auto;
position: relative;
min-height: auto;
padding:10px 10px 65px 10px;
border-left:4px solid #e8e8e8;
border-right:4px solid #e8e8e8;
border-bottom:4px solid #e8e8e8;
background:url(images/content.jpg) #fff  repeat-x;
font-family:'Verdana', Tahoma, arial, sans-serif;
font-size:12px; 
height:auto;
}

#header {
height:250px;
width:850px;
background:#008aca url(images/header-photo.jpg);
/*width:100%;*/
border-bottom:#c5c5c5 1px solid;
margin:0 auto;
}

#header h1 {
margin:0;
padding:30px 0 0 20px;
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
font-weight: Bold; 	
color: #333;
text-align:left;
font-size: 160%;
	
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 30px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	border: none;
	line-height:40px;
	/* change the values of top and left to adjust the position of the logo*/
	top: 35px; left: 30px;	
}


#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #B6D1F8;
	letter-spacing: 3px;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 120px; left: 35px;		
}

#header h1 a {
text-decoration:none;
color:#fff;
}

#header h1 a:hover {
color:#ccc;
}

#navigation {
/*background:#ececec;*/
width:847px;
/*border:1px solid #c5c5c5;*/
/*margin:5px 20px 0 20px;*/
margin:0 auto;
padding:0px;
font-size:14px;
font-weight:bold;
}

#navigation ul {
        float:left;
	list-style: none;
	background:url(images/nav.jpg) #E4E4E4  repeat-x;	
	width: 847px;		
	padding: 0px;
        margin:0px ;
	/*height: 45px;*/
	display:inline;
	text-transform: uppercase;
        border-left:1px solid #d5d5d5;
        border-right:1px solid #d5d5d5;
}

#navigation ul li {
display: inline;
margin: 0; padding: 0;
background:url(images/nav.jpg) #E4E4E4  repeat-x;
}

#navigation ul li a {
        display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;
	border-bottom: none;
	color: #555;
	font:bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}

#navigation ul li a:hover {
color: #326ea1;
}

#navigation #nav {
/*background:#ececec;*/
 width:847px;
/*border:1px solid #c5c5c5;*/
/*margin:5px 20px 0 20px;*/
margin:0 auto;
padding:0px 0 0px 0px;
font-size:14px;
font-weight:bold;			
}
#navigation #nav ul {
	float:left;
	list-style: none;
	background:url(images/nav.jpg) #E4E4E4  repeat-x;	
	width: 847px;		
	padding:0px;
        margin:0px;
	/*height: 45px;*/
	display:inline;
	text-transform: uppercase;
}
#navigation #nav ul li {
	display: inline;
	margin: 0;
        padding:0;
        background:url(images/nav.jpg) #E4E4E4  repeat-x;
}
#navigation #nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #555;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#navigation #nav ul li a:hover,
#navigation #nav ul li a:active {
	color: #326ea1;
       background:url(images/nav-current.jpg) #DBDBDB  repeat-x;
}
#navigation #nav ul li#current a {	
	background:url(images/nav-current.jpg) #DBDBDB  repeat-x;		
}


#content {
padding:0px; 
background:#fff;
width:850px;
margin:0 auto;
font-size: 12px;
font-family:'Verdana', Tahoma, arial, sans-serif;
height:auto;
}

#post {
padding:10px 10px 0px 10px;
margin:0 auto;
width:830px;
background:url(images/content-wrap.jpg) repeat-x;
min-height:450px;
height:auto;
font-size:12px; 
line-height:22px;
font-family:'Verdana', Tahoma, arial, sans-serif;
}

#post a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
#post a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #dbd5c5;
}


#post h2{
margin:0;
font-size:12px;
padding: 10px;
font-family:'Trebuchet MS', Tahoma, Sans-serif;
font-weight: Bold; 	
color: #326ea1;	
}


#post.cms_small_link{ font-size:17px;text-decoration:underline; }

#post.cms_small_link:hover{ text-decoration:underline; }


#postmeta {
background:#ececec;
border:1px solid #c5c5c5;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
font-size:11px;
}

#postmeta ul {
list-style:none;
margin:5px 0 0 0;
padding:0;
display:inline;
}

#postmeta ul li {
display: inline;
}

#postmeta ul li a {
/*padding:5px;*/
background:#ececec;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
}

#postmeta ul li a:hover {
background:#f4f4f4;
}

#postnavigation {
text-align:center;
padding:5px 10px 5px 10px;
margin:0 15px 20px 15px;
}

#postnavigation ul {
list-style:none;
margin:0 0 0 0;
padding:0;
display:inline;
}

#postnavigation ul li {
display: inline;
}

#postnavigation ul li a {
padding:5px 10px 5px 10px;
background:#ececec;
border:1px solid #c5c5c5;
}

#postnavigation ul li a:hover {
background:#f4f4f4;
}

#comments {
background:#ececec;
border:1px solid #c5c5c5;
margin:0 20px 15px 20px;
padding:5px 10px 5px 10px;
}

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

.singlecomment {
padding:3px;
margin:5px 0 5px 0px;
}

.singlecomment li {
background:#dcdcdc;
border:1px solid #c5c5c5;
padding:3px;
margin:5px 0 5px 0px;
}

#commentsform {

}

#commentsform input{
border:#c5c5c5 1px solid;
overflow:auto;
}

#commentsform textarea{
border:#c5c5c5 1px solid;
overflow:auto;
}

/*#sidebar {
text-align:center;
padding:2px 0px 2px 0px;
margin:0 0 0 0;
}

#sidebar h2 {
margin:2px 20px 2px 20px;
background:#68bdff;
padding:2px 0 2px 0;
border:1px solid #4d8dbe;
color:#000;
font-size:16px;
}

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

#sidebar ul li {
margin:1px 20px 2px 20px;
}

#sidebar ul li a {
margin:0;
padding: 4px 10px 2px 10px;
display: block;
text-decoration: none;
background:#ececec;
border:#c5c5c5 1px solid;
}

#sidebar ul li a:hover {
background:#f4f4f4;
}
*/
#footer {
position: absolute;
bottom: 0;
left:20px;
height:35px;
width:830px;
margin:0 auto;
background:#ececec;
text-align:center;
/*line-height:40px;*/
border-top:#c5c5c5 1px solid;
border-left:#c5c5c5 1px solid;
border-right:#c5c5c5 1px solid;
}

/*#footer-wrap p {
padding: 0px 0;
}*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}