/*
Theme Name: 777blue-dream
Theme URI: http://www.japre.com/
Description: Developed and maintained by <a href="http://www.japre.com/">Japre</a> . Clean, two/three columns, fixed width With Valid XHTML, Widget Support. Share and distribute. Enjoy!
Version: 1.0
Author: Big Muzzy
Author URI: http://www.japre.com/


	This theme is developed and maintained by Hakan Aydin:
	http://aydin.net/blog

	The original 2 column version of this theme was created by Michael Heilemann:
	http://binarybonsai.com/

	And Chris J. Davis:
	http://www.chrisjdavis.org/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

-->	CSS OVERVIEW
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
	It is suggested, that you copy whatever changes you want
	to make, into a new CSS file, save it in the styles dir
	and select it from the K2 Options panel. So as to keep
	this file intact and make it easier for yourself to debug
	any potential problems as well as upgrade to future K2's.
*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #484848;
	color: #333333;
	text-align: center;
	background-image: url(images/bckgnd.gif);
	background-repeat: repeat-x;
	line-height: 1.4em;
	}

#page {
	background-color: black;
	
	text-align: left;
	}

#header {
	background-color: black;
	}

#content {
	font-size: 1.2em;
	padding-top:15px;
	}

.narrowcolumn .postmetadata {
	text-align: left;
	background-color:#333333;
	}

.alt {
	background-color: #C0DDED;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background-color: #FFFFFF;	
	}

small {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	}

h1 {
	font-size: 3.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5em;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .6em;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}
#sidebar>ul {
	
	border-bottom: 0px solid grey;
	}
#sidebar h2 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}

#sidebar2 {
	
	border-bottom: 1px solid grey;
	}
#sidebar2 h2 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #FFFFFF;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: 666666;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #266694;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Verdana, Arial, Sans-Serif;
	}
#sidebar2 {
	font: 1em Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
        color: #266694;
	text-decoration: none;
	}

a:hover {
	color: #707070;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background-color: #FFFFFF;
	margin: 20px auto;
	padding: 0;
	width: 900px;
	
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 168px;
	width: 900px;
	background-color: #FFFFFF;
	background-image: url(images/900-x-200-1200-SPTBF-header.jpg);
	}

#menu {
	padding: 0;
	margin: 0 auto;
	height: 35px;
	width: 900px;
	background-color: #333333;
	border-top:1px solid white;
        overflow:show;
	}

ul.nav, ul.sub-nav{list-style:none;padding:0px;margin:0px;width:900px;clear:left;}

.nav li{
	border-right:1px solid #DDD;
	float:left;
	display:block;
	height:35px;
}

.nav li a{
	float:left;
	font-size:10px;
	outline:none;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;
	height:20px;
}

.nav li{
	border-right:1px solid #DDD;
	float:left;
	display:block;
	height:35px;
}

.sub-nav li a{
	float:left;
	font-size:10px;
	outline:none;
	color:#000000;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;
	height:20px;
}

.nav li a:hover {color:#3333CC;}
.sub-nav li a:hover {text-decoration:underline;}

.nav li.skip{float:right;display:block; width:35px;}



.widecolumn, .narrowcolumn {
	display:inline;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 650px;
	}
	
.widecolumn {
	width:700px;
	margin-left:100px;
}

.pagepost {
	margin: 0 0 40px;
	}
	
.post {
	margin: 0 0 15px;
	width:600px;
	}


.post .entry {
	text-align: justify;
}

.narrowcolumn .postmetadata {
	padding: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 899px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */

/*	Begin Headers */
h1 {
	padding-top: 40px;
	margin: 0;
	}

.description {
	text-align: center;
	}

.pagepost h2 { border-bottom:1px solid #333333;}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: left;
}

#sidebar h2 {
	height: 23px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	color: #000000;
	background-image: url(images/sli_title.gif);
	background-repeat: no-repeat;
	background-position: top;	
	}
#sidebar2 h2 {
	height: 23px;
	letter-spacing: 2px;
	padding: 1px 0 0 0;
	text-align: center;
	font-size: 1.1em;
	color: #FFFFFF;
	background-image: url(images/sli_title.gif);
	}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#content ul.sponsors {
	margin: 0;
	padding: 0;
}

#content ul.sponsors li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 10px 15px 10px;
	display:inline;
}

#content ul.sponsors li img {
	margin-top:15px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	}

#sidebar #searchform #s {
	width: 180px;
	padding: 2px;
	background-color: #CCCCCC;
	border-style: ridge;
	margin-bottom:3px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	background-color: #909090;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
        background-color: #A0A0A0;
        border-style: ridge;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	background-color: #CCCCCC;
	border-style: ridge;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 685px;
	width: 215px;
	background-color: #FFFFFF;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Sidebar2 */
#sidebar2
{
	padding: 20px 0 10px 0;
	margin-left: 20px;
	width: 160px;
        float: left;

	}

#sidebar2 form {
	margin: 0;
	}
/* End Sidebar2 */





/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
hr {
 display: none;
 }
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.entry img, .entrytext img {
	margin: 7px;
	}

.theme {
	font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;	
       }


.biobox { clear:left; }
img.bio { float:left;}



/* End Various Tags & Classes*/