/*  
Theme Name: Therapy
Version: 1.0.2
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

/* Styles for rounded corners are located in css/effects.css */

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-down menus
-2.4 Intro
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 PageNavi

4. WIDGETS
-4.1 Social Media Box
-4.2 Tabber

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

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



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	font: 14px;
    font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif;

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:lighter;
color: fff;
	line-height: 1.5;  /*unitless for proper inheritance*/
    }

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
	color: #111;
    text-shadow:1px 1px 0 #FFFFFF;
}
h2.new {
font-size : 2em;
color: #444;
}

h1  {
font-size: 38px;
} 
h2  {
color:#333;
font-size:1.7em;
} 
h3  {
color: #444;
font-size: 1.7em;
}
h4  {
font-size: 24px;} h5  {font-size: 18px;} h6  {font-size: 12px;}

p  {margin: 12px 0;}

/* 1.2 Hyperlinks */

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

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	text-decoration: none;
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {
text-decoration: underline;
color:#FF3366;

}



/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

.inner  { position: relative; width: 900px; margin: 0 auto; }
#bg  { height: 100%; }
#container  {
	width: 940px;
	margin: 0 auto;
}

/* 2.2 Header */

#header  { /*background:none repeat scroll 0 0 #FFFFFF;*/ }
#header #left h1, #header #left h2  { display: none; }

.logo { display: inline-block; margin: 15px 0; 


}
a.qbert {
background:url("http://www.mattbridgeman.co.uk/portfolio/grey-qbert-small.jpg") no-repeat scroll 0 0 #fff;
height:160px;
width: 202px;
overflow:hidden;
}
a.qbert:hover {
background:url("http://www.mattbridgeman.co.uk/portfolio/qbert-small.jpg") no-repeat scroll 0 0 #fff;
}
a.logo {
background:url("images/matt-home-head.png") no-repeat scroll 0 0 transparent;
float:left;
height:150px;

overflow:hidden;
text-indent:-9999em;
width:677px;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
a.logo:hover {
 filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#left  { 
margin:0 auto;
overflow:hidden;
padding:0 0 20px;
width:677px;
}


.latest_twitter  {
	position: relative;
	float: right;
	width: 250px;
	margin: 20px 0;
	font-size: 12px;
	color: #fff;
}
.latest_twitter a:link, .latest_twitter a:visited  { color: #fff!important; }
.latest_twitter .twitlink  { position: absolute; top: 0; left: -40px;}

/* 2.3 Navigation */

#navigation {
background:none repeat scroll 0 0 #1F1F1F;
height:40px;
padding-bottom:5px;
}

#nav2, #nav2 ul {
	z-index: 100;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav2 li {
	float: left;
	position: relative;
}

#nav2 a:link, #nav2 a:visited {
	color:#FFFFFF;
display:block;
font-size:1.2em;
line-height:37px;
padding:5px 10px 0;
text-transform:uppercase;
z-index:100;
}

#nav2 .current_page_item a, #nav2 a:hover  {
	text-decoration: none;
    color: #ff3366;
}

#subscribe  {
	position: absolute;
	top: 0;
	right: 0;
    padding-top:3px;
    padding-right:15px;
}

#subscribe a:link,
#subscribe a:visited  {
	padding: 0 0 0 20px;
	line-height: 39px;
	text-transform: uppercase;
	color: #fff;
	background: url(images/ico-rss.png) no-repeat left center;
}

#subscribe a:hover  {}

/* 2.3 Drop-down menus */

#nav2 li ul {
	position: absolute;
	width: 170px;
	left: -999em;
}

#nav2 li ul li { width: 170px; line-height: 18px; margin: 0 0 1px 0; border-style: solid; background-color: #444444;	background: rgba(52, 49, 49, 0.6); }
#nav2 li ul li a:link, #nav2 li ul li a:visited { display: block; width: 160px; padding: 5px 5px; line-height: 18px; font-size: 12px; }
#nav2 li ul ul {	margin: -23px 0 0 170px; }
#nav2 li:hover ul, #nav2 li.sfhover ul { left: auto; }
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul { left: -999em; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav2 li:hover, #nav2 li.hover { position: static; } /* IE7 Fix */

/* 2.4 Intro */

#intro  {
	float: left;
	width: 880px;
	padding: 30px;
	color: #e8e8e8;
	background-color: #292626;
	background: rgba(38, 41, 41, 0.6)
}

#intro  { float: left; margin: 0; overflow: hidden; }
#intro h2  { line-height: 30px; color: #fff; }
#intro p  { margin: 20px 0 0 0;}

#intro .ads, #intro .gravatar  {
	float: right;
	margin: 0 0 0 30px;
	padding: 24px;
	overflow: hidden;
	background-color: #242121;
	background: rgba(36, 33, 33, 0.3);
}

#intro .ads .left  { margin-right: 9px; }
#intro .ads .right  { margin-left: 9px; }


/* 2.5 Content */

#main  {
-moz-box-shadow:1px 1px 7px #888888;
-webkit-box-shadow: 1px 1px 7px #888;
background:none repeat scroll 0 0 #FFFFFF;
float:left;
padding:30px;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius:  10px;
-webkit-border-top-right-radius: 10px;
}

#content  { float: left; width: 610px; margin: 0 20px 20px 0; overflow: hidden; }
#content.fullwidth  { width: 850px; }


/* 2.6 Sidebar */

#sidebar  { float: left; width: 250px; overflow: hidden; }

/* 2.7 Footer */

#extended_footer {
	width: 880px;
	padding: 30px;
	float: left;
	background-color: #302D2D;
	border-bottom: 1px solid #363232;
}

#extended_footer .col1, 
#extended_footer .col2,
#extended_footer .col3 { float: left; overflow: hidden; width: 280px; margin: 0 20px 0 0; }

#extended_footer .col1, #extended_footer .col2  { width: 279px; border-right: 1px solid #424242; }
#extended_footer .col3 { margin-right: 0px !important; }

#extended_footer .widget  { margin: 0 0 30px 0; }
#extended_footer .widget h3  { background: none; padding: 15px 0!important; }
#extended_footer .widget ul li  { background: none; }
#extended_footer .widget ul li a:hover  { color: #a1a1a1!important; }
#extended_footer .widget ul li a:link, #extended_footer .widget ul li a:visited  { padding: 2px 0 2px 0!important; border-bottom: 0!important; background: none!important; }

#extended_footer .textwidget, #extended_footer #latest-video .wrap, #extended_footer #flickr .wrap, #extended_footer #searchform, #extended_footer .widget_tag_cloud div, #extended_footer .widget ul, #extended_footer #adwidget .adwrap  {
	padding: 0!important;
	background-color: transparent;
}

#extended_footer .widget_recent_comments li  { padding: 2px 0 2px 0!important; border-bottom: none!important; background: none; }
#extended_footer #searchform #s  { width: 195px; }

#footer  {

	width: 880px;
	margin:0 auto;
	padding: 15px 30px;
	font-size: 12px;
	color: #fff;
	background-color: #292626;
}

#footer a:link,
#footer a:visited  {
	color: #00CCFF;
}
#footer a:hover {
color: #ff3366;
}
#footer .copyright  { float: left; margin: 0; }
#footer .credit  { float: right; margin: 0; }
#footer .credit img  { vertical-align: middle; }


/*-----------------------------*/
/* 3. POSTS */
/*-----------------------------*/

#breadcrumbs  {
	padding: 10px 30px;
	color: #e8e8e8;
	background-color: #292626;
}

#breadcrumbs p  { margin: 0; }

h3.catheading  { margin: 0 0 20px 0; text-transform: uppercase; font-size: 20px; }

.post  {
	margin: 0 0 30px 0;
	border-bottom: 1px dotted #999999;
}
.post2  {
	border-bottom: 1px dotted #999;
}

.meta  { margin: 0 0 20px 0;}

.meta span  {
	margin: 0 3px 0 0;
	padding: 6px 8px;
	font-size: 11px;
	color: #fff;
	background-color: #373434;
}

.meta .date  {
	padding-left: 27px;
	background: #373434 url(images/ico-date.png) no-repeat 5px center;
}

.meta .comments a:link,
.meta .comments a:visited  {
	padding-left: 25px;
	color: #fff;
}

.post h2.title  { margin: 0 0 18px 0; line-height: 34px; }
.post h2.title a:link, .post h2.title a:visited  {}
.post h2.title a:hover { text-decoration: none; }

.post .video {
	margin: 0 0 20px 0;
	border: 5px solid #e0e0e0;
}

.entry  {

}

.post .tags  {
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
	color: #373434;
}

.tags a:link,
.tags a:visited  {
	
}

/* 3.1 Typographic Elements */

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
	margin: 0 0 18px 0;
}

.entry p  { margin: 0 0 18px 0; }

.entry blockquote  { padding: 10px 30px; margin: 0 0 18px 0; color: #666; }
.entry blockquote p  { margin: 0; }

.entry ul  { margin: 0 0 18px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  { list-style-type: circle; }
.entry ul li ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 18px 0; padding: 0 0 0 30px; }
.entry ol ol  {	margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */

.entry img  {
	border: 4px solid #bbb;
}
.entry img: hover  {
	border: 4px solid #ff3366;
}
.entry .wp-caption {
	padding: 1px;
	background:#F8F8F4;
	border: solid 1px #e6e6e6; 
	text-align:center;
}

.entry .wp-caption img { border: none; }

img.wp-smiley  {
	padding: 0;
	border: none;
}

.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}

.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}

.entry .aligncenter  {
	text-align: center;
}

/* 3.3 PageNavi */

div.Nav2  {
	margin: -20px 0 0 0;
	padding: 0 0 7px 0;
	text-align: center;
	border-bottom: 1px dotted #c2c2c2;
}

.Nav2 strong.on  {
	padding: 5px 10px 5px 10px;
}

.Nav2 a:link, .Nav2 a:visited  {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	background-color: #e6e6e6;
}

/*-----------------------------*/
/* 4. WIDGETS */
/*-----------------------------*/


/* 4.1 Social Media Box */

.social-img {
float:left;
margin:0 4px 5px 0;
}

#social  {	
	margin: 0 0 30px 0;
	background-color: #292626;
}

#social li  { padding: 20px 25px; border-bottom: 1px solid #1e1e1e; border-top: 1px solid #333030; }
#social li img  { float: left; margin: 0 10px 0 0; }
#social li a span  { display: block; line-height: 16px; }
#social li a span.site  { font-size: 18px; color: #fff; font-weight: bold; }
#social li a span.url  { font-size: 12px; color: #989898; }
#social li a:hover span.url  { color: #fff; }


/* 4.2 Tabber */

#tabber  { margin: 0 0 30px 0; }

.idTabs  {
float:left;
font-size:0.9em;
padding:5px;
text-align:center;
width:240px;
}

.idTabs li  {  }

.idTabs li a  {
	}

.idTabs li a:hover,
.idTabs a.selected  {
	
}

#tabber .list  {
	background-color: #e0e0e0;
}

#tabber .list li  { background: url(images/widgetli.jpg) repeat-x left bottom; }

#tabber .list li a:link,
#tabber .list li a:visited  {
	display: block;
	padding: 6px 0 6px 40px;
	color: #6c6c6c;
	border-bottom: 1px solid #d4d4d4;
}

#tabber .list li a:hover  { color: #292626; }

#tagcloud  { padding: 5px 20px 10px 20px; }
#tagcloud a:link, #tagcloud a:visited  { color: #6c6c6c; }
#tagcloud a:hover  { color: #292626; }

/* 4.3 General Widgets */

.widget  { margin: 0 0 30px 0; }

.widget h3  {
	margin: 0;
	padding: 15px 20px;
	font-size: 22px;
	color: #fff;
	background: #292626 url(images/widgettitle.jpg) repeat-x left top;
}


.widget ul  { padding: 0!important; }

.widget ul li  { background: url(images/widgetli.jpg) repeat-x left top; }

.widget a:link, .widget a:visited  { color: #6c6c6c; }
.widget ul li a:hover  { color: #292626; }

.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	padding: 6px 0 6px 40px;
	border-bottom: 1px solid #d4d4d4;
}

.textwidget, #latest-video .wrap, #flickr .wrap, .widget_tag_cloud div, .widget ul, #adwidget .adwrap  {	
	padding: 15px 20px;
	background-color: #e0e0e0;
}
#searchform {
font-size:0;
padding:9px 0 8px;
}

.widget_recent_comments li  {
	display: block;
	padding: 6px 0 6px 20px;
	color: #6c6c6c;
	border-bottom: 1px solid #d4d4d4;
	background: none;
}

.widget_recent_comments li a:link,
.widget_recent_comments li a:visited  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
	background: none!important;
	border: none!important;
}

#searchform #s {
border:1px solid #222;
padding:3px 0 3px 5px;
width:180px;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
/*-moz-border-radius-topleft: ;
-webkit-border-top-left-radius: ;
-moz-border-radius-topright: ; 
-webkit-border-top-right-radius: ;
-moz-border-radius-bottomleft: ;
-webkit-border-bottom-left-radius: ;
-moz-border-radius-bottomright: ;
-webkit-border-bottom-right-radius: ;*/

}
#searchform .submit  { padding: 3px 0 3px 0; text-transform: uppercase; background: #000; }

#flickr .flickr_badge_image  { margin: 4px 7px;	float: left; }
#flickr .flickr_badge_image a  { display: block; border: 2px solid #bbb; }
#extended_footer #flickr .flickr_badge_image  { margin: 7px 18px; }

#latest-video .video { margin: 0 0 10px 0; }

#twitter li  { margin: 10px 0; }
#twitter a:link, #twitter a:visited  { display: inline; padding: 0; background-image: none; line-height: 18px; }

.widget_lifestream li  { margin: 0!important; padding: 8px 20px 8px 40px!important; border-bottom: 1px solid #d4d4d4; background-position: 10px 10px!important;}

#adwidget .adwrap img  { margin: 6px; }

/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments  { float: left; }
#comments h3  { margin: 0 0 20px 0; }
#comments li  {	margin: 20px 0 0 0; }

#comments ul.children { margin: 0 0 0 0; }
#comments ul.children li  { padding: 0 0 0 25px; }

#comments .comment-meta  { margin: 0 10px 10px 0; font-size: 12px;}
#comments .comment-meta img  { float: left; margin: 0 10px 0 0; }
#comments .comment-meta span  { line-height: 42px; color:#999999; }
#comments .comment-meta span.name  { font-weight: bold; color: #444; }
#comments .comment-meta span.name a  { color: #444; }
#comments .comment-meta span.name a:hover  { color: #ff3366; text-decoration: none; }
#comments .comment-meta span.date  {  }

#comments .comment-entry  {
	padding: 7px 0 0 53px;
}

#comments .comment-entry p  { margin: 0 0 10px 0; }

.reply a, .cancel-comment-reply a  { text-transform: uppercase; font-weight: bold; font-size: 11px; }

/* 5.2 Comments Form */

#respond  { float: left; }
#respond h3  { margin: 15px 0 0 0; }

#commentform  {	}

#commentform input.txt,
#commentform textarea  {
	padding: 4px 5px;
	border: 1px solid #ccc;
    filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#commentform textarea  { color:#333333;
filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
width:95% !important; 
}

#commentform #submit  {
	background:none repeat scroll 0 0 #292626;
border:medium none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:10px;
text-transform:uppercase;
}
#subscribe submit {
background:none repeat scroll 0 0 #292626;
border:medium none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:10px;
text-transform:uppercase;
}
#commentform #submit  {
cursor: pointer;
}
.wpcf7-form input {
border:1px solid #999999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 4px;
}
.wpcf7-form textarea {
border:1px solid #999999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 4px;
}
/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}