/**
* Bloom Blog 
* Layout CSS				
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/



/* ---------------------------------- */
/* DEFAULT STYLES                     */   
/* ---------------------------------- */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
body{
	font-size: 100.01%;
	color:#ccc;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background:url(images/backshade.jpg) left top repeat-x #393939;
	
	}
	
	html>body #blog-background-image {
	background:url(images/backflower.png) right bottom no-repeat;
	}	
	
#container{
	width:800px;
	margin:24px auto 0;
	}
	
.clearallfloats{
	clear:both;
	height:1px;
	}

.greyline {
border-bottom:1px solid #5f5f5e;
padding-top:15px;
margin-bottom:15px;
clear:both;
with:100%;
}
	

a {
color:#F353B2;
}

a:hover {
color:#F353B2;
text-decoration:none;
}
	
	
/* ---------------------------------- */
/* BLOOM HEADER                       */   
/* ---------------------------------- */

#bloom-header {
height:69px;
}

#bloom-header h1{
background:url(images/logo.gif) left top no-repeat;
width:247px;
height:69px;
text-indent:-2000px;
float:left;
}



#bloom-followlinks {
line-height:30px;
float:right;
list-style-type:none;
}



#bloom-followlinks li{
float:right;
width:9em;
font-size:0.7em;
}

#bloom-followlinks li a{
height:32px;
padding-left:35px;
display:block;
color:#fff;
text-decoration:none;
padding-right:16px;
float:right;
}

#bloom-followlinks li a:hover{
color:#ec008c;
}

.rss-link {
background:url(images/rss.png) left top no-repeat;
}

.twitter-link {
background:url(images/twitter.png) left top no-repeat;
}


#bloom-toplinks {
float:right;
font-size:0.7em;
color:#fff;
list-style-type:none;
margin:0 16px 0 0;
}


#bloom-toplinks li{
float:left;
display:block;
font-weight:bold;
margin-left:15px;
padding-top:5px;
}

#bloom-toplinks li a{
color:#fff;
text-decoration:none;
}

#bloom-toplinks li a:hover{
color:#ec008c;
text-decoration:underline;
}


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


#blog-header {
height:92px;
background:url(images/blog.gif) left top no-repeat;
}

#blog-header h1{
float:left;
text-indent:-2000px;
}

#blog-links {
float:right;
margin-top:36px;
margin-right:15px;
font-size:0.7em;
font-weight:bold;
}

#blog-links li {
background:url(images/greybutton-right.gif) right top no-repeat #666666;
display:block;
float:left;
margin-left:2px;
height:30px;
padding:0px 8px 0px 0px;
}

#blog-links li a{
background:url(images/greybutton-left.gif) left top no-repeat;
line-height:30px;
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:0px 0px 0px 8px;
}

#blog-links li a:hover{
color:#ec008c;
}


.selected {
background:url(images/pinkbutton-right.gif) right top no-repeat #ed198c !important;
color:#fff !important;
}
.selected a{
color:#fff !important;
}

.selected a{
background:url(images/pinkbutton-left.gif) left top no-repeat !important;
}





/* ---------------------------------- */
/* LEFT COLUMN                        */   
/* ---------------------------------- */

#blog-2leftcolumns {
width:518px;
display:block;
float:left;

}
#blog-2leftcolumns {
margin-bottom:20px;
min-height:500px;
height:auto !important;
height:500px;
}


#blog-2leftcolumns p{
font-size:0.7em;
color:#ccc;
text-align:justify;
}

blog-latestbloggers p{
text-align:left;
}

#blog-2leftcolumns p.postmetadata{
font-size:0.6em;
}

#blog-2leftcolumns h2{
font-weight:normal;
color:#fff;
margin:0 0 24px 0;
}

#blog-2leftcolumns h3{
font-size:1em;
color:#fff;
margin:0 0 18px 0;
}

#blog-mainarticle {
float:left;
width:245px;
height:180px;
}

#blog-mainarticle-text {
width:250px;
margin-left:270px;
position:absolute;
}

#blog-mainarticle-text a{
color:#FFFFFF !important;
font-size:0.9em !important;
}


#blog-mainarticle-text h2 {
margin:0;
}

#blog-mainarticle-text p {
padding-top:10px;
}

#blog-mainarticle-text a {
color:#ec008c;
text-decoration:none;
}

#blog-2leftcolumns ul,#blog-2leftcolumns ol{
	list-style:none;
	padding:5px 0;
	font-size:0.7em;
}

#blog-2leftcolumns ul li, #blog-2leftcolumns ol li{
	background:transparent url(images/purplearrow.gif) no-repeat scroll left 3px;
	padding:0 0 5px 20px
}



.blog-mainarticle-text a:hover {
text-decoration:underline;
}

h2.blog-recentposts, h2.blog-latestbloggers {
font-size:1.2em;
clear:both;
}

.blog-recentposts h3{
margin:0 !important;
}

.blog-recentposts h3 a{ 
margin:5px 0 0 0;
font-size:0.7em;
display:block;
}

.blog-recentposts p {
display:block;
}

.blog-recentposts-block {
width:245px;
float:left;
}

.blog-recentposts-block a{
text-decoration:none;
}

.blog-recentposts-block a:hover{
text-decoration:underline;
}

.blog-recentposts-block-left-col{
	margin-right:15px;
}

.blog-recentposts-block-row-except-bottom{
	padding-bottom:25px;
}

.blog-recentposts-creative h3 a,
.blog-recentposts-technical h3 a,
.blog-recentposts-strategy h3 a, 
.blog-recentposts-stuff-and-nonsense h3 a,
.blog-recentposts-search-marketing h3 a
 {
color:#fff !important;
}

.blog-recentposts-creative a {
color:#f7931e;
}

.blog-recentposts-technical a{
color:#8cc63f;
}

.blog-recentposts-strategy a{
color:#F353B2;
}

.blog-recentposts-stuff-and-nonsense a{
color:#ffffff;
}

.blog-recentposts-search-marketing a{
color:#00AEEF;
}


.blogger-block {
width:255px;
float:left;
}

.blogger1, .blogger3{
margin-right:8px;
}

.blogger3, .blogger4{
margin-top:25px;
}

.blogger-block img{
float:left;
}

.blogger-block-text {
float:left;
margin-left:15px;
width:155px;
}

.blogger-block-text p{
color:#fefefe !important;
text-align:left !important;
}

.blogger-block-text p a{
color:#F353B2;
text-decoration:none;
}

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


.arrowlink-pink {
background:url(images/pinkarrow.gif) left center no-repeat !important;
color:#fefefe !important;
display:block;
padding-left:15px;
line-height:35px;
text-decoration:none;
}

.arrowlink-pink:hover {
color:#ec008c;
}

.blogger-allbloggers {
font-size:0.7em;
margin-top:10px;
padding-bottom:25px;
clear:both;
}

.post-link {
	color:white!important;	
}




/* ---------------------------------- */
/* RIGHT COLUMN                       */   
/* ---------------------------------- */

#blog-search {

}

#blog-search h2 {
color:#eb188c;
font-size:1.2em;
font-weight:normal;
padding-bottom:8px;
}

#searchform{
display:block;
height:36px;
width:250px;
}

#searchform input {
font-size:0.7em;
float:left;
}

#searchform #searchblog1 {
width:205px;
margin-right:2px;
}

#blog-rightcolumn {
float:right;
width:250px;
}
.blog-rightblock {
margin-bottom:15px;
background:url(images/rightbox-blue.jpg) bottom right no-repeat;
}

.blog-rightblock-technical {
background:url(images/rightbox-green.jpg) bottom right no-repeat #475f25;
}

.blog-rightblock-creative {
background:url(images/rightbox-orange.jpg) bottom right no-repeat #64441e;
}

.blog-rightblock-marketing {
background:url(images/rightbox-blue.jpg) bottom right no-repeat #234551;
}

.blog-rightblock-strategy {
background:url(images/rightbox-purple.jpg) bottom right no-repeat #5a2c48;
}

.blog-rightblock-stuff {
background:url(images/rightbox-grey.jpg) bottom right no-repeat #424242;
}


.blog-rightblock h2{
color:#fff;
background:#ec008c;
padding:2px 0px 4px 10px;
font-weight:normal;
font-size:1.2em;
}

.blog-rightblock h2 a{
color:#fff;
text-decoration:none;
}

.blog-rightblock a:hover{
color:#fff !important;
}

.blog-rightblock-technical h2{
background:#8cc63f;
}

.blog-rightblock-creative h2{
background:#f7931e;
}

.blog-rightblock-marketing h2{
background:#00aeef;
}

.blog-rightblock-strategy h2{
background:#ec008c;
}

.blog-rightblock-stuff h2{
background:#666666;
}

.blog-rightcollist {
margin-left:10px;
font-size:0.7em;
list-style-type:none;
}

.blog-rightcollist li{
margin:3px 0px 3px 0px;
color:#fff;
}

.blog-rightcollist li a{
color:#fff;
text-decoration:none;
}

.blog-rightcollist li a:hover{
text-decoration:underline;
}

.rightarrowlink {
background:url(images/pinkarrow.gif) left center no-repeat;
color:#fefefe;
display:block;
padding-left:15px;
line-height:35px;
text-decoration:none;
font-size:0.7em;
margin-left:10px;
font-weight:bold;
}


.blog-rightblock-technical .rightarrowlink{
background:url(images/greenarrow.gif) left center no-repeat !important;
color:#8cc63f;
}

.blog-rightblock-creative .rightarrowlink{
background:url(images/orangearrow.gif) left center no-repeat !important;
color:#f7931e;
}

.blog-rightblock-marketing .rightarrowlink{
background:url(images/bluearrow.gif) left center no-repeat !important;
color:#00aeef;
}

.blog-rightblock-strategy .rightarrowlink{
background:url(images/purplearrow.gif) left center no-repeat !important;
color:#ec008c;
}

.blog-rightblock-stuff .rightarrowlink{
background:url(images/whitearrow.gif) left center no-repeat !important;
color:#fff;
}

/* ---------------------------------- */
/* SEARCH RESULTS                     */   
/* ---------------------------------- */

.search-results{
}

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

TABLE#callsToAction {
	border:none;
	border-collapse:collapse;
}
TABLE#callsToAction TH {
	margin:0;
	padding:0;
	text-align:left;
	border:none;
	border-top:1px solid #393938;
	border-right:1px solid #393938;
}
TABLE#callsToAction TH H2 {
	display:block;
	margin:0;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-family:Impact;
	font-size:0.9em;
	font-weight:normal;
	text-transform:uppercase;
	direction: ltr;
	word-spacing: 2px;
}
		
TABLE#callsToAction TD {
	vertical-align:top; 
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #393938;
}
TABLE#callsToAction TD.action-one UL, 
TABLE#callsToAction TD.action-two UL, 
TABLE#callsToAction TD.action-three UL, 
TABLE#callsToAction TD.action-four UL {
	margin:0; 
	padding:10px;
	list-style:none; 
	font-size:0.65em;
	font-weight:bold;
	line-height:1.3em;
	text-transform:capitalize;
}

TABLE#callsToAction TH#action-one {
	width:365px;
	background-color:#EF008A;
}
TABLE#callsToAction TD.action-one {
	width:365px;
	background-color:#F17DAB; 
}


TABLE#callsToAction TD.action-oneb {
	width:365px;
	background-color:#F17DAB; 
}
TABLE#callsToAction TD.action-one P {
	display:block; 
	float:left;
	width:130px;
	margin:0; 
	padding:10px; 
	color:#FFFFFF;
	font-size:0.7em;
	line-height:1.3em;
}
TABLE#callsToAction TD.action-one DIV {
	display:block; 
	float:left;
	width:185px;
	margin:0; 
	padding:0; 
	padding-top:10px; 
	padding-bottom:10px; 
	color:#FFFFFF;
}
TABLE#callsToAction TD.action-one DIV P {
	float:none;
	clear:left;
	width:185px;
	margin:0; 
	padding:0; 
	font-size:0.7em;
}
TABLE#callsToAction TD.action-one DIV UL {
	float:none;
	clear:left;
	margin:0; 
	padding:0;
	margin-top:5px; 
	list-style:none; 
}
TABLE#callsToAction TD.action-one DIV LI {
	margin:0; 
	margin-bottom:3px;
	padding:0; 
}
TABLE#callsToAction TD.action-one DIV LI A {
	display:block;
	margin:0;
	padding:0; 
	padding:5px; 
	font-weight:normal;
	text-decoration:none;
	background-color:#F6A1BF;
	color:#A90063;
}
TABLE#callsToAction TD.action-one DIV LI A:visited {
	color:#A90063;
}
TABLE#callsToAction TD.action-one DIV LI A:link {
	color:#A90063;
}
TABLE#callsToAction TD.action-one DIV LI A:active {
	color:#A90063;
}
TABLE#callsToAction TD.action-one DIV LI A:hover {
	color:#A90063;
}

TABLE#callsToAction TH#action-two {
	width:145px;		
	background-color:#8CC63F;
}
TABLE#callsToAction TD.action-two {
	width:145px;		
	color:#428743;
	background-color:#A3D165; 
}

TABLE#callsToAction TD.action-two LI{
	padding-bottom:5px;
}
TABLE#callsToAction TD.action-two LI A {
	color:#428743;
	
	text-decoration:none;

}
TABLE#callsToAction TD.action-two LI A:visited {
	text-decoration:none;
	color:#428743;
}
TABLE#callsToAction TD.action-two LI A:link {
	text-decoration:none;
	color:#428743;
}
TABLE#callsToAction TD.action-two LI A:active {
	text-decoration:none;
	color:#428743;
}
TABLE#callsToAction TD.action-two LI A:hover {
	text-decoration:underline;
	color:#428743;
}

TABLE#callsToAction TH#action-three {
	width:145px;
	background-color:#F7931E;
}
TABLE#callsToAction TD.action-three {
	width:145px;
	color:#A25F15;
	background-color:#F9A94B; 
}
TABLE#callsToAction TD.action-three LI{
	padding-bottom:5px;
}
TABLE#callsToAction TD.action-three LI A {
	color:#428743;
	
	text-decoration:none;

}
TABLE#callsToAction TD.action-three LI A:visited {
	text-decoration:none;
	color:#A25F15;
}
TABLE#callsToAction TD.action-three LI A:link {
	text-decoration:none;
	color:#A25F15;
}
TABLE#callsToAction TD.action-three LI A:active {
	text-decoration:none;
	color:#A25F15;
}
TABLE#callsToAction TD.action-three LI A:hover {
	text-decoration:underline;
	color:#A25F15;
}

TABLE#callsToAction TH#action-four {
	width:145px;
	border-right:none;
	background-color:#00AEEF;
}
TABLE#callsToAction TD.action-four {
	width:145px;
	color:#0053A3;
	background-color:#33BEF2; 
	border-right:none;
}
TABLE#callsToAction TD.action-four LI{
	padding-bottom:5px;
}
TABLE#callsToAction TD.action-four LI A {
	color:#428743;

	text-decoration:none;

}
TABLE#callsToAction TD.action-four LI A:visited {
	text-decoration:none;
	color:#0053A3;
}
TABLE#callsToAction TD.action-four LI A:link {
	text-decoration:none;
	color:#0053A3;
}
TABLE#callsToAction TD.action-four LI A:active {
	text-decoration:none;
	color:#0053A3;
}
TABLE#callsToAction TD.action-four LI A:hover {
	text-decoration:underline;
	color:#0053A3;
}


/*************************
  New footer with more links
**************************/

#largefooter {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	font-size:0.7em;
	margin-top:10px;
	margin-left:20px;
clear:both;
	
}
#largefooter h4{
	font-size:1em;
	}

#largefooter h4 a.reveal{
color:#fff;
border-bottom:1px solid #fff;
margin:0;
padding:0;
background:url(images/whitearrowdown.gif) right bottom no-repeat;
padding-bottom:3px;
margin-bottom:10px;
margin-right:15px;
width:170px;
cursor:hand;
display:block;
font-weight:bold;
margin-top:15px;
}

.largefooterdiv{
float:left;
width:194px;

}

#largefooter a{
color:#999;
text-decoration:none;
}

#largefooter a:hover{
color:#999;
text-decoration:none;
}

#largefooter ul{
width:170px;
margin:0;
padding:0 10px 20px 0;
margin-right:10px;
border-right:1px solid #eee;
height:100%;
list-style-type:none;
}

#largefootercol1,#largefootercol2,#largefootercol3,#largefootercol4{
	display:none;
}

#largefootercol1 {

}

#largefootercol1 a{

}

#largefootercol1 a:hover{
color:#999;
text-decoration:underline;
}

#largefootercol2 {

}

#largefootercol3 {

}

#largefootercol4 {
margin-right:0px !important;
border-right:0px !important;
}

#largefootercol4 h4{
margin-right:0px !important;
}


/*************/
/* ARTICLE   */
/*************/

#blog-mainpage-title {
background:#B8B7B3;
height:178px;

}

#blog-mainpage-title h2{
color:#000;
padding:0px 15px 15px 230px;
text-align:left;
}

#blog-mainpage-title table td {
height:178px;
}

.article-body {
font-size:1.2em;
margin:0 0 20px;
}

.article-body img{
margin:5px 0 10px 0;
}

.article-body p{
margin-top:12px;
}

#sharelinks img{
border:0;
float:left;
}

#sharelinks {
padding-top:20px;
}

#sharelinks h2 {
color:#999999;
font-size:1.1em;
padding-bottom:10px;
}

#responses {
clear:both;
}


#formsection label {
clear:both;
float:left;
font-size:0.7em;
width:90px;
}

#formsection input {
float:left;
width:200px;
font-size:0.7em;
}

#formsection textarea {
clear:both;
float:left;
width:520px;
margin-top:8px;
font-size:0.7em;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#formsection strong {
display:block;
float:left;
color:#ec008c;
font-weight:normal;
padding-left:8px;
font-size:0.7em;
}

#formsection h2 {
font-size:1.2em;
margin-bottom:12px;
}

.formsection-block {
clear:both;
width:100%;
padding-bottom:15px;
}

.submitbutton {
background:#ec008c;
color:#fff;
border:0px;
padding:5px;
width:100px !important;
margin-bottom:15px;
}

/************************/
/*  RIGHT NAV CHANGES   */
/************************/


.collapse h2 a{
	display:block;
}

.collapse ul,.collapse a{
	display:none;
}

.collapse h2 a:hover,.expand h2 a:hover{
	color:#fff;
}



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

#footerblocks{
clear:both;
}
.footerblock {
	float:left;
	width:145px;
	margin:0;  
	color:#FFFFFF;
	font-size:0.7em;
	margin-right:1px;
}

.footerblock H2 {
	display:block;
	margin:0;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-family:Impact;
	font-size:1.25em;
	font-weight:normal;
	text-transform:uppercase;
	direction: ltr;
	word-spacing: 2px;
}

#footerblock1{
background-color:#EF008A;
width:362px !important;
}
#footerblock2{
background-color:#8CC63F;
}
#footerblock3{
background-color:#F7931E;
}
#footerblock4{
background-color:#00AEEF;
margin-right:0px !important;
}

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


.response-text ul{
	list-style-type:none;
}

.response-text p,.response-text a,.response-text cite,.response-text span{
	font-size:14px !important;
}

.response-text p{
	padding: 10px 10px 0 10px;
}

.response-text img{
	padding:10px 5px 0 10px;
}

.response-text ul li{
	background:none !important;
	padding:0 !important;
	margin:0!important;
}

.response-text li .commentnumber {
	float:left;
	color:#999999;
	font-size:24px !important;
	margin:0;
	padding:0 .5em .5em 0;
	clear:right;
}

.reply{
	margin:10px 0 20px 0;
	border-bottom: 1px solid #5F5F5E;
	padding:10px;
	color:#EC008C !important;
	text-align:right;
}

.fn{
	font-style:normal;
	font-weight:bold;
}

ul.children {
	padding:0 0 0 50px !important;
}

.response-text a{
	color:#fff;
}

.comment-meta{
	padding: 5px 0 5px 10px;
}

.comment-meta a{
	font-size:10px !important;
}

comment .response-text p{
	padding:0 10px 0 10px;
}

.cancel-comment-reply-link{
	padding: 5px 0 5px 0;
}

li.odd div{
	background:#2F2C2C !important;
}

.url{
	display:block;
	padding:10px !important;
}

.says{
	margin:10px !important;
}