/*
Theme Name: Page Russell
Version: 1.0
Author: inspire:
*/

/*
Colours
Light grey			#eef2ef
Mid grey			#cfd8d1
Light blue			#01b0e9
Mid blue			#0072bb
Dark blue			#00234e
Red					#c61218

/*** General ***/
* { padding: 0px; margin: 0px; }
p { margin: 6px 0px; }
body { background: #cfd8d1 url(images/bg1.jpg) repeat-x 0 18px; font-family:Cambria, Times, serif; color:#0072bb; }
.inwrap { width: 1000px; margin: 0 auto; }
.content { width: 1000px; padding: 0 0 50px; background: #eef2ef }
.clear { clear: both; display: block; }
a, a:link, a:active { color: #0072bb; text-decoration:none; }
a img {border-bottom:none;border:none}
a:hover img {border-bottom:none;}
a:hover {color:#00234e; border-bottom:1px solid #00234e;}
a.scale:hover {border:none}

/*** Header ***/
.header { margin: 0 0 0; height:137px; background: #eef2ef url(images/bg1.jpg) repeat-x 0 18px;  }
.header .logo {width:210px; height:180px; margin: 2px 0 0 25px; float:left; position:relative; z-index:100; }
.header .logo h1 a { background:url(images/logo1.png) no-repeat; width:210px; height:220px; text-indent:-9999px;display: block;float:left; }
.header .logo h1 a:hover { border-bottom:none; }
.header .contact {width:150px; float:right; margin:55px 0 0 10px; }
.header p.phone { color: #fff; font-size: 22px; font-family: Cambria, serif; font-weight:normal; margin: 0; }
.header p.email { color: #fff; font-size: 22px; font-family: Cambria, serif; font-weight:normal; margin: 0; }

.intro { margin: 0 0 0; height:213px; background: url(images/headerbg1.jpg) repeat-x; }
.intro .home { font-size:30px; color:#fff; width:400px; height:100px;float:left; margin: 75px 0 0 55px; font-family: Cambria, serif; position:absolute;}
.intro .home a:hover { border-bottom:none;}
.intro .team {width:500px; height:213px; float:right; position: relative; bottom:33px; right: 0px; font-size:12px; }
.intro .team a.rollover {position:relative; /*this is the key*/ text-decoration:none; border-bottom:none}
.intro .team a.rollover span{display: none}
.intro .team a.rollover:hover span{ /*the span will display just on :hover state*/ display:block; padding:7px; position:absolute; bottom:3em; left:-10px; width:150px; border: 1px solid #cfd8d1; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color:#eef2ef; color:#00234e; text-align: center; line-height:120%} 

.intro .email {width: 1000px; height: 30px; position: absolute; top:320px; background: url(images/bg2.png);  }
.intro .email .mail {float:right; line-height:30px; height:30px;margin:0 10px; width:980px;text-align:right; font-size:12px; }
.intro .email .mail a {margin:0 20px 0 0; color:#00234e;}
.intro .email .mail a.rollover {position:relative; /*this is the key*/ z-index:24; text-decoration:none}
.intro .email .mail a.rollover:hover{z-index:25;}
.intro .email .mail a.rollover span{display: none}
.intro .email .mail a.rollover:hover span{ /*the span will display just on :hover state*/ display:block; padding:7px; position:absolute; bottom:2em; left:-10px; width:150px; border: 1px solid #cfd8d1; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color:#eef2ef; color:#00234e; text-align: center; line-height:120%} 

/*** Navigation ***/
.navigation { font-size: 14px; width:590px; float:left; margin:55px 0 0; font-family:Cambria, Times, serif; }
.navigation ul			{float: left; display:block; list-style: none; margin: 0; width:560px; } 
.navigation ul.lower	{float: left; display:block; list-style: none; margin: 0; background:url(images/bg4.png); } 
.navigation li			{float:left; display:block; } /* needs to be here to create the current_page_parent */
.navigation li a		{float:left;display:block-inline;line-height:25px;height:25px;padding:0 5px;color:#fff;} /* sets height of li */
.navigation li a:hover, .navigation li.hover a{text-decoration:none;cursor: pointer; border-bottom:none;} /* hover state */
.navigation li ul a, .navigation  li.hover ul a{background:url(images/bg4.png);height:25px; line-height:25px; padding:0 5px;color:#fff;} /* drop down background */
.navigation .current_page_parent, .navigation a:hover { text-decoration: none;background:url(images/bg4.png); }
.navigation .current_page_item a { background:url(images/bg3.png); }

/*** Blog Posts ***/
.blogIntro { margin: 0 0 0; height:50px; width:630px;}
.blogPosts { width: 665px; padding: 0 15px; float: left; margin:15px 0 0 55px; font-size:14px; line-height: 150%;  }
.blogPostshome { width: 450px; padding: 0 15px; float: left; margin:15px 0 0 55px}
.postContent { line-height: 150%; font-size:14px; }
.postContent h2, .blogPosts h2 { font-size: 24px; font-weight: normal; line-height: 140%; margin: 0 0 10px 0; font-family: Cambria, serif; color:#00234e; }
.blogPosts h2 a { color:#00234e;border-bottom:1px dotted #00234e;} 
.postContent h3 { font-size: 20px; font-weight: normal; line-height: 140%; margin: 10px 0 5px 0; font-family: Cambria, serif; color:#00234e;}
.postContent h3 a { color:#00234e;border-bottom:1px dotted #00234e;}
.postContent h3 a name { color:#00234e;border-bottom:none;}
.postContent h3 a:hover, .blogPosts h2 a:hover { color:#00234e; border-bottom:1px solid #00234e; }
.postContent h4 { font-size: 16px; font-weight: normal; line-height: 140%; margin: 10px 0 0 0; font-family: Cambria, serif; color:#00234e; }
.postContent h4 a { color:#00234e; border-bottom:1px dotted #00234e;}
.postContent h4 a:hover{ color:#00234e; border-bottom:1px solid #00234e; }
.postContent h5 { font-size: 16px; font-weight: normal; line-height: 140%; margin: 10px 0 0 0; font-family: Cambria, serif; color:#0072bb; }
.postContent ul { list-style: square; margin: 5px 0px 5px 20px;  }
.postContent ul a{ border-bottom:1px dotted #0072bb;  }
.postContent ol { margin: 5px 0px 5px 20px; }
.postContent ol a {border-bottom:1px dotted #0072bb; }
.postContent blockquote { border: 1px solid #CFD8D1; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background:#eef2ef url(images/sidebarbg1.gif) repeat-x;  }
.postContent blockquote p { margin: 10px; font-size: 16px; line-height: 21px;}
.postContent p a { border-bottom:1px dotted #0072bb} 
.postContent p a.scale { border-bottom:none} 
.postContent p img a {border-bottom:none; }
.postContent p sup {font-size: 9px; font-weight:bold;}
.postContent table {border-collapse:collapse;border-spacing:0;}
.postContent table tr {border-bottom:1px solid #cfd8d1; }
.postContent table td {padding:10px 0; vertical-align:top }
.postContent table tr.team {border-bottom:none;}
.postContent table td.team {padding: 0 30px 10px 0; width:200px}
.postContent table td.logo {padding: 0 0 0 20px;}
.postContent hr, .blogPosts hr {border:1px solid #eef2ef; margin: 5px 0; }

/*** Blog page navigation ***/
.postContent .blognav {width:665px;height:70px;}
.postContent .previous a { background: none; width:335px; float:left; color:#8a918e; margin:20px 0; }
.postContent .next a { background: none; width:330px; float:right; color:#8a918e; margin:20px 0; text-align:right; }
.postContent .previous a:hover, .postContent .next a:hover {border-bottom:none; color:#0072bb;}

/* postmeta */
.postmeta {border-top:1px solid #cfd8d1; border-bottom:1px solid #cfd8d1;margin:20px 0; }
.postmeta p { font-size:11px; }

/*** Contact Form ***/
.postContent input { width:600px; height:40px; line-height:40px; font-size:18px; margin:10px 0; padding:5px 5px 0; background: #fff; color: #0072bb; border:none }
.postContent textarea { width:600px; padding:5px; background: #fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:130%; color: #0072bb; }
.postContent input[type="submit"] { width:70px; height:30px; line-height:30px; text-align:center; font-size:15px; margin:10px 0; background: #0072bb; border: none; color: #fff; cursor:pointer; padding:0}
.postContent input[type="submit"]:hover{ background: #00234e; }
.postContent input[type="submit"]:active { background:#c61218; }
.postContent input[type="checkbox"] { width:auto; height:auto;text-align:left }

/*** Specials ***/
.postContent .wp-caption { background: #fff; border: solid 1px #cfd8d1; text-align: center; padding-bottom: 4px; font-family: Helvetica, sans-serif; }
.postContent .wp-caption img { border: solid 5px #fff; }
.postContent .alignleft { float: left; margin: 0px 15px 5px 0px; display: block; }
.postContent .alignright { float: right; margin: 0px 0px 5px 15px; display: inline; }
.postContent .aligncenter { margin: 0 auto 0 auto; }
.postContent .wp-caption p { margin: 0px; }

/*** Sidebar ***/
.sidebarhome { width: 460px; float: right; display: block; margin:10px 0 0; }
.sidebar { width: 230px; float: right; display: block; margin:0; }
.sidebar .top {width:220px; height: 108px; margin: 0 0 20px 0;}
.sidebarhome .sidebar_left, .sidebar .sidebar_left {width:220px; float:left; margin:0 10px 0 0; }
.sidebarhome .sidebar_right, .sidebar .sidebar_right {width:220px; float:right; margin:0 10px 0 0; }
.sidebarhome .sidebarItem, .sidebar .sidebarItem { padding: 10px; margin: 10px 0 10px 0; border: 1px solid #CFD8D1; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background:url(images/sidebarbg1.gif) repeat-x; }
.sidebarhome .sidebarItem h3, .sidebar .sidebarItem h3 { font-size: 20px; font-family: Cambria, serif; font-weight: normal; }
.sidebarhome .sidebarItem h3 a, .sidebar .sidebarItem h3 a { border-bottom:1px dotted #0072bb; }
.sidebarhome .sidebarItem h4, .sidebar .sidebarItem h4 { font-size: 14px; font-family: Cambria, serif; font-weight: normal; margin:5px 0 }
.sidebarhome .sidebarItem ul, .sidebar .sidebarItem ul { margin: 10px 0px 0px 0px; list-style:url(images/list12.png); margin:0 0 0 20px; }
.sidebarhome .sidebarItem ul li, .sidebar .sidebarItem ul li { font-size: 12px; margin:6px 0;  }
.sidebarhome .sidebarItem ul li a, .sidebar .sidebarItem ul li a { border-bottom:1px dotted #0072bb;}
.sidebarhome ul.half, .sidebar ul.half{ width: 75px; float: left;}
.autoheight { height:auto; }
.fixed {height:180px;}
.fixed2 {height:140px;}

/*** Footer ***/
.footer { width: 1000px; margin: 0 auto; font-size:0.6em; color: #8a918e; background:#cbd2cc; }
.footer .fleft { width: 280px; float: left; margin: 10px 0 10px 70px; }
.footer .fcentre { width: 350px; margin: 10px 50px; float:left; }
.footer .fright { width: 130px; float: left; text-align:right; margin:10px 70px 10px 0;}