/*  
Theme Name: It's Open
Theme URI: http://itsopen.co.uk/
Description: Custom theme for It's Open - Social Media consultancy.
Version: 1.0
Author: Paul Burgess
Author URI: http://iampaulburgess.co.uk/
*/

/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */

a:link { color:#093;text-decoration:underline}
a:visited { color:#093;;text-decoration:underline}
a:hover { color:#0C0;text-decoration:underline}
a:active { color::#093;;text-decoration:underline}

h2 a:link {text-decoration:none;border-bottom:1px #093 dotted}
h2 a:hover {text-decoration:none;border-bottom:1px #0C0 solid}

a img{border: 1px solid #093;padding:2px;margin:3px}
a:hover img{border: 2px solid #0C0;padding:1px;}
a:hover{color: #0C0;border: 2px ;} /* Dummy definition to overcome IE bug */

div.sociable a img,
div#videos a img{border: 0;padding:2px;}
div.sociable a:hover img,
div#videos a:hover img{border: 0px;padding:2px;}
div.sociable a:hover,
div#videos a:hover{border: 0px ;} /* Dummy definition to overcome IE bug */


/* General layout */
body{
	text-align:center;
	background: #FFF url(/gfx/world-bg3.gif) fixed;

}
#wrapper {text-align:left;width:960px;margin-left:auto;
	margin-right:auto;background-color:#FFF}
	
#sub-wrapper {}
	
#header{
	margin-left:30px;
	height:250px;
	background-image: url(/gfx/header.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#content {width:570px;float:left;padding:15px 50px 10px 25px;margin-right:15px;border-right:1px #CCC solid}
#sidebar {width:280px;float:right;padding:25px 0 0 15px;margin-bottom:20px;}
#sidebar ul {list-style:none}



#content p, #sidebar p, #content li {line-height:160%;margin:6px 0;padding-top:5px 0;font-size:1.3em}
#content ul {margin-left:30px}
#content div p.note {font-size:1.1em;color:#999}

#content h3, #content h4, #content h5 {margin-top:20px}

#footer {clear:both;padding:40px;margin-top:10px;border-top:1px #CCC solid}
#footer p {font-size:1.1em;margin-bottom:8px}
#footer p.note {font-size:1.0em}
/* ---------------------------- */


/* Typography */
body {
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
font-size: 62.5%;
} /* 1em = 12 pixels */

h1, h2, h3, h4, h5, h6 {font-family: "Georgia", "Times New Roman", Times, serif;letter-spacing:-1px;}

h2 {font-size:2.6em;margin-bottom:10px;margin-top:8px}
.post h2 {font-weight:normal}
h3 {font-size:1.8em;margin-bottom:15px}
h4 {font-size:1.6em;margin-bottom:2px}
#sidebar li {font-size:1.2em;margin-bottom:6px}
#sidebar h4, #sidebar h2 {margin-top:20px;font-size:1.6em}

/* ---------------------------- */

#header h1 {margin:0;width:151px}
#header h1 a {
 display: block;
 background-image: url(/gfx/title.png);
 background-repeat: no-repeat;
 padding-top: 258px; height: 0 !important;
 height /**/: 258px; overflow: hidden;
}

div.post h2 {color:#093}

/* Nav */

#nav {margin:20px 0;padding:10px 10px 20px 10px ;border-bottom:1px #CCC solid;text-align:center}

ul#mainnav li {display:inline;margin-right:2px;padding-right:2px;font-family:Georgia, "Times New Roman", Times, serif;font-size:10pt}
ul#mainnav li a {padding:4px 6px;color:#FFF;background:#264478;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
ul#mainnav li a:hover {background:#369}
/*

#nav {
	width:280px;
	height:515px;
	background-image: url(/gfx/nav-paper-background.jpg);
	background-repeat: no-repeat;
	padding:60px 0 0 50px;
}

ul#nav a:hover {background-color:#333;color:#FFF;}
ul#nav {padding-bottom:15px;width:200px}
ul#nav li {font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;font-weight:bold;width:250px;margin-bottom:2px}
ul#nav span {color:#C00}
ul#nav li a {
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #EEE;
color:#006600;
text-decoration: none;
width: 100%;
}
 

*/


/*
ul#mainnav {
width:216px;
height: 515px;
background: url(/gfx/nav-text.png) no-repeat;
margin: 5px 0 0 0;
padding: 0;
position: relative;
}

ul#mainnav li {margin: 0;padding: 0;list-style: none;
position:absolute;}
ul#mainnav li, ul#mainnav a	{
height: 35px;
display: block;
width:215px;
}

ul#mainnav li a {
text-indent: -9999px; 
text-decoration: none;
width: 99%;}

#nav1 {top: 0px;}
#nav2 {top: 36px;}
#nav3 {top: 70px;}
#nav4 {top: 115px;}
#nav5 {top: 155px;}
#nav6 {top: 190px;}
#nav7 {top: 233px;}
#nav8 {top: 272px;}
#nav9 {top: 308px;}
#nav10 {top: 344px;}
#nav11 {top: 380px;}

#nav1 a:hover {background: transparent url(/gfx/nav-text.png) -217px -0px no-repeat;}
#nav2 a:hover{background: transparent url(/gfx/nav-text.png) -217px -36px no-repeat;}
#nav3 a:hover{background: transparent url(/gfx/nav-text.png) -217px -70px no-repeat;}
#nav4 a:hover{background: transparent url(/gfx/nav-text.png) -217px -115px no-repeat;}
#nav5 a:hover{background: transparent url(/gfx/nav-text.png) -217px -155px no-repeat;}
#nav6 a:hover{background: transparent url(/gfx/nav-text.png) -217px -190px no-repeat;}
#nav7 a:hover{background: transparent url(/gfx/nav-text.png) -217px -233px no-repeat;}
#nav8 a:hover{background: transparent url(/gfx/nav-text.png) -217px -272px no-repeat;}
#nav9 a:hover{background: transparent url(/gfx/nav-text.png) -217px -308px no-repeat;}
#nav10 a:hover{background: transparent url(/gfx/nav-text.png) -217px -344px no-repeat;}
#nav11 a:hover{background: transparent url(/gfx/nav-text.png) -217px -380px no-repeat;}

*/

/* #nav10 a:hover, body#contact a#contactnav {background: transparent url(/gfx/nav-text.png) -163px -245px no-repeat;} */

/* Misc */


#testimonials {padding-right:20px;margin-bottom:30px}
#testimonials p {font-size:1.1em}

img.alignleft{float:left;margin:8px}
img.alignright{float:right;margin:8px}

div.video {width:130px;height:155px;float:left;margin:0 50px 15px 0;border-bottom:1px #CCC dotted;font-size:1.2em}
div.video img {position:relative;right:3px}
div.video strong {font-weight:normal}

div#team h3 {border-top:1px #CCC dashed;margin-top:10px;padding-top:10px}
div#team h3 span {font-weight:normal}

#searchform div {margin:5px 0 5px 0}

#visit {margin-bottom:30px}

#rss, #twitter {font-size:2em;font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px #CCC dashed}
#rss span{display:block;font-size:0.7em;padding-left:55px}
#rss a, #twitter a {
	padding: 20px 0 20px 55px;
	background-repeat: no-repeat;
	background-position: left center;
}

#rss a {	background-image: url(/gfx/rss_icon.png);}
#twitter a {	background-image: url(/gfx/twitter_boxed_48.png);}

.post {margin-bottom:15px;padding-bottom:20px;border-bottom:1px #CCC solid}

.stack {margin-bottom:5px;padding-bottom:5px;border-bottom:1px #CCC dashed}

.button {background-color:#390; font-weight:bold;font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
 font-size:1.0em;border:1px #333 solid;color:#FFF;cursor:pointer;padding:0.4em;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.clear {clear:both}
.me {color:#999}
.me a {text-decoration:none}

.entry ol { padding: 0 0px 0 20px; }
.entry ol li { padding: 0 0px 5px 0px; font-size: 1.3em; }

.sociable {margin-top:15px}
.sociable ul {list-style:none}
.sociable li {display:inline}