/*  
Theme Name: Thompson AVC 
URI: http://thompsonavc.co.uk/
Description: The theme for Thompson AVC 
Version: 2.0
Author: Echdesign URI: http://echdesign.co.uk/
*/

/* Begin Typography & Colors */


* {
margin:0;
padding:0;
}
body {	
margin:0;
/* height:950px;  WOULD HAVE TO SET THIS AND SWITCH STYLESHEETS FOR EACH RESOLUTION */
padding:0;
text-align:center;
font-family:arial;
font-size: 1.0em; 
background: url(images/gradient.jpg) top left repeat-x #32393F; 
}


h1 {
color:#223776;
margin-left:10px;
padding-top:4px;
font-size: 32px; /*2.3em*/ /* different from ie */
/* height:40px;
width:700px; */
margin-bottom:-2px;
}
h2 {
color:#223776;
font-size:1em;
margin-left:10px;
margin-top:10px;
margin-bottom:0px; 

float:left;
display:inline; /* prevents the double margin bug from cropping up in ie6 */
}

h3 {
color:#223776;
font-size:0.9em;
margin-left:10px;
}
h4 { /* for the date and category headings */
font-size:0.7em;
margin:0;
margin-top:6px;
margin-bottom:-9px;
margin-left:11px;
font-weight:normal;

}
h5 { /* temporary div for the case studies heading in the blue box */
color:#fff;
font-size:1.3em;
margin-left:10px;
margin-top:2px;
margin-bottom:5px;
margin-right:10px; 
/* padding-top:30px;
padding-right:120px;
padding-left:10px;
padding-bottom:10px;
height:100px;
line-height:75%; */
}
li {
font-size:0.75em;
margin-left:50px;
line-height:1.7em; /* should be the same as p */
}
li li {
font-size:1em;
}
strong {
color:#2d3f76;
}
p {
margin:10px;
font-size:0.75em; /* was 0.75 em */
line-height:1.7em;
}
p a {
/*font-size:1.2em;*/
font-weight:bold;
}
#maintext li a {
font-weight:bold;
}
a img {
border:none;
}
a:link {
color:#2161BD;
text-decoration:none;
border-bottom:1px solid #2161BD;
}
a:visited {
color:#2161BD;
text-decoration:none;
border-bottom:1px solid #2161BD;
}
a:hover {
color:#1F387B;
border-bottom:2px solid #FFD625;
}
/* THINK THIS CAN BE DELETED h3 {
font-size:0.8em;
text-align:right;
margin-bottom:20px;
font-weight:normal;
}

*/
#contentwrapper {
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:10px;
width:964px;
text-align:left;
background:#fff;
padding-top:0px;
border:1px solid #5F646A;
}
#header {
padding-top:12px;
padding-bottom:10px;
height:80px; /* this is needed to ensure the margins work on the rightimg div */
background:#E9E9E9;
}
#header ul {
/* float:left; */

} 
#header li {
float:left;
margin-left:8px;
list-style-type:none;
display:block;
width:98px;
height:82px;
}

#header li a:link {
border:0;
  outline: none;


}
#header li a:visited {
border:0;
  outline: none;
}

img#logo {
float:left;
margin-left:8px;
margin-right:49px;
}
#flash {
margin-left:8px;
height:531px; /* needs to equal the height of the rightimg plus the top margin of the rightimg */
}
#maintext {
width:620px;
clear:left;
float:left;
margin-top:0px;
padding-bottom:10px;
border-left:9px solid #E9E9E9;
margin-right:9px;
}
/* required to prevent thumbnail images appearing alongside the text on the single pages */
#maintext img {
display:none;
}
#maintext img.visible {
display:block;
}
#maintext img#recruiter {
display:block;
margin-left:5px;
margin-top:20px;
}
#lefttext {
height:353px;
margin-top:7px;
padding-left:5px;
/* maybe change to height once you have standardised the pages a bit more */
}
#lefttext2 {
height:513px; /* was 513 */
margin-top:7px;
padding-left:5px;
/* maybe change to height once you have standardised the pages a bit more */
}
#lefttext3 {
margin-top:7px;
padding-left:5px;
}
#lefttext3 h3 {
font-size:1.5em;
margin-top:20px;
}
h4.toggler {
cursor:pointer;
font-size:0.8em;
color:#2161BD;
text-decoration:underline;

}
h4.toggler:hover {


}
.element {
margin-bottom:25px;
}
#case {
background: #3574C4; /*url(images/long-box.jpg)
top left no-repeat; */
 float:left;
display:inline; /* fixes double margin bug in ie */
width:605px;
margin-top:5px;
margin-left:10px;

padding-right:0px;
padding-left:5px;


height:155px; /* to ensure the box is full sized even if there is not much content in it */
/*min-height:133px;
 min-height:144px; */
}
#case h2 {
background:#3175C6;

}
#case h3 {
margin-top:0px;
margin-bottom:-6px; /* needed to create enough space for the text */
color:#fff;
}  
#case p {
font-size:0.7em;
color:#FFF;
line-height:1.5em;
}
#case img {

display:inline; /* required to counteract the display none on the maintext */
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:35px;
margin-top:2px;
/* border:1px dotted #1F3370; */
}
#case a {
color:#E0E4EF;
border-bottom:1px solid #fff;
}
#case a:hover {
color:#1F387B;
border-bottom:1px solid #FFD625;
}
.post-meta {
float:left;

margin-bottom:35px;
}
.post-meta li {
list-style-type:none;
margin-left:0;
}


li .post-meta-key {
display:none;
}

.home1 {
width:300px;
float:left;
margin-top:10px;
}

.post {
clear:left;
}
.post p { /* needed to stop the post floating up on the products page because the h2 has a float */
clear:left;
margin-top:20px;
}
.post2 { /* effects the sizes of the posts in the case div */
float:left;
width:300px;
margin-right:0px;
margin-bottom:10px;

}
#rightimg {
float:left;
width:317px;
padding-top:0px;
/* margin-left:10px;   was 638px; */ 
/*text-align:right;*/

height:530px; 
background:#E9E9E9;
padding-right:9px;
}
#rightimg2 h3 {
margin-left:10px;
margin-top:36px;
}
#rightimg2 {
float:left;
width:317px;
padding-top:0px;
background:#E9E9E9;
padding-right:9px;
position:relative;
}

#rightimg img, #rightimg p img { /* the p img refers to the images pulled from the db */
margin:0px;
border-left:8px solid #dcdcdc;
border-right:8px solid #dcdcdc;
border-top:10px solid #dcdcdc;
border-bottom:10px solid #dcdcdc;
width:301px;
}
#rightimg p img {
margin:-10px;
}


#righttext, #righttextb, #rightsmall, #rightbig {

text-align:left;
margin-left:0px;
padding-left:14px;
padding-right:10px;
margin-top:0px;
padding-top:8px;
padding-bottom:10px;
margin-bottom:0px;
background: url(images/corner.jpg) 229px -3px no-repeat #f7f7f7;
border-left:8px solid #dcdcdc;
border-right:8px solid #dcdcdc;
border-top:0px solid #dcdcdc;
border-bottom:8px solid #dcdcdc;
}
#righttext {
height:237px;
}
#righttextb {
height:316px; /* may need to change this */
}
#rightsmall {
height:80px;
}
#rightbig {
height:496px;
border-top:8px solid #dcdcdc; /* remove border if adding image or flash */
}
#righttext li a, #righttextb li a, #rightsmall li a, #rightbig li a {
font-weight:bold; 
font-size:1em;
}
#righttext li, #righttextb li, #rightsmall li, #rightbig li {
margin-right:10px;
margin-left:40px;
}
#maintext2 {
width:946px;
clear:left;
float:left;
margin-top:0px;
padding-bottom:10px;
border-left:9px solid #E9E9E9;
border-right:9px solid #E9E9E9;
}
#maintext2 p img {
float:left;
margin-right:10px;
margin-bottom:10px;
}
#clients {
height:180px;
clear:right;

}
#clients h2 {
float:none;
display:block;
} 



#footer {
clear:both;
background: url(images/footer.jpg)
top left no-repeat;
/* padding-top:-2px;*/
margin-left:0px;
margin-top:0px;
padding-bottom:10px;
background:#E9E9E9;
height:30px; /* required because all the items are floated */
}
#footer ul {
margin-left:5px;
margin-right:30px;
/* width:340px; */
float:left;
}

#footer li {
list-style-type:none;
font-size:0.8em;
font-weight:bold;
float:left;
margin-left:0; /* counteracts the standard li margin */
line-height:18px;

margin-top:10px;
margin-bottom:10px;
border-right:1px solid #2d3f76;
}
li#last {
border:0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
border:0;
color:#2d3f76;
display:block;
padding-right:17px;
padding-left:14px;
}


#footer a:hover {
color:#FFD11C;
/*background:#2d3f76; an idea for the future */
display:block;
}
#footer img {
margin-top:8px;
float:left;
}
#footer2 /* the bit with ech link, rss feed etc */ {
text-align:center;
}
#footer2 p {
color:#fff;
}
#footer2 a {
color:#fff;
}
/* specific page elements */
#map {
width:926px;
height:380px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;

}
#map img {
display:inline;
}
#rightflash, #rightflashbig {
border-left:8px solid #dcdcdc;
border-right:8px solid #dcdcdc;
border-top:10px solid #dcdcdc;
border-bottom:10px solid #dcdcdc;
}
#rightflash {
width:301px; 
	 height:247px;
}
#rightflashbig {
width:301px;
height:404px;
} 
#rightflash object {
	width:301px; 
	 height:247px;
margin-bottom:0;
	}
#rightflashbig object {
width:301px;
height:404px;
} 
#post-66 {
position:relative;
}
#form {
position:absolute;
top:60px;
right:0px;
width:388px;
}

/* height:260px;*/
}
#contactform {
	position:absolute;
	left:520px;

	bottom:-2px;
	width:410px; 
	overflow: hidden;
z-index:5;

padding-right:16px;
padding-top:30px;
padding-bottom:10px;
	/* border: 1px solid #223776; */
}
#contactform legend {
display:none;
}
input, textarea {
font-family:arial, helvetica, verdana;
font-size:1em;
}
/* Stay on target */