/*
Theme Name: Frank in Blue
Theme URI: http://bloggingly.com
Description: Custom Wordpress Theme for Frank O' Keeffe
Version: 1.0
Author: Richard Fang, bloggingly
Tags: Framework, Two Column, Tweakable
*/

/* Import */
@import url('reset.css');


/* Global Styling & Typography
---------------------------------------------------------------------------------*/
body{
	font-family:arial;
	font-size:14px;
	color:#3a3a3a;
	line-height:1.5;
	background:url(images/footer-bg.png) bottom repeat-x #f2f2f2;
}

a, a:visited, a:hover{
	color:#09588b;
	text-decoration:none;
}

.content a:hover{
	text-decoration:underline;
}


/* Header
---------------------------------------------------------------------------------*/
#header-wrapper{
	width:100%;	height:461px;
	background:url(images/images.png) center -5px no-repeat #125784;
}

#header-wrap{
	width:960px;height:458px;
	margin:0 auto;
}

#header{
	width:640px; height:365px;
	float:right;
}

#top-nav{
	width:640px; height:38px;
	float:right;
	padding:59px 0 0 0;
}

#top-nav li{
	display:inline;
	margin:0 0 0 40px; padding:0 0 20px 0;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}

#top-nav li span{
	margin:0; padding:0;
	float:left;
}

#top-nav li.current_page_item{
	background:url(images/main-nav-active-state.png) center bottom no-repeat;
}

#top-nav.current_page_single li.page-item-82{
	background:url(images/main-nav-active-state.png) center bottom no-repeat;
}

#top-nav li a{
	color:#b0e0fe;
	text-shadow:1px 1px 2px #000;
}

#top-nav li.current_page_item a{
	color:#fff;
}

a#site-icon{
	float:left;
	width:410px; height:81px;
	margin:35px 0 0 35px;
	text-indent:-9999999px;
}

#call-to-action{
	float:left;
	margin:60px 0 0 35px;
}

#upcoming-courses{
	margin:0 16px 0 0;
	width:273px; height:132px; float:left;
	background:url(images/images.png) 0 -768px no-repeat;
	text-indent:-9999999px;
}

#upcoming-courses:hover{
	background:url(images/images.png) -273px -768px no-repeat;
}

#tennis-tips{
	margin:0;
	width:273px; height:132px; float:left;
	background:url(images/images.png) 0 -636px no-repeat;
	text-indent:-9999999px;	
}

#tennis-tips:hover{
	background:url(images/images.png) -273px -636px no-repeat;	
}

p#page-type{
	font-size:11px; font-weight:bold;
	color:#fff;
	float:left;
	width:553px;
	margin:34px 0 -5px 40px; padding:5px 0 5px 10px;
}

/* Body
---------------------------------------------------------------------------------*/
#body{
	width:960px;
	margin:0 auto;
}

#body:after{ 
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;

}

/* Article
--------------------------------------------------------------------*/
#article{
	width:630px;
	float:right;
	margin-top:-1px;
}

#article-single{
	width:630px;
	float:right;
	z-index:80; position:relative;
	margin:-200px 0 0 0;
}

.single .post{
	padding-top:10px;
}

.post{
	width:560px;
	margin:0 10px 0 0; padding:30px;
	background:#fff;
}

#article-single .post{
	padding-top:10px;
}

.post-title{
	float:left;
	width:425px;
	font-size:25px; letter-spacing:-1px; text-transform:uppercase; 
	margin:0 0 10px 0;
}

.post-title span{
	margin:0 0 5px 0;
}

.comment-popup{
	width:160px; height:23px;
	float:left;
	background:url(images/images.png) -547px -636Px no-repeat;
	margin:-6px -40px 0 0; padding:12px 0 0 15px;
	font-weight:bold;
}

.comment-popup a{
	color:#fff;
}

.post-author{
	width:560px;
	float:left;
	font-size:12px;
	background:url(images/dotted.png) bottom repeat-x;
	padding:0 0 10px 0;
}

.post-author a{
	font-weight:bold;
}

.content{
	padding:25px 0;
	background:url(images/dotted.png) bottom repeat-x;
	float:left;
	width:560px;
}

.single .content{
	border-bottom:none;
}

a.more-link{
	width:128px; height:36px;
	background:url(images/images.png) -547px -715px no-repeat;
	text-indent:-99999px;
	float:left;
	margin:30px 0 0 0;
}

.post-navigation{
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;	-webkit-border-bottom-left-radius:5px;
	background:#fff;	
}

.post-navigation .next-page a{
	color:#bababa; background:url(images/images.png) 100px -942px no-repeat; 
	float:right; margin:0 -40px 0 0;
	padding:16px 52px 14px 0; 
	font-weight:bold;
	}

.post-navigation .previous-page a{
	color:#bababa; background:url(images/images.png) -2480px -928px no-repeat;
	float:left; margin:0 0 0 -40px;
	padding:16px 0 16px 52px; 
	font-weight:bold;
	}

/* Post Styling
--------------------------------------------------------------------*/
.content h1 {font-size:25px; margin:25px 0 10px 0; color:#09588b;}
.content h2 {font-size:20px; margin:25px 0 10px 0; color:#09588b;}
.content h3 {font-size:16px; margin:25px 0 10px 0; color:#383838;}
.content h4 {font-size:14px; margin:25px 0 10px 0; color:#09588b;}
.content h5 {font-size:10px; margin:25px 0 10px 0; color:#09588b;}
.content h6 {font-size:8px; margin:25px 0 10px 0; color:#09588b;}

.content p	{margin:0 0 20px 0;}
.content blockquote	{background:#F2F2F2; padding:10px 10px 5px 30px; margin:0 0 10px 0; border-left:10px solid #AFAFAF;}
.content br					{margin:0 0 20px 0;}

.content ul	{padding:0 0 0 20px; margin:0 0 20px 0;}
.content ul li{padding:10px 0 10px 40px; border-bottom:1px dotted #5081A9; background:url(images/images.png) -1213px -673px no-repeat;}
.content ol	{padding:0 0 0 20px; margin:0 0 20px 0;}
.content ol li{padding:10px 0 10px 20px; border-bottom:1px dotted #09588b; list-style:decimal inside; font-size:16px; font-weight:bold; color:#09588B;}
.content ol li span {font-weight:normal; font-size:14px; color:#3a3a3a; margin:0;}

.content p img {padding:5px; background:#e0e0e0;}

/* single.php
--------------------------------------------------------------------*/
.single-category	{
	color:#0A5083; 
	float:left; width:560px;
	font-weight:bold; font-size:13px;
	margin:0 0 5px 0; 
	}

.single-category span{
	float:left;
	margin:0 10px 0 0
}
	
.single-category a{
	background:url(images/images.png) -947px -641px  #C2E1F6; 
	padding:2.5px 10px; margin:0 10px 0 0;
	float:left;
}
	
.single-category a:after{
	content: "";
	height:25px; width:6px;
	float:right;
  background:url(images/images.png) -941px -641px no-repeat;
  margin: -2.5px -10px -2.5px 5px;
}	

	

/* contact, page.php
--------------------------------------------------------------------*/
.contactform{
	background:#D3E9F7;
	-moz-border-radius:5px;	-webkit-border-radius:5px;
	padding:30px 0;	
	font-weight:bold;
	color:#075993;
}

.contactform input{
	width:330px; height:18px;
	border:1px solid #B5D0E3;
	padding:7px 5px;
}

.contactform textarea{
	width:330px; height:100px; padding:5px;
	border:1px solid #B5D0E3;
}

.contactform #contactsubmit{
	width:100px; height:40px; float:right;
	margin:0 30px 0 0;
	background:url(images/images.png) -547px -792px no-repeat; border:0;
	text-indent:-9999999px;
}


/* archive.php
--------------------------------------------------------------------*/
#page-title{
	width:560px; margin:0 0 30px 30px;
	font-size:25px; text-transform:uppercase;
}


/* comments.php
--------------------------------------------------------------------*/
h2#comment-title{
	padding:10px 35px; margin:17px 10px 0 0;
	font-size:15px;
	background:url(images/images.png) -547px -671px no-repeat #BAD5E6; color:#fff;
}

h2#comment-title span{
	color:#08588B;
}

ol.comment-list{
	margin:0 10px 0 0;
	font-size:12px;
}

li.comment{
	margin:10px 0 0 0;
	background:url(images/images.png) -620px -1240px no-repeat #DCE9F1;
}

li.comment:after{
	 content: "";
	 height:5px;
   display: block;
   clear: both;
   bottom:0;
   background:url(images/images.png) -620px 0 no-repeat #444;
}

li.comment.comment-author-admin{
	background:url(images/images.png) -1240px -1240px no-repeat #F4E8C7;
}

li.comment.comment-author-admin:after{
   background:url(images/images.png) -1240px 0 no-repeat #F4E8C7;	
}

.comment-avatar{
	float:left;
	padding: 30px 60px 30px 30px;
	background:url(images/images.png) -2388px -1140px no-repeat;
}

li.comment img.avatar{
	background:#333;
	float:left;
	width:70px; height:70px;
}

.comment-metadata{
	float:left;
	margin:30px 30px 5px 0;
	color:#09588b;
}

.comment-metadata span{
	font-weight:bold; font-size:14px;
}

.comment-content{
	float:left; 
	width:400px;
	margin:0 30px 30px 0;
}

#respond{
	width:620px;
	margin:22px 0 0 0;
	background:url(images/images.png) 0 -1167px no-repeat #fff;
	padding-bottom:25px;
}

#respond:after{
	content: "";
	height:25px; width:620px;
  display: block;
  bottom:0;
  float:right;
  background:url(images/images.png) -1860px 20px no-repeat;
}

#logged-in-id{
	margin:0 0 20px 35px;
}

#add-comment-title{
	font-size:22px;
	color:#09588b; background:url(images/images.png) -1918px -984px no-repeat;
	padding:30px 0 25px 35px; margin:0 0 25px 0;
}

#respond input{
	width:380px; height:15px;
	border:1px solid #d1e4f0; 
	margin:0 0 25px 0; padding:10px;
}

#respond #submit{
	width:98px; height:41px;
	background:url(images/images.png) -547px -751px no-repeat; color:#fff; border:0;
	margin:20px 0 0 496px;
	font-weight:bold; font-size:22px; text-indent:-9999999px;
}

#respond textarea{
	width:380px;
	height:105px;
	border:1px solid #d1e4f0;
	padding:10px;
	font-family:arial; font-size:14px;
}

#respond label{
	width:155px;
	padding:4px 0 0 35px;
	font-weight:bold;
	float:left;
	color:#7A96A8;
}

/* Sidebar
--------------------------------------------------------------------*/
#sidebar{
	width:330px;
	float:left;
}

#searchform{
	background:url(images/images.png) -2460px -1064px no-repeat #fff;
	padding:9px 20px 9px 60px; margin:20px 0 0 0;	
}

#s{
	border:0;
	width:216px; height:17px;
	background:url(images/images.png) -2280px -1111px no-repeat;
	font-size:12px; color:#505050;
	padding:6px 12px;
}

li.widget{
	margin:0 35px 35px 20px;
	background:url(images/widgettitle-border.png) 0 50px no-repeat;	color:#5c5c5c;
	font-size:12px;
}

h2.widgettitle{
	font-size:18px; text-transform:uppercase; font-weight:bold;
	color:#09588b; background:#333;
	padding:12px 0 12px 40px; margin:0 0 10px 0;
	background:url(images/widgettitle-border.png) center bottom no-repeat;	
}

li.widget_about{
	float:left;
	background:url(images/widgettitle-border.png) left bottom no-repeat;	
}

li.widget_about h2.widgettitle{
	background:url(images/images.png) -2491px -835px no-repeat;
	margin:10px 0 0 0;
}

li.widget_about span.about-content{
	float:left;
	padding:15px 0 0 0;
	margin:10px 0 20px 0;
	background:url(images/widgettitle-border.png) left top no-repeat;	
}

.widget_about img{
	margin:0 10px 10px 0;
}

.widget_about p{
	margin:0 0 10px 0;
}

li.widget_testimonial{
	float:left; width:275px;
}

.widget_testimonial h2.widgettitle{
	background:url(images/images.png) -2491px -643px no-repeat;
}

.widget_testimonial h2.widgettitle span{
	background:transparent;
	padding:0; margin:0;
	border:0;
	float:none;
}

.widget_testimonial ul{
	float:left;
	padding:0 0 20px 0;	
	background:url(images/widgettitle-border.png) left bottom no-repeat;	
}

.widget_testimonial ul li{
	float:left; width:260px;
	font-size:12px;
	margin:0 0 20px 0;
	position:relative;
}

.widget_testimonial a{
	float:left;
	background:url(images/images.png) 0 -986px no-repeat;
	padding:10px 0 0 50px; margin:0 0 0 0; 
	color:#696969; 
	font-weight:bold; font-size:13px;
	position:absolute; bottom:-22px; left:0; right:0;
}

.widget_testimonial span{
	padding:15px; float:left; width:230px;
	background: url(images/images.png) -1860px -1240px no-repeat #fff;
}

li.widget_single_categories{
	float:left; width:275px;
}

.widget_single_categories h2.widgettitle{
	background:url(images/images.png) -2491px -690px no-repeat;
}

.widget_single_categories ul{
	padding:5px 0 10px 40px;
	float:left; width:225px;
	background:url(images/widgettitle-border.png) left bottom no-repeat;	
}

.widget_single_categories li{
	padding:5px 0 5px 25px;
	background:url(images/images.png) -2504px -740px no-repeat;
}

.widget_single_categories a{
	color:#5e5e5e;
	font-weight:bold; font-size:14px;
}

li.aktt_widget{
	float:left; width:275px;
}

.aktt_widget h2.widgettitle{
	background:url(images/images.png) -2490px -783px no-repeat;
}

.aktt_widget li{
	padding:20px 15px; width:232px;
	background:url(images/sidebar-dotted.png) bottom repeat-x;
}

.aktt_widget li:first-child{
	border:none;	
}

.aktt_widget li:after{
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

a.aktt_tweet_time{
	width:240px;
	margin:20px 0 0 0;
	float:left;
	font-style:italic;
	color:#5c5c5c;
}

a.sidebar-more-link{
	padding:8px 0 1px 15px;
	background:url(images/images.png) -834px -640px #09588B;
	text-transform:uppercase; font-weight:bold;
	color:#fff;
	float:left;	
}

a.sidebar-more-link:after{
	 content: "";
	 height:25px; width:5px;
	 margin:-8px 0 -1px 10px;
   display: block;
		float:right;
   background:url(images/images.png) -829px -640px no-repeat;
}

.widget_about a.sidebar-more-link{
	margin:5px 0 0 0 ; 
	float:left;
}

.aktt_widget a.sidebar-more-link{
	margin:15px 0 0 0;padding-bottom:2px;
}

/* Footer
---------------------------------------------------------------------------------*/
#footer-wrap{
	width:100%;
	background:url(images/images.png) center -466px no-repeat;
}

#footer{
	width:960px; height:170px;
	margin:75px auto 0 auto;
}

#bottom-nav{
	float:right;
	width:630px;
	padding:57px 0 59px 0; margin:0 0 0 0;
	font-size:13px; text-transform:uppercase; font-weight:bold;
}

#bottom-nav li{
	float:left;
	display:inline; 
	margin:0 0 0 48.5px;
}

#bottom-nav li:first-child{ 
	margin:0 0 0 10px;
}

#bottom-nav li span{
	margin:0; padding:0;
	float:none;
}

#bottom-nav a{
	color:#b0e0fe;
}

#bottom-nav li.current_page_item a{
	color:#fff;
}

#footer-logo{
	float:left;
	background:url(images/images.png) -675px -715px no-repeat;
	width:238px; height:68px;
	margin:35px 0 0 30px;
	text-indent:-9999999px;
}

#copyright{
	color:#fff; 
	font-size:11px; text-align:right;
	width:930px;
	float:left;
	padding:6px 10px 5px 10px;
	margin-top:7px
}

#copyright span a{
	color:#fff;
}

#copyright span a:hover{
	text-decoration:underline;
}

/* Images
---------------------------------------------------------------------------------*/
p img						{padding:0; max-width:100%;}
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;}


/* Caption
---------------------------------------------------------------------------------*/
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption 		{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;	margin: 10px;	-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;}