/*
Theme Name: Caspian Learning V2
Theme URI: http://www.caspianlearning.co.uk
Description: Custom WordPress Theme for the Caspian Learning corporate site.
Version: 1.0
Author: Lee Rushworth
Author URI: http://www.thinkingworlds.com
Tags: caspian learning, caspian, thinking worlds, immersive learning

*/

body {
background-color:#f2f2f2;
}

#container {
width: 954px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
border: solid 1px #dcdcdc;
margin-top: 25px;
background-color: #ffffff;
}

#header {

}

#banner {
height:233px;
overflow:hidden;
}

#logo {
float:left;
width: 350px;
height:99px;
}

#tw-cta {
float:right;
height:74px;
margin-top:20px;
width:240px;
}

#navbar {
background-image: url(images/navbar-bg.jpg);
repeat: no-repeat;
width: 931px;
height: 43px;

clear:left;
margin-left: auto;
margin-right: auto;
z-index:10;
position:relative;
}

#navbar ul {
padding-left:1px;
}

#navbar li {
background-image:url(images/navbar-line-bg.jpg);
background-position:right top;
background-repeat:no-repeat;
color:#000000;
float:left;
font-family:Tahoma,Arial,Verdana;
font-size:10pt;
height:43px;
line-height:38px;

}
#navbar li:hover {
color:#082a4a;
float:left;
font-family:Tahoma,Arial,Verdana;
font-size:10pt;
line-height:38px;
background-image: url(images/navbar-hover-bg.jpg);
background-repeat:no-repeat;
background-position: right top;
height:43px;

}


#navbar li a {
text-decoration:none;
color:#ffffff;
display:block;
height:43px;
padding-left:20px;
padding-right:20px;
}

#navbar li a:hover {
color:#082a4a;
}

#navbar li ul {
position: absolute;
	width: 10em;
	left: -999em;


}

#navbar li:hover ul {
	left: auto;


}
#navbar li li {
background-color:#FFFFFF;
background-image:url(images/blue-sub-arrow.jpg);
background-position:left top;
background-repeat:no-repeat;
border-color:-moz-use-text-color #000000 #000000;
border-style:none solid solid;
border-width:medium 1px 1px;
padding:0;
width:150px;
height:25px;


}
#navbar li li:hover {
border-bottom: solid 1px #000000;
border-top: none;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
background-color:#0b4174;
width:150px;
padding:0px;
background-image: none;
height:25px;
background-image:url(images/gold-sub-arrow.jpg);
background-position:left top;

}


#navbar li li a {
color: #0b4174;
height:25px;
padding:0px;
line-height:22px;
padding-left:20px;
font-size:8pt;
}

#navbar li li a:hover {
color: #ffffff;
height:25px;
padding:0px;
line-height:22px;
padding-left:20px;
font-size:8pt;
}


#navbar li li.sfhover {
border-bottom: solid 1px #000000;
border-top: none;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
background-color:#0b4174;
width:150px;
padding:0px;
background-image: none;
height:25px;
background-image:url(images/gold-sub-arrow.jpg);
background-position:left top;

}


#navbar li li.sfhover a {
color: #0b4174;
height:25px;
padding:0px;
line-height:22px;
padding-left:20px;
font-size:8pt;
}

#navbar li li.sfhover a:hover {
color: #ffffff;
height:25px;
padding:0px;
line-height:22px;
padding-left:20px;
font-size:8pt;
}

#search {
border:medium none;
color:#666666;
float:left;
font-family:verdana;
font-size:11px;
margin-left:157px;
margin-top:3px;
padding:2px;

}

#searchinput {
border:medium none;
color:#666666;
float:left;
font-family:verdana;
font-size:11px;
height:13px;
margin-top:9px;
width:130px;

}

#searchsubmit {
margin-left:12px;
margin-top:5px;
float:left;
}
#banner {
width: 930px;
margin-top:10px;
margin-left: auto;
margin-right: auto;
z-index:5;
position:relative;
}


#content {
float:left;
padding:15px;
}
#leftcontent {
float:left;
margin-right:20px;
width:660px;
padding-bottom:20px;
}
#leftcontent .entry {
	margin-bottom: 20px;
	clear: left;
	float: left;
	overflow: hidden;
}

#leftcontent h1 {
font-family: Tahoma, Arial;
font-weight: normal;
font-size: 17pt;
color: #114f87;
padding-bottom:10px;
padding-top:10px;

}
/* End captions */

#leftcontent .entry h2 a, #leftcontent h2 {
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 15pt;
	color: #114f87;
	padding-bottom:10px;
	padding-top:10px;
	text-decoration: none;
}
#leftcontent .entry h2 a:hover {
text-decoration: underline;
}
#leftcontent h3 {
font-family: Tahoma, Arial;
font-weight: bold;
font-size: 11pt;
color: #666666;
padding-top:10px;
padding-bottom:10px;


}

#leftcontent h1 span {
color: #5d5d5d;
}

#leftcontent .entry p {
font-family: tahoma, arial;
line-height: 1.5;
font-size: 10pt;
color: #666666;
padding-top:5px;
padding-bottom:5px;

}

#leftcontent .entry li {
background-image:url(images/gold-arrow.gif);
background-position:left top;
background-repeat:no-repeat;
color:#666666;
font-family:tahoma,arial;
font-size:10pt;
line-height:1;
margin-left:20px;
padding-bottom:10px;
padding-left:15px;
}

#leftcontent .entry p a, td a, #leftcontent .entry p a:visited, #navigation a, #navigation a:visited {
color: #165e99;
text-decoration: none;
font-weight: bold;
}

#leftcontent .entry p a:hover, #navigation a:hover, td a:hover {
text-decoration: underline;
}
.small {
color:#666666;
font-family:Tahoma;
font-size:8pt;
height:10px;
margin-right:20px;
text-align:right;
}
#navigation {
font-family: Tahoma, Arial;
margin-top:20px;
font-size:10pt;

}
#navigation .alignleft {
	float: left;
	height: 45px;
	width: 310px;
}
#navigation .alignright {
	float: right;
	height: 45px;
	width: 310px;
	text-align: right;
}
#rightbar {
float:right;
margin-right:7px;
width:220px;
}

#newsblock {
border: solid 1px #cccccc;
width:230px;
margin-bottom:25px;
}

#newsblock h3 {
background-image:url(images/news-title-bg.jpg);
color:#5D5D5D;
font-family:Tahoma,Arial;
font-size:15pt;
height:41px;
line-height:38px;
padding-left:55px;
width:175px;
border-bottom: solid 1px #cccccc;
}

#newsblock ul {
list-style-type: none;
margin-bottom:15px;
margin-left:25px;
margin-top:10px;
}

#newsblock li {
background-image:url(images/black-bullet.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
margin-bottom:5px;
margin-right:20px;
padding-bottom:5px;
padding-left:15px;
}

#newsblock li a, #newsblock li a:visited {
color: #145088;
text-decoration:none;
font-size:9pt;
font-family: Tahoma, verdana, arial;

}

#newsblock li a:hover {
text-decoration: underline;
}

#demosblock {
border: solid 1px #cccccc;
width:230px;
margin-bottom:25px;
}

#demosblock h3 {
background-image:url(images/demo-header-title.jpg);
color:#5D5D5D;
font-family:Tahoma,Arial;
font-size:15pt;
height:41px;
line-height:38px;
padding-left:55px;
width:175px;
border-bottom: solid 1px #cccccc;
}

#footer {
width: 954px;
height: 233px;
background-image: url(images/footer-bg.jpg);
clear:left;
}

#footer h3 {
	color:#5D5D5D;
	font-family:Tahoma,Arial;
	font-size:15pt;
	font-weight:normal;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#caspianfor {
float:left;
padding-right:15px;
width:224px;
}

#caspianfor ul, #spotlight ul, #seeusat ul, #chrisblog ul {
margin-left:15px;
}

#caspianfor li, #spotlight li, #seeusat li, #chrisblog li {
background-image:url(images/gold-arrow.gif);
background-repeat:no-repeat;
font-family:tahoma;
font-size:8pt;
line-height:1.3;
padding-bottom:7px;
padding-left:15px;
}

#caspianfor li a, #caspianfor li a:visited, #spotlight li a, #spotlight li a:visited, #seeusat li a, #seeusat li a:visited, #chrisblog li a, #chrisblog li a:visited  {
text-decoration:none;
color:#145088;
}

#caspianfor li a:hover, #spotlight li a:hover, #seeusat li a:hover, #chrisblog li a:hover {
text-decoration:underline;
}

#spotlight {
float:left;
width:239px;
}

#seeusat {
float:left;
width:239px;
}

#chrisblog {
float:left;
width:225px;
}

#copyright {
width:950px;
margin-left:auto;
margin-right:auto;

}

#copyright ul {
float:right;
height:25px;
margin-right:-15px;
width:420px;
}

#copyright li {
display:inline;
float:left;
padding-left:15px;
padding-right:15px;
padding-top:12px;
}

#copyright li a, #copyright li a:visited {
color: #666666;
text-decoration:none;
font-size:10pt;
font-family:tahoma;
}
#copyright li a:hover {
text-decoration:underline;

}
.copyrighttext {
clear:right;
float:right;
height:25px;
margin-right:75px;
margin-top:-25px;
}

.copyrighttext p {
font-family: tahoma;
font-size:8pt;
color: #666666;
}

.alignright {
float:right;
}
table {
	font-family: Tahoma, Arial, Verdana;
	line-height: 1.5;
	font-size: 10pt;
	color: #666666;
}
table b {
color:#ffffff;
}

td {
padding:3px;
}
.mgmt {
margin:5px;
padding:5px;
}

.case-study {
margin:5px;
padding:5px;
border: solid 1px #cccccc;
overflow:hidden;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* jcarousel tango */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fffff;
    border: 1px solid #cccccc;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/* end jcarousel tango */

#sharethis_0 {
clear:left;
display:block;
float:right;
margin-right:35px;
}

.video {
float:left;
margin-right:20px;
margin-bottom:20px;
}

.entry strong {
font-weight:bold;
}

.entry em {
font-style: italic;
}