﻿
/*
Theme Name: beautiful world
Theme URI: http://new.rednomad.co.uk/wordpress/wp-content/themes/bw
Author: dean kerrigan
Author URI: http://www.london404.com/portfolio
Version: 1.0
*/
body{
margin: 0;
margin-top: 0;
padding: 0;
font: 100% arial MT, arial, hevetica, sans-serif;
text-align: center;
color: #373434;
line-height: 1.6;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_bg.gif);
}
.container{
margin: 1em auto;
margin-top: 0;
width: 975px;
text-align: left;
background-color: white;
/*
border: 1px solid black;
*/
}

.box{
        clear: both;
 	height: 1%;
  	padding: 0;
        margin: 0;
}
.box .post{
        width: 300px;
        height: 580px;
        background-color: #ffffff;
 	border:1px solid #ddd;
        overflow: hidden;
}

.box .post h1 {
padding: 10px 10px 0px 10px;
}

.box .post p {
padding: 5px 10px;
}

.box .post .frame {overflow:hidden; border-bottom: 1px #ddd solid; width: 300px; height: 180px;}

.box .post img {border: none; }

.fl{
        float: left;
background-color: green;
}

.fr{
 	float: right;
background-color: red;
}


.hl-full {
    float:left;
    clear:both;
    height:1px;
    width:100%;
    padding:0 !important;
    margin:0px 0px 15px;
}

/*
WHAT WE DO;
*/
}
.wwd_content_1{
background-color: white;
background: url(http://www.hellobeautifulworld.com/bw_images/qa.gif) no-repeat top left; 
padding-left: 80px;
padding-top: 15px;
}

.header{
width: 975px;
height: 139px;
}
.logo{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo.gif);
}
.logo_what_we_do{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_what_we_do.gif);
}
.logo_clients{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_clients2.gif);
}
.logo_work{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_work2.gif);
}
.logo_services{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_services2.gif);
}
.logo_people{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_people2.gif);
}
.logo_events{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_events2.gif);
}
.logo_blog{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo.gif);
}
.logo_contact{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_contact2.gif);
}
.logo_press{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_press.gif);
}
.logo_visitors{
float: left;
width: 417px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/bw_logo_visitors2.gif);
}
.header_empty{
float: left;
width: 558px;
height: 139px;
background-image: url(http://www.hellobeautifulworld.com/bw_images/header_bg.gif);
}
.header_strap{
position: relative;
top: 55px;
left: 10px;
width: 500px;
height: 100px;
background-color: white;
}
.h_spacer_top{
width: 975px;
height: 24px;
background-color: white;
}
.main_content{
float: left;
width: 623px;
background-color: white;
}
.empty_column{
float: left;
width: 66px;
background-color: white;
}
.outside_column{
float: left;
width: 60px;
background-color: white;
}
.right_navigation{
padding-left:60px;
float: left;
width: 166px;
background: url(http://www.hellobeautifulworld.com/bw_images/line.gif) repeat-y top left; 
}
.connect_box{
width: 166px;
height: 39px;
background-color: white;
}
.p_links_box{
width: 300px;
height: 39px;
background-color: white;
}
.events_box{
width: 450px;
background-color: white;
}
.events_1{
float: left;
width: 100px;
}
.events_2{
float: left;
width: 300px;
}
.p_links_text{
padding-top:10px;
padding-left:10px;
float: left;
width: 250px;
background-color: white;
}
.connect_icon{
float: left;
width: 39px;
height: 39px;
background-color: white;
}
.connect_text{
float: left;
width: 127px;
height: 39px;
background-color: white;
}
.connect_spacer{
float: left;
width: 166px;
height: 10px;
background-color: white;
}
.h_spacer_bottom{
float: left;
width: 975px;
height: 64px;
background-color: white;
}
.footer{
float: left;
width: 975px;
background-color: #373434;
padding-top: 25px;
padding-bottom: 25px;
}
.footer_column{
float: left;
width: 60px;
}
.footer_content{
float: left;
}
.clear{
clear: both;
line-height: 0px;
}
/*
TEXT STYLES;
*/


h1{
font: 180% arial MT, arial, hevetica, sans-serif;
}


h2{
font: 120% arial MT, arial, hevetica, sans-serif;
}

.header_text{
font: 180% arial MT, arial, hevetica, sans-serif;
}
.strap_line_text{
font: 140% arial MT, arial, hevetica, sans-serif;
color: #9b825e; 
}
.med_header_text{
font: 120% arial MT, arial, hevetica, sans-serif;
}
.blue_italic{
font-style:italic;
color: #03a4c9; 
}
.big_blue_text{
font: 140% arial MT, arial, hevetica, sans-serif;
color: #03a4c9; 
}
a{
color: #d68525;
text-decoration: none;
}
a:hover{
color: #d68525;
text-decoration: underline;
}
a.side_nav{
font: 90% arial MT, arial, hevetica, sans-serif;
line-height: 1.8;
text-decoration: none;
color: #d68525;
}
a.side_nav:hover{
text-decoration: underline;
color: #d68525;
}
.footer_text{
font: 90% arial MT, arial, hevetica, sans-serif;
line-height: 1.8;
text-decoration: none;
color: #fff;
}
.connect_text_style{
font: 90% arial MT, arial, hevetica, sans-serif;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.hellobeautifulworld.com/bw_images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.hellobeautifulworld.com/bw_images/overlay.png", sizingMethod="scale");
	}
	
	.tagCloud{
	line-height: 1;
	}
	