/*
Theme Name: Holism Theme
Theme URI: http://www.holistic-designs.co.uk
Description: The Holism WordPress theme
Version: 1.0
Author: Matt Peacock
Author URI: http://www.holistic-designs.co.uk
Tags: White, custom header, fixed width, two columns, widgets

*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input{
margin:0;
padding:0;
}

body{
margin:0px;
padding:0px;
font-family: arial, helvetica, sans-serif;
font-size:11px;
background: #fff url(images/top_bg.jpg) repeat-x top;
color:#333;
}

/*----- LINKS -----*/

a{
color:#000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

/*----- IMAGES -----*/

.img_right {
float: right; 
margin: 8px 0em 12px 0.8em;
padding: 4px;
}

.img_right img {
display: block;
margin: 0;
padding: 2px;
}

.img_left img {
display: block;
padding: 2px;
border: 1px solid #fff;
}

.img_left {
float: left; 
margin: 16px 12px 0px 0px;
padding: 2px;
}

/*----- TEXT & HEADERS -----*/

p{
line-height: 1.6em;
font-size: 15px;
font-family: arial, helvetica, sans-serif;
padding: 0px 8px 0px 8px;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
letter-spacing: -1px;
}

h1 {
padding: 0 0 6px 8px;
color: #555;
font: normal 36px arial, helvetica, sans-serif;
margin: 4px 0 4px 0px;
}

h2 {
padding: 12px 0 0 0;
color: #333;
font: 18px arial, helvetica, sans-serif;
margin: 12px 0 0 12px;
}

h3 {
padding: 12px 0 0px 12px;
color: #75B71F;
font: normal 18pt arial, tahoma, sans-serif;
}

h4 {
padding: 0px 0 0px 0;
color: #333;
font: normal 20px arial, helvetica, sans-serif;
margin: 6px 0 4px 2px;
text-align: left;
}

h5 {
padding: 12px 0 4px 0px;
margin: 6px 6px 6px 0;
color: #fff;
font: normal 16px arial, helvetica, sans-serif;
text-align: left;
}

h6 {
padding: 12px 0 0 0;
color: #333;
font: 20px arial, helvetica, sans-serif;
border-bottom: 2px solid #555;
margin: 16px 0 18px 12px;
}

/************************* PAGE COMPONENTS ******************/

/*----- TOP MENU -----*/

#topmenu {
position: absolute;
top: 4px; 
right:12px;	
height: 34px;
}

#topmenu a {	
color: #999;
text-decoration: none;
padding: 4px 0px 6px 22px;
margin: 0;
font-size: 16px;
font-family: "proxima-nova-1","proxima-nova-2", arial, tahoma, sans-serif;
}

#topmenu a:hover {
color: #555;
text-decoration: none;
}

#leftmenu {
position: absolute;
top: 6px; 
left:12px;	
height: 34px;
}

#leftmenu a {	
color: #999;
text-decoration: none;
padding: 4px 0px 6px 26px;
margin: 0;
font-size: 10px;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
}

#leftmenu a:hover {
color: #555;
text-decoration: none;
}

.clear {
clear: both;
}

/*----- HEADER-----*/

#header {
width:100%;
height:105px;
background: transparent;
}

#header_inner {
position: relative;
width: 900px;
height:105px;
margin: 0 auto;
background: transparent;
padding: 0;
font: normal 1.0em tahoma, sans-serif;
}

.mainlogo {
margin: 36px 0 0 0;
}

/*----- STATEMENT-----*/

#statement {
width:100%;
height:160px;
background: #fff;
}

#statement_inner {
position: relative;
width: 900px;
height:160px;
margin: 0 auto;
background: #fff;
padding: 0;
}

#statement_inner h1{
color:#ccc;
font-size:36px;
line-height:1.1em;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
font-weight: 300;
} 

#statement_inner h2{
color:#ccc;
font-size:35px;
line-height:1.1em;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
font-weight: 300;
float:right;
}

.headline {
color:#555;
float:left;
font-size:92px;
letter-spacing:-0.03em;
line-height:0.9em;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
width: 100%;
font-weight: 500;
}

.questioning {
color: #555;
}

/*----- MAIN HEAD -----*/

#mainhead {
width: 100%;
min-height:110px; 
height: auto;
}

#mainhead_inner {
position: relative;
width: 900px;
min-height:110px; 
height: auto;
margin: 0 auto;
background: #fff;
padding: 0;
}

/* for Internet Explorer */
/*\*/
* html #mainhead_inner {
height: 110px;
}
/**/

#mainhead_inner h1{
color:#555;
float:left;
font-size:82px;
font-weight:500;
letter-spacing:-0.03em;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
width: 100%;
}

/*----- PAGE-----*/

#main_area {
width: 100%;
}

#main_area_inner {
position: relative;
width: 900px;
margin: 0 auto;
padding: 0;

}

/* for Internet Explorer */
/*\*/
* html #body_left {
height: 300px;
}
/**/

/*----- BANNER-----*/

#banner {
width: 900px;
height:250px;
margin: 0 0 68px 0;
padding: 0;
border-top: 14px solid #eee;
}

.boxleft, .boxcenter, .boxright {
float: left;
height: 250px;
width: 280px;
margin: 12px 0 0 0;
background: url(images/latest_bg.png) no-repeat center;
}

.boxcenter{
margin: 12px 29px 0 29px;
}

.boxgrid{ 
width: 252px; 
height: 219px; 
margin:14px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 90px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 			
.captionfull .boxcaption {
top: 219;
left: 0;
}
 				
.caption .boxcaption {
top: 179;
left: 0;
}

/*----- BODY -----*/

#body_left{
width:590px;
float:left;
margin: 0 0 0 6px;
}

#body_left_content{
width:580px;
margin: 0 0 0 12px;
border-right: 3px solid #eee;
padding: 0 8px 0 0;
}

#body_left_content ul {
font-size: 15px;
font-family: arial, helvetica, sans-serif;
}

#body_left_content li {
list-style-type: disc;
margin: 0 0 8px 24px;
}

#body_left_content p{
margin: 0 8px 12px 0;
}

#body_left_content em {
color: #75B71F;
font-size: 16px;
}

#body_right{
width:280px;
float:right;
position:relative;
margin: 0 0 16px 0;
}

#body_right h3{
letter-spacing:-0.03em;
line-height:0.9em;
font-family: "museo-sans-1","museo-sans-2", arial, sans-serif;
font-size: 16pt;
margin: 0 0 6px 0;
}

#body_right p{
font-size: 10pt;
font-family: "proxima-nova-1","proxima-nova-2";

}

#body_right ul{
margin: 6px 0 0 0;
}

#body_right li{
font-size: 10pt;
list-style-type: none;
line-height: 18px;
font-family: "proxima-nova-1","proxima-nova-2", arial, tahoma, sans-serif;
margin: 0 0 12px 0;
}

#body_right li a {
color: #75B71F;
text-decoration: none;
}

#body_right li a:hover {
color: #75B71F;
text-decoration: underline;
}

#body_right img{
margin:  4px 0 0 0;
}

.followme {
padding: 0 0 12px 14px;
}

aktt_tweet_time {
clear: both;
}

.aktt_tweets {
margin: 16px 0 0 0;
}

.aktt_tweets li {
margin: 0 0 14px 6px;
padding: 4px 0 4px 24px;
background: url(images/tweettweet.jpg) no-repeat top left;
}

.aktt_more_updates {
display: none;
}

#rightblog li{
padding: 0 0 0 12px;
}

.floatquote {
float: right;
width: 200px;
height: 100px;
margin: 12px;
font-family: arial, tahoma, sans-serif;
color: #75B71F !important;
border: 3px solid #eee;
}

.definition {
color: #75B71F !important;
font-size: 10pt;
font-style: italic;
font-weight: bold;
}

.whoops a{
color: #75B71F;
text-decoration: underline;
}

/*----- PORTFOLIO THUMBS -----*/

.leftthumb, .rightthumb {
float: left;
width: 270px;
border: 3px solid #eee;
padding: 0;
font-size: 10pt;
}

.leftthumb p, .rightthumb p {
font-size: 10pt;
line-height: 16px;
}

.leftthumb {
margin: 0 16px 12px 0;
}

.rightthumb {
margin: 0 0 12px 0;
}

.thumb {
padding: 8px 0 0 2px;
margin: 0;
}

.portfolio {
}

/*----- FOOTER -----*/

#footer {
position: relative;
width: 100%;
height: 660px;
background: #333 url(images/bottom_bg.jpg) repeat;
padding: 0;
}

#footer_inner {
position: relative;
width: 900px;
height: 660px;
margin: 0 auto;
background: transparent;
padding: 0;
}

#footer_inner p {
color: #fff;
margin: 4px 0 12px 0;
font-size: 14px;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, tahoma, sans-serif;
padding: 0 0 4px 0;
}

#footer_inner a {	
color: #999;
text-decoration: none;
margin: 0;
font-size: 12px;
font-family: "museo-sans-1","museo-sans-2";
}

#footer_inner a:hover {
color: #555;
text-decoration: none;
}

#footer_inner ul {
margin: 0 0 0 16px;
}

#footer_inner li {
font-size: 14px;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, tahoma, sans-serif;
color: #fff;
}

#footer_inner h2 {
margin: 0;
padding: 2px 0 6px 0;
font-size: 32px;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, tahoma, sans-serif;
color: #fff;
}

#footer_inner h3 {
margin: 0;
padding: 2px 0 6px 0;
font-size: 20px;
font-family: "museo-sans-1","museo-sans-2";
color: #ccc;
}

#foottextleft {
width:430px;
float: left;
height: 450px;
margin: 18px 0 0 0;
}

#foottextright {
width:430px;
float: right;
height: 450px;
margin: 18px 0 0 0;
}

#footleft {
float: left;
width: 220px;
height: 180px;
margin: 4px 0 0 0;
}

#footcenter{
float: left;
width: 220px;
height: 180px;
margin: 4px 26px 0 46px;
}

#footright {
float: left;
width: 380px;
height: 180px;
margin: 4px 0 0 0;
text-align: right;
color: #eee;
}

/************************ MISC CSS ***********************/

/*----- SEARCH FORM -----*/

#main_search{
width:210px;
float:left;
margin: 8px 0 0px 2px;
padding: 0 0 4px 4px;
}

#searchform_top{
float:left;
padding: 0;
}

#searchform_top_text{
width:158px;
padding:6px 4px 5px 6px;
color:#555;
font-size:12px;
font-family:arial, helvetica, sans-serif;
float:left;
margin: 2px 4px 0 0px;
background:  url(images/search_bg.png) no-repeat left;
height: 22px;
border: none;
}

#gosearch{
float:left;
margin: 0;
padding: 4px 0 0 0;
}

.getsearch {
margin: 12px 0 0 12px;
}

.searcher {
color: #333;
margin: 0 0 12px 0px;
padding: 0;
}

p.linker {
padding: 0 0 0 22px;
}

/*----- BREADCRUMBS -----*/

#breadcrumbs {
border-bottom: 1px dotted #ddd;
padding: 4px;
margin: 12px 0 12px 8px;
font-size: 10pt;
font-family: "proxima-nova-1","proxima-nova-2", arial, sans-serif;
}

/*----- SOCIAL ICONS -----*/

.social {
margin: 12px 0 12px 18px;
}

.social img{
margin: 0 0 0 28px;
}

.socials {font-size:10px; margin-bottom:10px; background-color:#fff; border:1px solid #eee; padding:5px 5px 5px 10px; width:480px;}
.socials a {margin-right:10px; color:#bfbcb3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:20px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:20px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:20px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:20px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:20px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:20px;}

/*----- FORM -----*/

#formBuilderFieldName {
margin: 6px 0 12px 0px;
}

#formBuilderFieldEmail {
margin: 0 0 12px 0px;
}

#formBuilderFieldBusiness {
margin: 0 0 12px 0px;
}

#formBuilderFieldMessage {
margin: 0 0 12px 0px;
}

#formBuilderFieldPhone{
margin: 0 0 12px 0px;
}

.single_line_text_box, .small_text_area {
font-weight: bold;
font-size: 9pt;
font-family: "museo-sans-1","museo-sans-2";
}

#fieldformBuilderFieldName, #fieldformBuilderFieldEmail, #fieldformBuilderFieldCompany, #fieldformBuilderFieldPhone {
border: 1px solid #ddd;
width: 380px;
height: 32px;
 }
 
 #fieldformBuilderFieldMessage {
 border: 1px solid #ddd;
width: 380px;
height: 96px;
 }

.formBuilderInput {
margin: 4px 0 0 0;
}

.formBuilderSuccess {
margin: 26px 0 0 12px;
color: #333;
}

.formBuilderFailure {
color: #333;
margin: 0 0 0px 12px;
font-size: 9pt;
}

.formBuilderFailure h4{
color: #333;
font-size: 16pt;
}

.formBuilderError {
color: #75B71F;
}

.FormEntry {
display: none;
}

/************************** WORDPRESS SPECIFIC CSS *********************/

/********* POST *********/

.post{
width:100%;
margin:0 0 12px 0;
}

.post-top{
width:100%;
padding:0 0 12px 0;
overflow:hidden;
}

.post-title{
float:left;
width:480px;
}

.post-title h1{
font-size:27px;
margin:0 0 5px 0;
color: #555;
font-family: "museo-sans-1","museo-sans-2";
font-weight:normal;
}

.post-title h1 a{
color: #75B71F;
}

.post-top h3{
font-weight:normal;
color:#333;
font-size:12px;
margin:0 0 5px 2px;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, tahoma, sans-serif;
}

.post-top h3 a, .post-top h3 span{
color: #75B71F;
font-weight: normal;
}

/********* ENTRY *********/

.entry{
line-height:20px;
font-size:13px;
margin:5px 0 0 0;
}

.entry img{
border: none;
}

.entry p{
font-size: 10pt;
font-family: "proxima-nova-1","proxima-nova-2", arial, sans-serif;
color: #555;
}

.entry p a{
color: #75B71F;
text-decoration:none;
}

.entry p a:hover{
text-decoration: underline;
}

.entry li{
list-style-type: square;
}

.tags {
font-size: 9pt;
padding: 0 0 0 24px;
background: url(images/little_green.jpg) no-repeat left;
font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, tahoma, sans-serif;
}

/********* POST META DATA *********/

.postmetadata{
width:100%;
overflow:hidden;
}

.postmetadata p{
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-size:13px;
}

.postmetadata p a{
color: #75B71F;
text-decoration:none;
}

.postmetadata p a:hover{
text-decoration:underline;
}

/********* POST PAGE *********/

.post-page{
padding:0 0 60px 0;
}

h1.page_title{
font-size:27px;
color:#555;
font-weight:normal;
padding:0 0 20px 5px;
font-family: arial, helvetica, sans-serif;
font-style:italic;
}

.post-page .entry{
}

.post-page .entry p{
margin: 0 0 2px 0;
}

.post-page .entry a{
color: #75B71F;
font-weight:normal;
text-decoration: none;
}

.post-page .entry a:hover{
text-decoration: underline;
}

.entry strong{
}

.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
color: #555;
display:block;
font-weight:normal;
}

/*********** HEADER ON HOME PAGE ***********/

.post-page .entry h1{
font-size:36px;
padding:0 0 14px 8px;
color: #555;
}

.post-page .entry h2{
font-size:20px;
padding:6px 0 6px 0;
}

.post-page .entry h3{
font-size:22px;
padding:6px 0 4px 0;
}

.post-page .entry h4{
font-size:18px;
padding:0 0 10px 0;
}

.post-page .entry h5{
font-size:16px;
padding:0 0 8px 0;
}

.post-page .entry h6{
font-size:14px;
padding:0 0 6px 0;
} 

.post-page .entry li{
list-style-type: square;
} 
	
/********* NAVIGATION *********/

.navigation {
text-align: right;
margin:10px auto 0 auto;
width:97%;
padding:10px;
overflow:hidden;
font-size:13px;
background:#fff;
color:#333;
font-family: arial, helvetica, sans-serif;
}

#content_single .navigation {
text-align: center;
width:96%;
padding:10px 0 10px 0;
margin:30px 0 0 25px;
}

.navigation a{
color:#333;
font-size:13px;
}

.wp-pagenavi{
line-height:1.8em;
padding:0 15px 0 15px;
}

.wp-pagenavi a {
padding: 4px; 
margin: 2px;
}

.wp-pagenavi span.pages {
padding: 4px; 
margin: 2px;
background:#fff;
color:#333;
}

.wp-pagenavi span.current {
padding: 4px; 
margin: 2px;
background:#fff;
color:#333;
}

.wp-pagenavi span.extend {
padding: 4px; 
margin: 2px;
background:#fff;
color:#333;
}

/********* ENTRY *********/

.entry ul li {
padding: 0 0 0 14px;
margin: 0 0 12px 10px;
list-style-type: square; 
}

.entry ol {
margin: 0 10px 15px 30px;
padding:15px 15px 15px 40px;
background:#fdfbf5;
border:1px solid #d9d8d3;
font-family: arial, helvetica, sans-serif;
}

.entry ol li {
margin: 0;
padding:7px 0 7px 0;
border-bottom:1px solid #d9d8d3;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
	
ol li{
list-style: decimal outside;
}

select {
width: 130px;
}

/*----- COMMENTS -----*/

#commentform{
width:400px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 350px;
padding: 2px;
}

#commentform #submit {
margin: 5px 0 0 0;
padding:0;
width:85px;
height:35px;
	}

h2#comments{
font-size:22px;
color:#333;
font-weight:normal;
padding:0 0 0px 5px;
margin:0 0 6px 12px;
font-family: arial, helvetica, sans-serif;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
margin:0 0 0 12px;
}

.commentlist .comment {
margin: 15px 0 0 0;
padding: 10px 15px 20px 15px;
list-style: none;
background:#fff;
border:1px solid #ddd;
}

.commentlist .alt {
background:#f6f6f7;
border:1px solid #d4d3d1;
}

.commentlist .comment .comment {
margin: 15px 15px 15px 15px;
padding: 10px 15px 20px 15px;
width:auto;
}

.commentlist p {
margin: 10px 5px 10px 0;
line-height:18px;
}

.commentmet_data{
width:100%;
overflow:hidden;
}

.commentmet_data td{
vertical-align:top;
text-align:left;
}

.commentmet_avatar{
width:102px;
padding:15px 0 0 0;
}

.commentmet_text{
}

.commentmet_avatar img{
border:1px solid #2c0202;
}

#commentform p {
margin: 5px 0;
}

.commentmet_replay{
width:100%;
overflow:hidden;
}

.commentmet_replay a{
float:right;
display:block;
text-indent:-9999px;
text-transform:capitalize;
width:82px;
height:24px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
padding:0 0 5px 0;
color:#333;
font-size:15px;
font-family: arial, helvetica, sans-serif;
}

.commentmetadata a{
color: #0274bd;
font-weight:bold;
}

.commentmetadata span{
color:#333;
font-weight:bold;
}

.commentmet_text{
font-size:12px;
color:#000;
font-family: arial, helvetica, sans-serif;
}

#respond{
margin:10px 0 0 0px;
font-family: arial, helvetica, sans-serif;
background:#fff;
padding:15px;
width:90%;
}

h3#respond_title{
font-size:18px;
color:#333;
font-weight:normal;
padding:0 0 4px 5px;
margin:0 0 12px 0;
font-family: arial, helvetica, sans-serif;
font-style:italic;
border-bottom: 1px solid #ededed;
}

#commentform{
margin-left:25px;
color:#333;
font-size:12px;
width:90%;
}

#commentform small{
position:relative;
top:-1px;
font-size:12px;
}

#cancel-comment-reply-link{
font-size:12px;
color:#000;
}

#commentform a, #commentform small{
color:#000;
}

#commentform input{
background:#fff;
border:2px solid #d9d9d9;
font-family: arial, helvetica, sans-serif;
font-size:12px;
padding:4px;
color:#333;
}

#commentform textarea{
background:#fff;
border:2px solid #d9d9d9;
font-family: arial, helvetica, sans-serif;
font-size:12px;
padding:4px;
margin:5px 0 0 0;
color:#333;
overflow:auto;
}

#commentform input#submit{
background:none;
border:0px;
}

/************* ARCHIVES ***********/

.page_archives_div{
padding:0 0 60px 0;
}

.page_archives_div h2{
font-size:27px;
color:#000;
font-weight:normal;
padding:0 0 20px 5px;
font-family: arial, helvetica, sans-serif;
font-style:italic;
}

.page_archives_div ul h2{
}

.page_archives_div ul{
margin:10px 0 40px 0;
}

.page_archives_div ul li{
margin:0px;
padding:8px 0 8px 5px;
list-style-type: square;
}

.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}

.page_archives_div ul li a{
font-weight:normal;
color:#000;
font-size:13px;
padding:0 0 0 14px;
}