/*
Theme Name: Vodafone Working Nation
Theme URI: http://www.vodafone.com/workingnation
Description: The default WordPress theme for Vodafone Working Nationj Blog
Version: 1.0
Author: Rob Watson
Author URI: http://www.daredigital.com/
Tags: vodafone, working nation
*/

/* CSS RESET
- DO NOT EDIT THIS SECTION.
=============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
li {
	list-style-type: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/* / END CSS RESET
=============================*/

/* standard html tags
=============================*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-color:#303e3f;
	background:#1d3646;
	}
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
p {
	padding: 0 0 5px 0;
	}
/* global classes
=============================*/
.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
.clearboth {
	clear:both;
	}
/* displays the pdf logo before the link for PDF links
=============================*/
li a.pdflink {
	background: url(images/ico_pdf.gif) left no-repeat;
	padding: 5px 0 6px 26px;
	}
/* syles text boxes the same
=============================*/
input.textbox {
	background:#ffffff!important;
	}








/* The main page wrapper
=============================*/
#page {
	background:#ffffff;
	width:781px;
	margin:0 auto;
	}
/* header section holding the VF logo and gblog title
=============================*/
#header {
	min-height:110px;
	height:auto!important;
	height:110px;
	}
	/* Vodafone logo
	=============================*/
	.vflogo {
		margin:15px 0 0 18px;
		float:left;
		display:inline;
		width:108px;
		}
	/* Blog title
	=============================*/	
	.blogname {
		float:left;
		display:inline;
		width:644px;
		text-align:right;
		font-size:125%;
		color:#1d3646;
		margin:68px 0 0 0;
		font-weight:normal;
		}	
	.blogname a {
		color:#1d3646;
		}
	.blogname a:hover {
		color:#1d3646;
		}	

/* Main navigation on every page.
- Please note that there is NO active state.
=============================*/
.globalNav ul {
list-style-type:none;
margin:0px;
padding:0px;
font-size:75%;
}
.globalNav li {
background:#FF0000 none repeat scroll 0%;
border-right:0.0909em solid #FFFFFF;
float:left;
font-weight:bold;
height:auto;
padding:0px;
}
.globalNav li a {
background:#FF0000 none repeat scroll 0%;
color:#FFFFFF;
display:block;
height:1.4em;
padding:0.5em 1.09em 0.2em 1.09em;
}
.globalNav li a.globalNavActive {
background:#CC0202 none repeat scroll 0% !important;
height:1.454em;
}
.globalNav li a:hover, .globalNav li a:focus {
background:#CC0202 none repeat scroll 0%;
color:#FFFFFF;
height:1.4em;
}

.globalNav {
margin-left:12px;

}
.globalNav ul {
background:#FF0000 none repeat scroll 0%;
height:2.1em;
width:761px;
}



	
/* this controls the entire area where the main area and sidebar is located
=============================*/	
#mainarea {
	float:left;
	display:100%;
	width:100%;
	background:#ffffff;
	}	
/* This is the left hand part of the site
=============================*/	
#content {
	margin:10px 0 10px 10px;
	float:left;
	display:inline;
	width:504px;
	}
/* homepage:
- Top area where intro image is
=============================*/
	#welcome {
		width:504px;
		min-height:335px;
		height:auto!important;
		height:335px;
		background:#5b8dae;
		color:#ffffff;
		margin: 0 0 10px 0;
		}	
	.welcontainer {
		padding: 12px 8px;
		}		
	#welcome h1 {
		font-size:156.25%;
		margin: 0 0 18px 0;
		}	
	#welcome p {
		font-size:81.25%;
		line-height:120%;
		}		
	#welcome ul {
		width:100%;
		font-size:81.25%;
		text-align:right;
		}	
	#welcome a {
		color:#ffffff;
		font-weight:bold;
		text-decoration:none;
		}	
	#welcome a:hover {
		color:#ffffff;
		font-weight:bold;
		text-decoration:underline;
		}	
	#welcome ul {
		margin-bottom:10px;
		}
	#welcome ul li a {
		background:url(images/arr_hp_blue.gif) right no-repeat;
		font-weight:bold;
		color:#ffffff;
		padding:0 10px 0 0;
		}
	#welcome small {
		font-size:68.75%;
		}	
/*
=============================*/	
.hparticles {
	width:504px;
	margin: 0 0 30px 0;
	}
	.hparticles h2 {
		font-size:118.75%;
		font-weight:normal;
		padding: 0 0 5px 0;
		border-bottom:2px solid #c6d7e3;
		}
	.postspage h2 {
		margin:10px 0 0 0;
		}	
	.hpartpadd {
		padding:5px 0;
		}		
	.hparticles a {
		color:#ff0000;
		font-weight:bold;
		}			
	.hparticles p {
		font-size:75%;
		}		
	.hparticles ul {
		font-size:75%;
		margin: 5px 0 0 0;
		}	
	.hparticles hr {
		border:1px solid #c6d7e3;
		}				
	.hparticles small {
		font-size:68.75%;
		}	
	.hparticles img {
		margin-right:10px;
		border:1px solid #c6d7e3;
		}	
	/* colours the red bar after "Posted by" and "Posted in"...
	=======================*/		
	.redbar {
		color:#ff0000;
		}	
	/*.underline {
		border-bottom:1px solid #c6d7e3;
		}	*/
	
	
	
	
	
	
	
	





	
	
	
	
	
	
	
.postmeta {
	width:135px;
	float:left;
	display:inline;
	}		
.post {
	width:350px;
	float:left;
	display:inline;
	margin: 0 0 10px 10px;
	}	
.post h3 {
	font-size:118.75%;
	font-weight:normal;
	margin: 0 0 10px 0;
	color:#ff0000;
	}	
.post p, .page p {
	padding: 0 0 15px 0;
	line-height:15px;
	}	
.post ul {
	margin: 0 0 10px 0;
	}	
.post li, .page li {
	line-height:15px;
	}	

	










/* 
=======================*/	
h2#comments {
	border-bottom:none;
	}	
.hparticles hr.commenthr {
	clear:left;
	color:#c6d7e3;
	}	
.avatar {
	float:left;
	display:inline;
	width:32px;
	}	
	
.commentnumber {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:125%;
	color:#666666;
	float:left;
	display:inline;
	width:50px;
	margin: 0 0 0 10px;
	}	
	
	
/*
=======================*/	
form p {
	padding: 10px 0 0 0;
	}
.question {
	float:left;
	width:405px;
	display:inline;
	margin:10px 0 0 0;
	}	
.question label {
	float:left;
	width:145px;
	display:inline;
	font-size:75%;
	}	
.question input.textbox {
	float:left;
	width:175px;
	display:inline;
	background:#ffffff!important;
	border:1px solid #313f40;
	}	
.question textarea {	
	width:255px;
	float:left;
	display:inline;
	background:#ffffff!important;
	border:1px solid #313f40;
	}	
.question #btn_submit {
	margin:0 0 10px 146px;	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
=============================*/	
#sidebar {
	width:245px;
	float:left;
	display:inline;
	margin:10px 0 10px 10px;
	background:#dee8ef;
	}	
#sidebar h2, #sidebar .topsection h2 {
	font-size:118.75%;
	padding:0 0 10px 0;
	color:#1d3646;
	border-bottom:1px solid #c6d7e3;
	font-weight:normal;
	}	
	
	
#sidebar h2#hrdsearch {
	padding: 0 0 0 0;
	}	
#sidebar form {
	margin: 10px 0;
	}
#sidebar input.textbox {
	height:17px;
	padding: 3px 2px 3px 2px;
	}	
#sidebar input.textbox {
	border:none;
	}
#sform {
	width:175px;
	margin:0 0 0 0;
	}	
.formbtn {
	position:absolute;
	margin: 0 0 0 5px;
	}	
	
	
	
	
	
	
#sidebar h2#rss {
	background: url(images/ico_rss.gif) right bottom no-repeat; 
	padding: 8px 0 0 0;
	margin:0 0 10px 0;	
	}
	
	
	
	
#sidebar select#dropdownmenu {
	width:225px;
	border:1px solid #c6d7e3;
	margin:10px 0 0 0;
	}	
	
		
	/*
=============================*/
	.topsection {
	background:#c6d7e3;
	}

	.sidebarpadding {
	padding:10px;
	}

#sidebar ul a {
	color:#ff0000;
	font-weight:bold;
	}
#sidebar p {
	font-size:75%;
	}
#sidebar ul {
	font-size:75%;
	padding: 10px 0 0 0;
	}	
#sidebar ul.bullets li {
	background: url(images/bg_square_bullet_black.gif) left center no-repeat;
	padding: 0 0 2px 10px;		
	}
li.recentcomment {
	padding: 5px 0 5px 0;
	border-bottom:1px solid #c6d7e3;
	}







/* footer section of blog
=======================*/
#footer {
	width:100%;
	float:left;
	display:block;
	background:#ffffff;	
	font-size:68.75%;
	font-family:Arial, Helvetica, sans-serif;
	}	
#footer ul {	
	color:#ffffff;
	width:761px;
	margin: 0 0 0 10px;
	background:#1d3646;
	height:24px;
	list-style-type:none;	
	}		
#footer li {
	float:right;
	height:17px;
	background:#1d3646;
	padding: 5px 7px 2px 7px;
	}	
#footer li#vodafone {
	background:#ff0000;	
	}	
#footer li#vodafone a {
	border-left:none;
	background: url(images/arr_red_footer.gif) right center no-repeat;
	padding-right:10px;
	}	
#footer li a {
	color:#ffffff;
	padding: 0 7px 0 7px;
	min-height:18px;
	height:auto!important;
	height:18px;
	border-left: 1px solid #ffffff;
	}	
/* WORD PRESS PLUGINS
=======================*/

	
/* sociable - used at the end of each post to add icons to digg, facebook etc... 
please note there is a second style sheet located in
wp-content/plugins/sociable/sociable.css
=======================*/
.sociable {
	border-top:1px solid #c6d7e3;
	border-bottom:1px solid #c6d7e3;
	padding: 5px 0;
	}	
.sociable small {
	float:left; 
	display:inline;
	width:80px;
	}
.sociable ul.blogsites {
	float:left;
	display:inline;
	width:150px;
	}		
.sociable .staf {
	float:left; 
	display:inline;
	width:80px;
	}	