/*  
Theme Name: OgilvyUK-Group
Theme URI: http://www.ogilvy.co.uk
Description: Custom theme for Ogilvy Group UK agency websites developed by Dylan Smith at OgilvyOne London, ammended by Dale Sattler 2010.
Version: 1.0
Author: OgilvyOne London
*/

/* Eric Meyer's Reset Reloaded: because all browsers are not created equal :) */
@import url('reset.css');

/* shared navigation styles */
@import url('style-nav.css');

/* shared heading styles */
@import url('style-headings.css');

/* GLOBALS
------------------------------------------------------------*/

body {
	margin:0;
	padding:0;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:68.75%; /* this makes 1em = 11px */
}


#page {width:100%;
	min-width: 1020px;
}


hr {
	display:none;
}
a {
	color:#cc0000;
}
p {
	margin:1.5em 0;
	line-height:1.4em;
}
strong {
	font-weight:bold;
}
a.button {
	background:#cc0000;
	color:#fff;
	font:bold 1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:0.2em 0.4em;
}

h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.2em;}

h3, h4, h5 {
	color:#cc0000;
	margin:1em 0;
}
h3:first-child, h4:first-child, h5:first-child {
	margin-top:0;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration:underline;
}

h3 {margin: 1px 0px; line-height:1.2em}


/* SEARCH BOX
------------------------------------------------------------*/
.inputbox {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	height: 29px;
	width: 120px;
}

.searchButton a			{ background:url(/wp-content/themes/ogilvyuk-group/images/nav/go-top.gif) 0 0; width:42px; height:33px; }
.searchButton a:hover 	{ background-position: 0 -33px; }


/* SIFR BUTTONS
------------------------------------------------------------*/
div.button {
	display:block;
	height:20px;
}
div.button * {
	margin:0 !important;
}
div.button a {
	background:#cc0000;
	color:#ffffff;
	font:bold 1em Georgia, Arial, Helvetica, sans-seri;
	text-transform:uppercase;
	text-decoration:none;
	padding:0.2em 0.4em;
}


/* CLEARFIX
------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

#headers {
	height:140px;
	width: 160px;
	float: left;
}

#header {
	position:relative;
	height:140px;
}

#header h1 {
	margin:0;
}
#header .description {
	display:none;
}
#header-group-link {
	position:absolute;
	display:block;
	background:url(images/logo-group.gif) no-repeat;
	height:140px;
	width:160px;
}
#content-home h1 {
	margin:0;
}

/* CONTENT
------------------------------------------------------------*/
#content {
	float:left;
	width:480px;
	background-color:#fff;
	min-height:400px;
	top:0px;
	position:relative;
	
	padding-left: 10px;
	padding-top: 10px;
}
* html #content {
	height:400px;
}


#content h2 {
	position:absolute;
	top:-70px;
	left:-10px;
	padding:0.1em 0.2em;
	display: block;
	height: 38px;
	text-transform:uppercase;
	text-indent: -10000em;
	color:#cc0000;
}


#content h2.our-work {width: 186px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/our-work.gif) no-repeat 0 0;}
#content h2.One-Agency {width: 213px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/one-agency.gif) no-repeat 0 0;}
#content h2.The-Big-Ideal {width: 238px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/The-Big-Ideal.gif) no-repeat 0 0;}
#content h2.The-Group-Board {width: 310px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/The-Group-Board.gif) no-repeat 0 0;}
#content h2.Join-Us {width: 133px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/Join_Us.gif) no-repeat 0 0;}
#content h2.news {width: 105px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/News.gif) no-repeat 0 0;}
#content h2.vacancies {width: 189px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/vacancies.gif) no-repeat 0 0;}
#content h2.Get-In-Touch {width: 230px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/Get-In-Touch.gif) no-repeat 0 0;}
#content h2.Our-Work {width: 104px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/our-oork.gif) no-repeat 0 0;}
#content h2.Companies {width: 244px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/12-companies.gif) no-repeat 0 0;}
#content h2.Graduates {width: 204px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/Graduates.gif) no-repeat 0 0;}
#content h2.Fellows {width: 160px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/fellows.gif) no-repeat 0 0;}
#content h2.Environment {width: 244px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/environment.gif) no-repeat 0 0;}
#content h2.Museum {width: 151px; background: url(/wp-content/themes/ogilvyuk-group/images/headings/museum.gif) no-repeat 0 0;}



/* FOOTER
------------------------------------------------------------*/
#footerContainer {
	width: 600px;
	height: 65px;
	background-color: black;
}



/* POSTS
------------------------------------------------------------*/

.backToNews a {
	float: left;
	font-size: 14px;
	text-decoration: none;
}

.addThis {
	float: right;
	margin-right: 30px;
}

div.post {
	padding-bottom:1em;
	margin-bottom:1em;
	width: 490px;
	
}
div.post h3 {
	font-size:1.8em;
	margin:0 0 0.4em 0;
	font-weight:normal !important;
}
div.post h2 a {
	text-decoration:none;
}
div.post h2 a:hover {
	text-decoration:underline;
}
div.post small {
	color:#cc0000;
	font-family:georgia, Arial, Helvetica, sans-serif;
}
div.post .entry {
	margin:1em 0;
	line-height:1.4em;
	width: 470px;
	padding-bottom: 10px;
}

div.post .entry object,
div.post .entry embed {
	display:block;
	margin:1em auto;
}
div.post div.readmore {
	margin:2em 0;
}
div.post div.readmore a {
	background:#cc0000;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	font-family: georgia, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:0.2em 0.4em;
}

/* SIDEBAR
------------------------------------------------------------*/
#sidebar {
	float:left !important;
	width:230px;
	padding:0 10px;
	line-height:1.4em;
}
#sidebar h3 {
	font-size:1em;
	margin-bottom:0.4em;
}
#sidebar h3 span {
	display:inline;
	background:#000;
	color:#cc0000;
	font-size:1.2em;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0.3em 3em 0.3em 0.5em;
}
#sidebar div.block {
	margin-bottom:2.6em;
}
#sidebar div.content {
	background:#fff;
	padding:5px;
}
#sidebar div.content p:first-child {
	margin-top:0;
}

/*#sidebar div.content p:last-child {
	margin-bottom:0;
}*/
#sidebar ul li a {
	font-weight:bold;
	text-decoration:none;
}
#sidebar a:hover {
	color:#000;
	text-decoration:underline;
}
#sidebar-latestposts li {
	padding:0.2em 4px 0.2em 7px;
	margin-bottom:0.3em;
	background:#fff;
}
ul#sidebar-archive li {
	margin-bottom:0.3em;
}
ul#sidebar-archive li a {
	background:#fff;
	padding:0.2em 0.4em;
	line-height:1.6em;
	font-weight:bold;
	text-decoration:none;
}




/* links 
------------------------------------------------------------*/
span.link_click a {background: url(/wp-content/themes/ogilvyuk-group/images/click_here.gif) no-repeat 0 0; width: 78px; height: 19px; display: block; text-indent: -9000em; float: left; margin-right: 5px;}
span.link_click a:hover {background-position: 0 -19px;}



div.link_gallery a {
	float: right; display:block;
	background: url(/wp-content/themes/ogilvyuk-group/images/link_gallery.gif) no-repeat 0 0; width: 94px; height: 16px;
	color:#ffffff; text-indent: -9000em; font:bold 1em/0.1em Georgia, Arial, Helvetica, sans-seri;
	text-transform:uppercase; text-decoration:none;
}

div.link_list a {
	float: right; display:block;
	background: url(/wp-content/themes/ogilvyuk-group/images/link_list.gif) no-repeat 0 0; width: 72px; height: 16px;
	color:#ffffff; text-indent: -9000em; font:bold 1em/0.1em Georgia, Arial, Helvetica, sans-seri;
	text-transform:uppercase; text-decoration:none;
}

div.link_gallery a:hover, div.link_list a:hover {background-position: 0 -16px;}