/*  
Theme Name: Pop Blue
Theme URI: http://www.blogohblog.com/
Description: Pop Blue is a 2 columns Wordpress theme. Clean, simple and lightwieght theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/
body{font-family:Verdana, Arial, Geneva, sans;font-size:100%;margin:0;padding:0; color:#e3e3e3;
	background:url(images/bg_grey.gif) top left repeat; text-align:center;
}
#top2{
width:auto;
	text-align:left;
	height:60px;
	background:url(images/title_learning.gif) top right no-repeat;
}
#header{
    background: url("images/title_learning.gif") no-repeat scroll right top transparent;
    height: 80px;
    margin: 10px 0 25px;
    padding: 0;
}
/*	height:60px;*/
}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(images/logo.gif) no-repeat left;height:54px;}
/*h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:14px; font-weight:bold;}*/

#logo {
    border: medium none;
    margin: 0;
    padding: 0;
}
/************* CSS for social media links ***********/

#header_logo {
	width:450px;
	float:left;
}
#socials {
	float:left;
	margin-top:45px;
	position: relative;
	left:313px;
}
#socials img {
	padding: 0px;
	margin: 0px;
	border: 0;
}
#navlist {
	position:relative;
}
#navlist li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#navlist li, #navlist a {
	height:24px;
	display:block;
}
#social-left {
	left:0px;
	width:7px;
	background:url('images/left.jpg') 0 0;
}

#spacer {
	left: 7px;	
	width:18px;
	background:url('images/flickr-temp.jpg') 36px 0;
}

#fb {
	left:7px;
	/*TEMP*/ left:25px;
	width:36px;
}
#fb {
	background:url('images/fb-colour.jpg') 36px 0;
}
#twitter {
	left:43px;
	/*TEMP*/ left:61px;
	width:36px;
}
#twitter {
	background:url('images/twitter-colour.jpg') 36px 0;
}
#youtube {
	left:79px;
	/*TEMP*/ left:97px;
	width:36px;
}
#youtube {
	background:url('images/youtube-colour.jpg') 36px 0;
}
#rss {
	left:115px;
	/*TEMP*/ left:133px;
	width:36px;
}
#rss {
	background:url('images/rss-colour.jpg') 36px 0;
}
#flickr {
	left:151px;
	/*TEMP*/ left:169px;
	width:18px;
}
#flickr {
	background:url('images/flickr-temp.jpg') 36px 0;
}
#social-right {
	left:187px;
	width:16px;
	background:url('images/right.jpg') 0 0;
}
#fb a:hover {
	background: url('images/fb-colour.jpg') 0 0;
}
#twitter a:hover {
	background: url('images/twitter-colour.jpg') 0 0;
}
#youtube a:hover {
	background: url('images/youtube-colour.jpg') 0 0;
}
#rss a:hover {
	background: url('images/rss-colour.jpg') 0 0;
}
#flickr a:hover {
	background: url('images/flickr-temp.jpg') 0 0;
}
/* ie6 needs his fix*/ 
 a:hover {
	zoom:1;
}

.print_only, #wrapper #header .print_only {
    visibility: hidden;
}

img#logo_print {
	visibility: hidden;
	height: 0;
	width: 0;
}

a, a:visited {
	color: #FDD23F;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
.menu a:hover {
     text-decoration:none;
}
.menu ul li a:hover {
     text-decoration:none;
}
#wrapper {
    margin: 0 auto;
    padding: 0 0 0;
    text-align: left;
    width: 965px;
}

#nav {
    font-size: 80%;
    height: 25px;
    text-align: right;
    width: 100%;
     margin:0 10px 0 0;
}
#nav p {
	margin:0;
	padding:0;
	color:#fdd23f;
}
#nav2{/*height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;*/}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-size:12px;font-weight:700;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#113255;float:left;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#4192e5;text-decoration:underline;}
ul.nav2 li a:active{color:#4192e5;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#4192e5;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
.postmetadata { background:; padding:5px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
#main{
	width:auto;
	margin:0 auto;
}
#content{
	width:auto;
 height:100%;
	/*margin:-20px auto 0 auto;*/
	margin:0;
	padding: 10px 10px 30px;
	border:solid 1px #fdd23f;
	text-align:left;
	background:url(images/photo_strip.jpg) top left no-repeat;
	background-position:10px 35px;
/*float:left;width:580px;margin:10px 0 0;padding:0; border-right:1px #d8eaf3 solid;*/
}
#content .menu {
	/*margin-top:11px;*/
	/*margin-right:10px;*/
}
#content2 {
 float:left;
	width:560px;
	padding:10px 10px 30px 10px;
	text-align:left;
/*float:left;width:580px;margin:10px 0 0;padding:0; border-right:1px #d8eaf3 solid;*/
}
#content #left h2 a{
font-size:17px;
padding-bottom:5px;
}
#content #left .entry h3 a{
	font-size:15px;
}
#content #left {
	font-size:12px;
	line-height:17px;
	float: left;
  margin: 120px 0 0 30px;
  width: 560px;
}
#content #left .entry .post p {
	font-size:12px;
}
#content a, #content a:visited {
/* color:#c8c8c7;*/
    /*font-size:85%;*/
}
h1, #content #left h1 {
    /*font-size: 115%;*/
    font-size: 140%;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

#content #one-column h2  {
    font-size: 130%;
    font-weight: 400;
}
#content #right h2, #content #left h2 {
    font-size: 105%;
    font-weight: 200;
    margin: 0;
}

#wrapper #content #left h3 {
    font-size: 90%;
    font-style: italic;
    font-weight: bold;
    margin-bottom:0;
}

h1, #content h1, #content h2, #content h3, #content h4, #content h5 {
    color: #C8C8C7;
}
h1, #content h1, #content h2, #content h3, #content h4, #content h5 {
    color: #C8C8C7;
}

.entry{float:left;width:560px;margin:0;padding:0; overflow:hidden;}
#sidebar{
float:left;width:290px;margin:10px 0 0;padding:0;
}
#rsidebar{
	float:left;
	width:270px;
	margin:150px 0 0 55px;
	padding:10px;
	border:dashed 0px #ffffff;
/*float:right;width:200px;margin:0;padding:0; overflow:hidden;*/
}
#rsidebar h2{font-size:12px;border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0; font-size: 95%;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}
.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin: 5px 0 10px 10px;}
.alignleft{float:left;margin:5px 10px 10px 0;}
#searchform { height:35px; line-height:35px; float:right; margin: 0; padding: 0;  }
input#s { color: #5188d2; width: 170px; border: 1px solid #cbcbcb; background:#fcfcfc;}
#footer{
clear:both;
color:#858584
}
#footer p {
	font-size:70%;
	padding-bottom:10px;
}
#footer .f_left {
 float:left;
 width:auto;
}
#footer .f_right {
 float:right;
 width:auto;
}
#footerbox{
height:30px;line-height:30px !important;margin:0;padding:0;}
.footer{width:100%;height:30px;line-height:30px !important;margin:0 auto;padding:0;}
.boxcomments{/*border-top:5px solid #ddd;*/border-bottom:5px solid #ddd;margin-top:30px;margin-bottom:20px;width:560px;}
#content #left .boxcomments h2#comments {
	font-size:14px;
}
#content #left .boxcomments li.odd p {
	font-size:12px;
}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#000000;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;font-size:14px;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}
.menu ul{
padding-top:0;
margin:0;
}

/* CONTENT IMAGES */

h5 img {
	float: left;
	padding: 0 20px 20px 0;
	border: 0;
}

h6 img {
	float: right;
	padding: 0 0 20px 20px;
	border: 0;
}

/* 	WIDGETS */
.addthis_container {
	padding: 20px 0 15px 0;
}

/***** Pages ********/
#content #one-column {
    font-size: 80%;
    /*line-height: 17px;*/
}

#content #one-column {
    float: left;
    margin: 120px 0 0 30px;

}
#one-column-left {
	width: 560px;
	float:left;
	display:inline;
	position:relative;
}

#one-column-right {
    display: inline;
    float: right;
    margin: 13px 0 0 30px;
    padding: 0 10px 10px;
    position: relative;
    width: 290px;
}



/* MENU */

.menu-menu-container{
	float:right;
	margin: 0px auto 20px auto;
	padding-top:1px;
	font-size:90%;
	text-transform:lowercase;
	list-style: none outside none;
}
.menu-menu-container a, .menu-menu-container a:visited {
	color:#f8cd77;
}
.menu-menu-container a:hover {
	color:#00ff00;
}
.menu-menu-container ul li ul li a:hover {
background:#999;
	background:transparent;
}

/* remove the bullets, padding and margins from the lists */
.menu-menu-container ul{
width:100%;
height:auto;
list-style-type:none;
padding:1px 0 3px 0;
margin:0px 0 0 0;
text-align:left;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu-menu-container li{
float:left;
position:relative;
z-index:100;
margin:0;
padding:0 5px;
border-right: 1px solid #f8cd77;
}

/* use the table to position the dropdown list */
.menu-menu-container table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:24px;
font-size:85%;
}
/* style all the links */
.menu-menu-container a, .menu-menu-container:visited {
display:block;
width:auto;
padding:0px 6px;
margin:0;
text-decoration:none;
text-align:left;
}
/* style the links hover */
.menu-menu-container ul li :hover{


}
/* hide the sub level links */
.menu-menu-container li ul {
visibility:hidden;
position:absolute;
width:140px;
height:0;
margin:0 0 0 0;
padding:5px 0 0 0;
background:transparent;
}

.menu-menu-container ul li ul {
background:transparent;
}
.menu-menu-container ul li ul li {
	margin:0;
	padding:0;
	background:#555;
  border:0;
}

#content .menu-menu-container ul ul li :hover{

background:#999;

}

.menu-menu-container .sub-menu a {
	padding:5px;
	width:130px;
	text-transform:none;
}
/* make the sub level visible on hover list or link */
.menu-menu-container ul li:hover ul,
.menu-menu-container ul a:hover ul{
visibility:visible;
}

/* last item */
#menu-item-2647 {
    border: 0 none;
    padding-right: 0;
}

.home_page_poster {
	margin-top: 0px;
	margin-right: -10px;
	padding-top: 0px;
	padding-bottom: 10px;	
	float: right;
}