/*  
Theme Name: PlayReplay   
Description: Widget ready 3 column layout
Version: 1.0
Author: Mart Gordon/Ever Creative
Author URI: http://www.martgordon.com
Designer: Ever Creative
Designer URI: http://www.ever-creative.co.uk/
*/

* {
   padding:0;
   margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, hr {
    margin-bottom: 20px;
}

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body {
	background: #3787C5 url('_images/_backgrounds/main-bg.jpg') repeat-x top center;
	font-family: arial,helvetica,sans-serif;
	font-size: 62.5%;
	color: #5e5e5e;
	margin: 0px;
}

p {
  	font-size: 1em;
  	line-height: 1.5em;
	font-weight:bold;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

.footer p, .main-column p {
	font-size: 1.4em;
	margin-bottom: 2em;
}

.left-column p {
	font-size: 1.1em;
}

ul, dl {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

dt {
	float: left;
	height: auto;
	font-weight: bold;
	width: 200px;
}

dd {
	float: left;
	width: 400px;
	height: auto;
}

img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a img {
	border: none;
}

a {
	color: #ed9219;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

h1 {
font-size: 2.4em; 
margin: 0;
width: 995px;
height: 125px;
margin-bottom: 0;
font-family: arial, helvetica, sans-serif;
background: url(_images/_pf/logo.png) no-repeat;
text-indent: -9999em;
}
  
h2 {
font-size: 2em; 
margin: 0;
margin-bottom: 1em;
font-family: arial, helvetica, sans-serif;
}

h3 {
	margin-bottom: 1em;
}

h4 {
	margin-bottom: 1em;
	font-size: 1.2em;
}

hr {
width: 100%;
clear: both;
float: left;
margin: 0  0 1em 0;
height: 1px;
border: 0;
border-top: 1px solid #000;
}

/* ####### Main site area styling ####### */
/* ###################################### */

.wrapper {
clear: both;
position: relative;
margin: 0 auto;
width: 995px;
height: auto;
}

.masthead {
height: auto;
margin-top: 10px;
}

#logo {
position: relative;
top: 10px;
left: 0;
}

.navigation {
clear: both;
background: transparent url(_images/_navigation/navigation.gif) no-repeat top center;
height: 25px;
}

.navigation ul {
float: left;
list-style: none;
width: 825px;
height: 25px;
margin: 0;
padding: 0 85px;
text-indent: 0;
}

.navigation ul li {
float: left;
height: 25px;
}

.navigation ul li#home a, .navigation ul li#agile a, .navigation ul li#pro a, .navigation ul li#work a, .navigation ul li#contact a, .navigation ul li#blog a {
float: left;
height: 25px;
display: block;
text-indent: -9999em;
}

.navigation ul li#home a {
width: 100px;
}

.navigation ul li#agile a {
width: 195px;
}

.navigation ul li#pro a {
width: 180px;
}

.navigation ul li#work a {
width: 140px;
}

.navigation ul li#contact a {
width: 120px;
}

.navigation ul li#blog a {
width: 90px;
}

.navigation ul li#home a:hover, .navigation ul li#home a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -85px -25px;
}

.navigation ul li#agile a:hover, .navigation ul li#agile a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -185px -25px;
}

.navigation ul li#pro a:hover, .navigation ul li#pro a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -380px -25px;
}

.navigation ul li#work a:hover, .navigation ul li#work a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -560px -25px;
}

.navigation ul li#contact a:hover, .navigation ul li#contact a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -700px -25px;
}

.navigation ul li#blog a:hover, .navigation ul li#blog a:focus {
background: transparent url('_images/_navigation/navigation.gif') no-repeat -820px -25px;
}

/* ####### Content ###### */
/* ###################### */

.contentarea {
	clear: both;
	background: #3787C5 url(_images/_backgrounds/wrapper-top.gif) no-repeat top center;
	width: 955px;
	height: auto;
	padding: 46px 20px 0 20px;
}

.columns {
	clear: both;
	background: transparent url(_images/_backgrounds/columns.gif) repeat-y top center;
	width: 955px;
	height: 701px;
}

.left-column {
clear: both;
float: left;
width: 180px;
height: 691px;
margin-right: 8px;
padding: 10px 0 0;
}
.left-column ol {
	color: #ed9219;
	font-size: .9em;
	font-weight: bold;
	width: 153px;
	padding-left: 27px;
}
.left-column ol li {
	color: #ed9219;
	margin-bottom: 5px;
}

.left-column ol li a {
	color: #22547B;
}

.left-marg {
	margin-left: 10px;
}

.right-column {
float: right;
width: 160px;
height: 691px;
margin-left: 8px;
padding: 10px 10px 0;
}

.blog-teaser {
	clear: both;
	width: 160px;
	height: auto;
}

.blog-teaser img {
	margin-bottom: 1em;
}

.blog-teaser h4 {
	letter-spacing: 1px;
}

.blog-teaser h4 a {
	color: #5e5e5e;
}

.blog-teaser p {
	line-height: 1.2em;
}

.main-column {
float: left;
width: 539px;
height: 681px;
padding: 0 20px 20px 20px;
overflow: auto;
overflow-x: hidden;
}

.main-column h2 a {
	color: #5e5e5e;
}

div.hr { 
clear: both;
height: 43px;
width: 531px;
margin: 2em 4px 3em;
background: url(_images/_pf/divider.gif) no-repeat scroll center;
}

div.hr hr { display: none;}

/* ####### Footer ####### */
/* ###################### */

.footer {
	clear: both;
	position: relative;
	width: 955px;
	height: 82px;
	background: #22547B;
	border-left: 20px solid #3787C5;
	border-right: 20px solid #3787C5;
}

ul.footer-navigation {
	float: left;
	list-style: none;
	width: 596px;
	height: 22px;
	margin: 0;
	padding: 0 180px 0 179px;
	text-indent: 0;
	background: #ED9219 url('_images/_navigation/footernavigation.gif') no-repeat top center;
}

.footer-navigation li {
float: left;
height: 22px;
}

.footer-navigation li#f-home a, .footer-navigation li#f-agile a, .footer-navigation li#f-pro a, .footer-navigation li#f-work a, .footer-navigation li#f-contact a, .footer-navigation li#f-blog a {
float: left;
height: 22px;
display: block;
text-indent: -9999em;
}

.footer-navigation li#f-home a {
width: 74px;
}

.footer-navigation li#f-agile a {
width: 140px;
}

.footer-navigation li#f-pro a {
width: 129px;
}

.footer-navigation li#f-work a {
width: 100px;
}

.footer-navigation li#f-contact a {
width: 88px;
}

.footer-navigation li#f-blog a {
width: 65px;
}

.footer-navigation li#f-home a:hover, .footer-navigation li#f-home a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat 0px -22px;
}

.footer-navigation li#f-agile a:hover, .footer-navigation li#f-agile a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat -74px -22px;
}

.footer-navigation li#f-pro a:hover, .footer-navigation li#f-pro a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat -214px -22px;
}

.footer-navigation li#f-work a:hover, .footer-navigation li#f-work a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat -343px -22px;
}

.footer-navigation li#f-contact a:hover, .footer-navigation li#f-contact a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat -443px -22px;
}

.footer-navigation li#f-blog a:hover, .footer-navigation li#f-blog a:focus {
background: transparent url('_images/_navigation/footernavigation.gif') no-repeat -531px -22px;
}

.footer ol {
	list-style: none;
	width: 180px;
	height: auto;
	position: absolute;
	right: 0;
	top:30px;
	color: white;
	font-weight: bold;
}

#f-logo {
	position: absolute;
	top: 45px;
	left: 20px;
}

#f-strap {
	position: absolute;
	top: 35px;
	left: 270px;
}

.f-cont2 {
	display: inline;
	position: absolute;
	top: 58px;
	right: 0;
	width: 180px;
}

.copyright {
	clear: both;
	background: #3787C5;
	color: white;
	font-weight: bold;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

/* ####### Sundry styles ####### */
/* ############################# */

.personnel {
	position: relative;
	float: left;
	margin-bottom: 2em;
}

.personnel p {
font-size: 1.2em;	
}

.personnel h3 {
	font-size: 1.4em;
	font-weight: bold;
}

.personnel h3 span {
	color: #ED9219;
}

.personnel p.likes {
	color: #ED9219;
}

.personnel img {
	float: left;
}

p.lead-in {
	margin-bottom: .5em;
}

h2.widgettitle {
	display: none;
}

.left-column ul {
	list-style: none;
}

#subnav {
	border-top: 2px solid #3787c5;
	font-weight: bold;
}

#subnav li {
	clear: both;
	width: 180px;
}

#subnav li a {
	clear: both;
	width: 150px;
	display: block;
	padding: 5px 0 5px 30px;
	background: transparent url('_images/_pf/bullet-norm.gif') no-repeat 5px 5px;
	border-bottom: 2px solid #3787c5;
}

#subnav li a:hover, #subnav li a:focus {
	background: transparent url('_images/_pf/bullet-over.gif') no-repeat 5px 5px;
}

.backForth {
	position: relative;
	width: 539px;
	height: 1.1em;
	margin-bottom: 1em;
	font-size: 1.1em;
}

.backForth a {
	color: #0188C8;
}

.backForth .alignleft {
	position: absolute;
	left: 0;
	width: auto;
	text-align: left;
	display: block;
}

.backForth .alignright {
	position: absolute;
	right: 0;
	width: auto;
	text-align: right;
	display: block;
}

.twtr-doc {
overflow:hidden;
width:100%;
text-align:left;
font-weight:normal;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
border-radius:0px !important;
}

#twtr-profile-widget p {
font-weight: normal;
font-size: 1em;
line-height: 1.3em !important;
}