/*  
Theme Name: PowerPage 2015
Description: PowerPage 2015 Theme.
*/


/* ------------- General Settings ------------- */

div {
	border: 0;}

h1, h2, h3, h4, h5, h6, blockquote, form, p{
	margin: 0;
	padding: 0;
	border: 0;}
	
body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #003e4d;
	color: #333;}
	
img.alignleft {
margin: 5px 15px 10px 0;
float: left;}

img.aligncenter {
margin:5px 0 10px 10px;
float:center}

img.alignright {
margin: 5px 0 10px 15px;
float: right;}
		
.no-border{
	border: 0px solid #fff;
	padding: 0;
	float: left;}
		
h1{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;}
	
	
a:link, a:visited{
	text-decoration: none;
	color: #007ba2;}

a:hover{
	text-decoration: underline;}
		
p{
	padding: 10px 0 0 0}
	
img { border: none; }

blockquote { padding-left: 3em; }

/* ------------- Head ------------- */
	
#wrapper{
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: left;}
	
#header{
	float: left;
	width: 960px;
	height: 80px;
	border: 0;}	
			
#banner-ad{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 758px;
	height: 90px;}

#tekserve{
	float: left;
	margin: 10px 0 0 10px;
	width: 192px;
	height: 90px;}

/* Navigation */
.main-nav {
	clear: both;
	height: 40px;
	border-top: 1px solid #7fc3d3;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #0087a8;	
}

.main-nav ul.menu {	
	margin-top: 0;
	margin-bottom: 0;	
	list-style-type: none;
	padding-left: 0;	
}

.main-nav ul.menu li.menu-item {
	display: table-cell;
	vertical-align: middle;
	height: 40px;	
	width: 130px;
	border-left: 1px solid #1a93b1;
	border-right: 1px solid #007997;	
	text-align: center;
}

.main-nav ul.menu li.menu-item:first-child {
	border-left: none;
}

.main-nav ul.menu li.menu-item a {
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #ffffff;
}

.main-nav ul.menu li.menu-item:first-child a {
	border-top-left-radius: 10px;
}

.main-nav ul.menu li.menu-item a:hover {
	text-decoration: none;
	background-color: #00cdff;
}

.main-nav ul.menu li.rss {
	background-image: url('images/rss-icon.png');
	background-repeat: no-repeat;
	background-position: 25px 8px;
}

.main-nav ul.menu li.rss a:hover {
	background-image: url('images/rss-icon.png');
	background-repeat: no-repeat;
	background-position: 25px 8px;
}

.main-nav ul.menu li.powerpage {
	width: 157px;
	border-right: none;
	background-image: url('images/twitter-powerpage.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.main-nav ul.menu li.powerpage a {	
	padding-right: 5px;
	text-align: right;
}

.main-nav ul.menu li.powerpage a:hover {
	background-image: url('images/twitter-powerpage.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.main-nav ul.menu li.jasonogrady {
	width: 143px;
	border-left: none;
	background-image: url('images/twitter-jasonogrady.png');
	background-repeat: no-repeat;
	background-position: left center;
	border-right: none;
}

.main-nav ul.menu li.jasonogrady a {
	padding-left: 5px;
	text-align: left;
}

.main-nav ul.menu li.jasonogrady a:hover {
	border-top-right-radius: 10px;
	background-image: url('images/twitter-jasonogrady.png');
	background-repeat: no-repeat;
	background-position: left center;	
}
		
#mainmenu {
	float: left;
	width: 960px;
	height: 41px;
	margin-top: 10px;}
				
#home {
	float: left;
	height: 41px;
	width: 120px;
	background-image: url('images/home.png');}

a#home:hover {
	background-position-y: -41px;}
	
#contact {
	float: left;
	height: 41px;
	width: 120px;
	background-image: url('images/contact.png');}

a#contact:hover {
	background-position-y: -41px;}

#about {
	float: left;
	height: 41px;
	width: 120px;
	background-image: url('images/about.png');}

a#about:hover {
	background-position-y: -41px;}

#rss {
	float: left;
	height: 41px;
	width: 120px;
	background-image: url('images/rss.png');}

a#rss:hover {
	background-position-y: -41px;}

#subpodcast {
	float: left;
	height: 41px;
	width: 120px;
	background-image: url('images/subpodcast.png');}
	
a#subpodcast:hover {
	background-position-y: -41px;}
	
#twitpower {
	float: left;
	height: 41px;
	width: 238px;
	background-image: url('images/twitpower.png');}

a#twitpower:hover {
	background-position-y: -41px;}

#twitjason {
	float: left;
	height: 41px;
	width: 122px;
	background-image: url('images/twitjason.png');}

a#twitjason:hover {
	background-position-y: -41px;}

#container {
	display: -webkit-flex;	
	display: flex;
	float: left;
	width: 960px;		
}
	
/* ------------- Column 1 ------------- */

#posts {	
	float: left;
	width: 580px;
	background-color: #ffffff;
	border-right: 1px solid #98c6d1;	
}
	
.post{
	display: block;
	float: left;
	width: 560px;
	padding: 10px;
	border-bottom: 1px solid #97C7D3;}
		
.post h2{
	font-family: Myriad, Sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 10px 0;}
	
.entry{
	line-height: 16px;}
	
p.postmetadata{
	border-bottom: 3px solid #0095bc;
	padding-bottom: 8px;
	margin: 10px 0 0 0;}
	
.share{
	display: block;
	float: left;
	height: 24px;
	width: 560px;}

.bshare{
	display: table;
	float: left;
	height: 124px;
	width: 196px;}
	
#bsharel{
	display: table-column;
	float: left;
	width: 98px;
	height: 124px;}

#bsharer{
	display: table-column;
	float: right;
	width: 98px;
	height: 124px;}
	
#recent{
	float: left;
	width: 560px;
	height: 148px;
	margin-top: 30px;}
	
#recent ul{
	list-style: none;
	margin-left: -40px;}

#recent ul li{
	margin-top: 10px;}
		
#comment{
	float: left;
	margin: 10px 0 11px 0;
	width: 548px;}
	
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;}

.commentmetadata{
	font-size: 12px;}

.comments-template p.nocomments{
	padding: 0;}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;}

#foot{
	float: left;
	width: 960px;
	height: 40px;
	/*background-image: url('images/foot-x.png');
	background-repeat: repeat-x; */
	background-color: #0087a8;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}	

.navigation{
	clear: both;
	height: 32px;
	width: 910px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;}
	
.navigation-p a:link, .navigation-p a:visited, .navigation-p a:hover, .navigation-p a:active{
	float: left;
	color: #b3dfea;
	margin-top: 2px;}
				
.navigation-n a:link, .navigation-n a:visited, .navigation-n a:hover, .navigation-n a:active{
	float: left;
	margin-left: 360px;
	color: #b3dfea;
	margin-top: 2px;}
		
	
/* ------------- Column 2 ------------- */

#sidebar{
	display: block;
	float: left;
	width: 180px;
	padding: 0 10px 0 10px;}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;}
		
#sidebar ul li{
 	padding: 5px 0 5px 0;}
	
#sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;}

#sidebar ul ul li{
	padding: 0;
	line-height: 20px;}
	
#podcast{
	float: left;
	display: block;
	width: 152px;
	height: 17px;
	margin: 10px 0 10px 0;
	padding: 57px 0 5px 7px;
	background-image: url('images/podcast.png');
	background-repeat: no-repeat;
	border-bottom: 1px solid #97c7d3;}
		
a.podcast:link, a.podcast:visited, a.podcast:hover, a.podcast:active{
	color: #ffcc00;}

h3.widgetitle {
 	padding: 5px 0 5px 0;
	font-family: Arial, sans-serif;
	line-height: 15px;
	color: #007ba2;}

.widget { 
 padding: 5px 0 5px 0;
 border-bottom: 1px solid #97c7d3;}

.widget h3 {
	padding: 10px 0;
}
.search-form input{
	width: 173px;}
				
#wp-calendar{
	width: 185px;}
	
#books{
	display: block;
	float: left;
	width: 160px;
	margin-top: 10px;
	text-align: center;
	padding-left: auto;
	padding-right: auto;}	
	
#jot{
	border-top: 1px solid #97c7d3;
	margin-top: 10px;
	text-align: center;}	
				
#cat {
	width: 159px;}


/* ------------- Column 3 ------------- */

#sidebar2{
	display: block;
	float: left;
	width: 160px;
	text-align: center;
	padding: 0 10px;}

#sidebar2 ul{
	margin: 0;
	padding: 0;}
		
#sidebar2 ul li{
 	padding: 5px 0 5px 0;}
	
#sidebar2 ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;}

#sidebar2 ul ul li{
	padding: 0;
	line-height: 20px;}
	
.widget2 { 
 padding: 0;}

 /* Sidebars*/
 .sidebar { 	
 	background-color: #c1dde4; 	
 }

 #sidebar-first {
 	float: left;
 	width: 197px;
 	border-left: 1px solid #d5eff5;
 	border-right: 1px solid #98c6d1; 	
 }

 #sidebar-second {
 	float: left;
 	width: 179px;
 	border-left: 1px solid #d5eff5;
 }
					
/* ------------- Foot ------------- */
					

#footer{
	clear: both;
	float: left;
	text-align: center;
	color: #00749b;
	width: 960px;
	padding-top: 20px;}
	
#footer p{
	line-height: 18px;}