/*   
Theme Name: icritchley
Theme URI: http://www.iancritchley.com
Description: A Wordpress theme for Ian Critchley
Author: Elliott Richmond
Author URI: http://www.squareonemd.co.uk
Version: 1.0
*/

@import url('css/menu.css');

body {
margin:0;
padding: 0;
background-color: #eeeeee;
text-align:center;
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
}

a:link {
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: underline;
}
a:active {
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: underline;
}
a:visited {
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: underline;
}
a:hover {
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: underline;
}

h3 {
font-size:24px;
font-weight:normal;
line-height:32px;
}

#header-container {
width: 100%;
height: 96px;
margin:0;
padding: 0;
background: url(images/headbg.jpg) repeat-x #050505;
text-align: center;
}
#header {
width: 990px;
height: 96px;
margin: 0 auto;
background: url(images/header.jpg) no-repeat;
position: relative;
}
#header-nav {
width: 990px;
height: 96px;
margin: 0;
padding: 0;
position: absolute;
top: 50px;
right: 50px;
text-align: right;
}
#header-nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#header-nav ul li {
margin: 0;
padding: 0 0 0 20px;
display: inline;
}
#header-nav ul li a:link {
font: bold 13px tahoma;
color:#cccccc;
text-decoration: none;
}
#header-nav ul li a:visited {
font: bold 13px tahoma;
color:#cccccc;
text-decoration: none;
}
#header-nav ul li a:hover {
font: bold 13px tahoma;
color:#cccccc;
text-decoration: none;
}
#header-nav ul li a:active {
font: bold 13px tahoma;
color:#cccccc;
text-decoration: none;
}


/* slider */
.slideshow {
height: 320px;
width: 892px;
margin: auto
}
.slideshow img {
border: 0px solid #ccc;
float:right;
}

/* global */
a img {
border:none;
}

.imgright {
float:right;
margin:0 10px;
border: 0px solid #cccccc;
}

.alignright {
float:right;
margin:10px 10px
}

.alignleft {
float:left;
margin:10px 10px
}

.main-container {
width: 890px;
height: 300px;
margin: 15px auto 0 auto;
background-color: #ffffff;
border: 1px solid #cccccc;
text-align:left;
}
.main-container-left {
float: left;
width:430px;
height: 250px;
margin: 0px 0 0 40px;
text-align: left;
}

.main-container-left p{
font-size:12px;
line-height:18px;
}

h1#main-container-title  {
margin: 0;
padding: 0;
font: bold 32px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
color:#000000;
}
#main-container-description {
margin: 15px 0 0 0;
font: bold 16px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
color:#222222;
}
#big-button {
width: 430px;
height: 75px;
margin: 20px 0 0 0 ;
}
#main-container-bottom-left {
float: left;
margin: 10px 10px 0 0;
font: bold 18px arial;
color:#000000;
}
#main-container-bottom-right {
float: right;
margin: 10px 0 0 0;
font: bold 18px arial;
color:#000000;
}
#main-container-bottom-left img {
padding: 0 10px 0 0;
}
#main-container-bottom-right img {
padding: 0 10px 0 0;
}

#main-container-bottom-left a:link{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-left a:active{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-left a:visited{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-left a:hover{
color:#246daa;
font: bold 18px arial;
}

#main-container-bottom-right a:link{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-right a:active{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-right a:visited{
color:#246daa;
font: bold 18px arial;
}
#main-container-bottom-right a:hover{
color:#246daa;
font: bold 18px arial;
}



.main-container-right {
float: right;
width:340px;
height: 250px;
margin: 25px 40px 0 0;
}
#slider {
width: 340px;
height: 250px;
margin: 0;
padding: 0;
}
#slideshow {
position:relative;
height:250px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 250px;
width: 340px;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}

#content-container {
width: 890px;
height: 100%;
margin: 15px auto 0 auto;
background-color: #ffffff;
border: 1px solid #cccccc;
text-align: left;
}
.content {
float: left;
width: 205px;
height: 100%;
margin: 15px 0 15px 0;
padding: 0 0 0 15px;
border-right: 1px solid #cccccc;
line-height:18px;
}
.content-last {
float: left;
width: 205px;
height: 100%;
margin: 15px 0 15px 0;
padding: 0 0 0 15px;
line-height:18px;
}
p.content-title {
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
}

p.content-title span {
font-size:80%;
color:#999;
}

p.content-title a:link{
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
p.content-title a:active{
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
p.content-title a:visited{
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
p.content-title a:hover{
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

p.content-description {
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 12px;
color: #888888;
}
p.content-photo {
}
p.content-description img {
padding: 10px 0 0 0;
}

#links-container {
width: 890px;
height: 100%;
margin: 15px auto 0 auto;
background-color: #ffffff;
border: 1px solid #cccccc;
text-align: left;
}
.links {
float: left;
width: 150px;
height: 100%;
margin: 40px 0 40px 50px;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
color: #888888;
}
h2.links {
margin: 0;
padding: 0;
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
}
.links h2{
margin: 0;
padding: 0;
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
}
.links ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.links ul li a:link {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
color: #888888;
text-decoration: none;
}
.links ul li a:active {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
color: #888888;
text-decoration: none;
}
.links ul li a:visited {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
color: #888888;
text-decoration: none;
}
.links ul li a:hover {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
color: #888888;
text-decoration: none;
}


#footer-container {
width: 890px;
height: 50px;
margin: 15px auto 0 auto;
background-color: #eeeeee;
text-align: center;
}
#footer {
font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
font-size: 12px;
color: #888888;
}

#blog-container {
width: 890px;
height: 100%;
margin: 15px auto 0 auto;
border: 1px solid #cccccc;
background-color: #ffffff;
text-align: left;
}
#blog-container-left {
float: left;
width: 545px;
height: 100%;
margin: 15px 0 15px 15px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
#blog-sidebar {
float: right;
width: 300px;
height: 100%;
margin: 15px 15px 15px 0;
border: 1px solid #cccccc;
background-color: #ffffff;
}
#blog-sidebar h2 {
margin: 15px 15px 25px 25px;
padding: 0;
font-size: 16px;
color: #222222;
font-weight:bold;
}
#blog-sidebar ul {
margin: 20px 15px 30px 20px;
padding: 0;
list-style-type: none;
}
#blog-sidebar ul li {
margin: 0;
padding: 10px 0 10px 0;
font-size: 14px;
color: #666666;
border-bottom: 1px solid #e3e3e3;
}


#blog-sidebar ul li a:link {
font-size: 14px;
color: #666666;
text-decoration: none;
}
#blog-sidebar ul li a:visited {
font-size: 14px;
color: #666666;
text-decoration: none;
}
#blog-sidebar ul li a:active {
font-size: 14px;
color: #666666;
text-decoration: none;
}
#blog-sidebar ul li a:hover {
font-size: 14px;
color: #666666;
text-decoration: none;
}


.blog-single {
margin: 0 15px 15px 15px;
font-size: 13px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
line-height: 22px;
}
p.blog-single-title {
margin: 15px 15px 15px 0;
font-size: 16px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
p.blog-single-description {
margin: 0 15px 15px 15px;
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
p.blog-single-post-meta {
margin: 0 15px 15px 0;
font-size: 12px;
color: #888888;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
.clear {
clear: both;
}

p.blog-single-title a:link {
font-size: 16px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
}
p.blog-single-title a:active {
font-size: 16px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
}
p.blog-single-title a:visited {
font-size: 16px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
}
p.blog-single-title a:hover {
font-size: 16px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
}

p.next-previous {
margin: 0 0 15px 0;
text-align: center;
}
p.next-previous a:link {
font-size: 12px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
font-weight: bold;
}
p.next-previous a:active {
font-size: 12px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
font-weight: bold;
}
p.next-previous a:visited {
font-size: 12px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
font-weight: bold;
}
p.next-previous a:hover {
font-size: 12px;
color: #222222;
font-weight:bold;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration: none;
font-weight: bold;
}
#footerbar {
margin-top:20px;
}

#footerbar h2{
display:block;
font-size:24px
font-weight:bold;
margin:0.83em 0;
}
#footerbar a{
font-size:24px;
color:black;
}

#endorsment {
background-color:#FFFFFF;
float:right;
height:100%;
margin:15px auto 0;
width:300px;
}