/* ---------------------------------------------
HOMEPAGE STYLES - GLOBAL.CSS

Colour reference

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

#news_section
{
	width: 700px;
	float: left;
}


#blog_section
{
	width: 222px;
	float: right;
}

.blog_content img
{
	padding: 0 0 10px 0;
}

#twitter_section
{
	width: 227px;
	float: right;
}

#blog_section h2 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	
	
	/* Sliding Content */
#jFlowSlide{ background:#000;margin:0 0 24px 0;}
#myController { width:950px;}
#slides {width: 950px; height:380px;overflow: hidden;}
#myController span.jFlowSelected { background:#000;margin-right:0px; }
.slide-wrapper { padding:12px; margin: 0; display:block; overflow:hidden;position: relative;}
.slide-thumbnail { width:590px; float:left; }
.slide-thumbnail img {max-width:590px; max-height:350px}
* html .slide-thumbnail img {width:590px; height:350px}
.slide-thumbnail img.attachment-thumbnail {margin:0;padding:0}
.slide-details { width:310px; float:right; margin-left:10px;}
.slide-details h2 { color:#eee; font-style: italic; font-weight:normal; margin:0; }
.slide-details .description p { color: #999; margin-top:10px; font-size:1.1em}
.jFlowControl, .jFlowPrev, .jFlowNext { color:#ccc; cursor:pointer; padding:4px 8px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #222; }
a.button {position:absolute;bottom:20px;right:20px;display: block;width: 255px;height: 46px;padding: 20px 20px 5px 20px;color:#000;text-decoration: none;background:url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/button.jpg) no-repeat 0px 0px;}
a.button:hover {color:#fff;background:url(http://www.switchcreative.co.uk/wp-content/themes/modularity/images/button.jpg) no-repeat 0px -71px;}
.slide-wrapper a {color:#ccc}
.slide-wrapper a:hover {color:#fff}
.jFlowSelected {color:#666}

	
}

#news_section h2 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	
}

#twitter_section h2 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	border-top: 2px solid #000;
	
}


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

NEWS BOX

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

#news_section .news_box {
	border-top: 1px solid #000;	
	padding-top: 0px;
}

#news_section .news_date {
	float: left;
	padding-top: 5px;
}


#news_section .news_box a.news_title:link {
	float: right;
	height: 100%;
	width: 600px;
	border-bottom: #a5a5a5 1px solid; 
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #ffffff;
}

#news_section .news_box a.news_title:hover {
	background-color: none;
}

#news_section .news_content {
	float: right;
	width: 600px;
	height: 100%;
}

#news_section .news_brief {
	float: right;	
	padding-top: 10px;
	width: 100%;
	height: 100%;
	font-style: italic
}

#news_section .news_brief img{
	display: none;
}

#news_section p.news_brief {
	font-style: italic;
}


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

BLOG BOX

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

#blog_section .blog_box {
	border-top: 1px solid #000;	
	padding-top: 0px;
}

.news_title{
	float: right;
	height: 100%;
	width: 100%;
	border-bottom: #a5a5a5 1px solid; 
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #c9fdff;	
}

.blog_title{
	float: right;
	height: 100%;
	width: 100%;
	border-bottom: #a5a5a5 1px solid; 
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #c9fdff;
}

#blog_section .blog_box a.blog_title:link {
	float: right;
	height: 100%;
	width: 100%;
	border-bottom: #a5a5a5 1px solid; 
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #c9fdff;
}

#blog_section .blog_box a.blog_title:hover {
	background-color: none;
}

#blog_section .blog_content {
	float: right;
	width: 100%;
	height: 100%;
}

#blog_section .blog_brief {
	float: right;	
	padding-top: 10px;
	width: 100%;
	height: 100%;
}

#blog_section p.blog_brief {
	font-style: italic;
}


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

TWITTER BOX

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

#twitter_section .twitter_box {
	border-top: 1px solid #000;	
	padding-top: 0px;
}



#twitter_section .twitter_box a.twitter_title:link {
	float: right;
	height: 100%;
	width: 100%;
	border-bottom: #a5a5a5 1px solid; 
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #c9fdff;
}

#twitter_section .twitter_box a.twitter_title:hover {
	background-color: none;
}

#twitter_section .twitter_content {
	float: right;
	width: 100%;
	height: 100%;
}

#twitter_section .twitter_brief {
	float: right;	
	padding-top: 10px;
	width: 100%;
	height: 100%;
}

#twitter_section p.twitter_brief {
	font-style: italic;
}

#twitter_update_list li {
	padding: 10px 0 10px 0;
	border-bottom:1px solid #A5A5A5;
}

#twitter_update_list li a {
	text-decoration: none;
}

#twitter_update_list li a:hover{
	text-decoration: underline;
}

.twitter-spacer {
	padding: 30px 0 0 0;
}