/*
Theme Name: StoryPhones
Theme URI: http://www.storyphones.co.uk/
Description: StoryPhones default theme.
Version: 1.0
Author: Timothy Borrowdale
Author URI: http://www.ameeca.co.uk
*/

html{
	font-size:100%;
	
}
body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	background-color: #cde7f5;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: black;
	height:100%;
	}
img{
border:0;
}

p {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size:0.819em;
	color:#575757;
	line-height:1.6em;
	padding-bottom:0.6em;
	text-align:left;
}

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


a:hover, a:active {
    color: #09afed;
	text-decoration: none;
	} 

.pagetitle {
color: black;
}

/*-------------------------------------------------*/
#form1{
text-align:left;

}
#nav-container{
	width:100%;
	height:8.2em;
	background-image:url(../../../../assets/header-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#cde7f5;
}
#header{
	width:960px;
	height:7.875em;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#primary-nav{
	position:absolute;
	bottom:0;
	left:0;
	
	}
#primary-nav ul{

list-style: none;
padding: 0;
padding-left: 20px;
margin: 0;

}

#primary-nav li
{
font-size:1em;
font-weight:bold;
float: left;
margin: 0 0.25em;
height: 52px;
line-height: 2.8em;
padding:0 1em 0 1em;
text-decoration: none;
text-align: center;
padding-bottom:0em;
background-color:transparent;
color:#f67d0c;
border:none;

}
#leftimg{
height:43px;
width:10px;
float:left;
background-image:url(../../../../assets/primary-nav-tab-on-left.gif);
background-position:top left;
background-repeat:no-repeat;
}
#rightimg{
height:43px;
width:10px;
float:left;
background-image:url(../../../../assets/primary-nav-tab-on-right.gif);
background-position:top left;
background-repeat:no-repeat;
}
#tab-on{
float:left;
height: 45px;
line-height: 2.7em;
padding:0em 1em 0em 1em;
color:#016ebc;
background-color:#cde7f5;
border-top:2px solid #6cabd8;
margin-top:0em;
}
#animatedlogo{
width:248px;
height:73px;
float:left;
background-image:url(../../../../assets/logo.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header-container{
width:100%;
background-color:#cde7f5;
}
#home-header{
background-color:#016ebc;
width:960px;

margin-left:auto;
margin-right:auto;
position:relative;
}

#home-header-text{
float:left;
width:30em;
}
#home-header-text p{
color:#FFFFFF;
font-size:1.008em;
font-weight:bold;
line-height:1.2em;
padding-left:3px;
}
#header-speech-tail{
position:absolute;
top:-25px;
width:23px;
height:25px;
background-image:url(../../../../assets/primary-nav-speech-tail.gif);
background-position:top left;
background-repeat:no-repeat;
}
.support-speech-tail{
left:760px;
}
#home-header-left-section{
float:left;
width:10px;
height:190px;
background-image:url(../../../../assets/home-header-left-bg.gif);
background-position:top;
background-repeat:no-repeat;
}
/*-------------------------------------------------*/

#content-header{
background-color:#016ebc;
width:960px;
height:7.25em;
margin-left:auto;
margin-right:auto;
margin-bottom: 5px;
position:relative;
background-position:right top;
background-repeat:no-repeat;
text-align:left;
background-image:url(../../../../assets/header-bg-1.jpg);

}
#testimonial{
width:452px;
height:5.67em;
background-image:url(../../../../assets/testimonials-bg.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin:0.75em 0 0 0.75em;
padding:0.75em 0 0 2em;
font-size:1em;
}
#testimonial p{
font-size:0.9em;
color:#FFFFFF;
line-height:1.2em;
padding-right:4em;
}

#content-header img{
padding-top:9px;
padding-left:3px;
float:left;
}
#content-header-left-section{
float:left;
width:10px;
height:116px;
background-image:url(../../../../assets/content-header-left-bg.gif);
background-position:top;
background-repeat:no-repeat;
}

div.intro {
float: left;
width: 480px;
padding: 10px;
color: white;
font-size: 14px;
}

#searchform {
margin-top: 20px;
}

#searchform label {
color: white;
font-size: 12px;
}

#searchform div {
display:inline;
}

/*------------------------------------------------*/


.page {
	width: 960px;
	margin: 0 auto;
margin-bottom: 5px;
}

.left {
	float: left;
	width: 230px;
        margin-top: 8px;
}

.clearer {
	width: 100%;
	height: 1px;
	padding-top: -1px;
	clear: both;
}

.hr{
	border: 0px;
  	width: 100%;
  	height: 0.8em;
	background-image:url(../../../../assets/hr-line.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:0em;
	padding-top:0em;
	float:left;
}



/*------------------------------------------------*/
 

.pagetitle {
color: black;
}

.post {
margin: auto;
width: 690px;
color: black;
}

.post_meta {
float:left;
width: 125px;
text-align: left;
margin-bottom: 10px;
font-size: 12px;
}

.post_meta div.meta_info div {
padding-bottom: 2px;
padding-left: 10px;
border-bottom: 1px solid #EAEAEA;
}

.post_meta div.meta_info div:hover {
background-color: #EAEAEA;
}

.postavatar {
padding: 0px;
text-align: center;
clear:both;
}

#post_date {
text-align: center;
border-bottom: 1px solid #AAA;
padding: 0px;
padding-bottom: 3px;
}

#post_date span.day {
font-size: 18px;
font-weight: bold;
}

#post_date span.month {
font-size: 14px;
font-weight: bold;
text-transform: lowercase;
}

#post_date span.year {
font-size: 14px;
}

.nextpost{
float: right;
padding: 0px 3px 0px 3px;
}

.homelink {
float: left;
}

.post_content {
float:left;
width: 550px;
}

.entry {
padding: 5px;
}

.comment-author {
text-align: left;
margin-bottom: 10px;
}

.comment-edit-link {

display: block;
float: right;
}

div.comment {
padding: 5px;
}

/*------------------------------------------------*/


#content-page-content-panel{
float:left;
width:690px;
min-height: 500px;
padding:0 20px 10px 20px;
background-color:#FFFFFF;
/*min-height:60em;
 	 height:auto !important;
 	 height:60em;*/
}

#content-page-content-panel h2 {
text-align: left;
}

#content-page-content-panel-top{
float:left;
width:730px;
height:10px;
background-image:url(../../../../assets/content-panel-top-bg.gif);
background-position:top left;
overflow: hidden;
}

#content-page-content-panel-bottom{
float:right;
width:730px;
height:10px;
background-image:url(../../../../assets/content-panel-bottom-bg.gif);
overflow: hidden;
}




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

#sidebar h2 {
	background: url('../../../../assets/tab.png') no-repeat;
	padding: 7px;
	color: white;
	margin: 0px;
text-align: right;
text-transform: uppercase;
height: 20px;
}

#sidebar ul li p {
text-align: right;
width: 220px;
background-color: #67A8D7;
color: white;
margin-top: 5px;
margin-bottom: 5px;
padding:5px
}


#sidebar ul li p a {
color: white;
font-weight: bold;
}

#sidebar ul li p a:hover {
text-decoration: underline;
}

#sidebar ul li ul li {
display: inline;
}

#sidebar ul li ul {
background: url('../../../../assets/blogminicat.png') repeat-y right;
}

#sidebar ul li ul li a {
	width: 200px;
	text-align: right;
	padding-right:7px;
	margin-left: 23px;
background: url('../../../../assets/blogminicat.png');
height:20px;
display: block;
}

#sidebar ul li ul li a:hover {
color: white;
background-image: none;
background-color: #F67D0C;
}

#sidebar ul li ul li.bottom {
width:230px;
height:9px !important;
line-height:9px;
max-height: 9px;
background: url('../../../../assets/tabbot.png');
margin: 0px;
padding: 0px;
display: block;
}



#sidebar ul li ul li.bottom:hover {
background: url('../../../../assets/tabbot.png');
background-color: none;
}

/*-----------------------------------------------*/
#footer-container{
width:100%;
background-color:#cde7f5;
}
#footer{
width:960px;
height:2.55em;
background-color:#67a8d7;
margin-left:auto;
margin-right:auto;
}
#footer-inner-left{
float:left;
height:2.583em;
width:8px;
background-image:url(../../../../assets/footer-left.gif);
background-repeat:no-repeat;
background-position:top left;
}
#footer-inner-right{
float:right;
height:2.583em;
width:8px;
background-image:url(../../../../assets/footer-right.gif);
background-repeat:no-repeat;
background-position:top left;
}
#footer p{
padding-top:0.7em;
padding-left:5px;
float:left;
color:#FFFFFF;
}
#footer a:link, #footer a:visited{
text-decoration:underline;
color:#ffc933;
}
#footer a:hover, #footer a:active{
color:#ffe18e;
}
/*-------------------------------------------------*/