/*  
      Theme Name: Managing Websites
      Theme URI: http://example.com/example/
      Description: Child theme developed for managingwebsites.co.uk, based on Thematic by Theme Shaper - http://themeshaper.com
      Author: Liam King
      Author URI: http://www.managingwebsites.co.uk
      Version: 1.0
      Tags: two column, blue, clean, simple, tabs
      Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
      http://www.gnu.org/licenses/old-licenses/gpl-2.0.html 
*/

@import url('library/styles/comments-styles.css');


/* RESET BROWSER DEFAULTS 

This style sheet resets browser defaults - based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

@import url('library/styles/reset.css');


/* Global elements */

body {
	min-width:800px;
	font-size:95%;
}

body, input, textarea {
    font-family: Arial,Verdana,sans-serif;
    line-height:1em;
	color:#000;
}

a:link, a:visited {
    color:#0B4374;
	text-decoration:none;
}

a:active,
a:hover {
    color:#0B4374;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
	font-family:Georgia,Utopia,Palatino,serif;
}

h1 {
font-size:2em;
}

h2 {
font-size:2em;
line-height:1em;
margin:0.75em 0 0.5em;
}

h3 {
font-size:1.5em;
line-height:1em;
margin:1em 0 0.5em;
}

h4 {
font-size:1.2em;
line-height:1em;
margin:1em 0 0.5em;
}


p {
    margin-bottom:1em;
	line-height:1.3em;
}

ul {
	margin: 0 1em 1em 1em;
	list-style-image:url(library/images/bullet.png)
}

ol {
	margin: 0 0 1em 2em;
	list-style-type: decimal;
	line-height: 1.2em;
}

li {
margin:0.25em 0.25em 0;
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
pre {
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;
}
code {
	font:11px Monaco, monospace;
}
abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
ins {
	text-decoration:none;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* Layout elements */

#wrapper {
}

#header {
	position:relative;
    z-index:2;
	background-color: #004A95;
}

#header h1 {
height:160px;
margin:0 0 0 -1000em;
position:absolute;
}

#header h1 span {
background:url(library/images/logo-title.jpg) no-repeat scroll 0 0 transparent;
height:160px;
left:0;
margin-left:1000em;
position:absolute;
top:0;
width:558px;
}


#branding {
	height: 160px;
	background-image:url(library/images/header-bg.jpg);
	background-position:left;

}

#blog-title {
    font-size:3em;
    font-weight:bold;
    line-height:1em;
	text-indent:-9000px;
	background-image:url(library/images/managing-websites.jpg);
	background-repeat:no-repeat;
}

#blog-title a {
    color:white;
    text-decoration:none;
}

#blog-title a:active, #blog-title a:hover {
	text-decoration:underline
}

#blog-description {
margin: 0 0 0 -1000em;
}

#tools {
float:right;
overflow:hidden;
width: 450px;
}

#header_nav {
background:none repeat scroll 0 0 transparent;
color:white;
font-size:1.1em;
overflow:hidden;
list-style-image:none;
}

#header_nav li {
border-left:2px solid #FFFFFF;
float:right;
line-height:1em;
list-style-type:none;
padding:1px 0.5em;
}

#header_nav li a {
color: white;
}

#header_nav li a:hover, #header_nav li a:active {
color: white;
text-decoration:underline;
}


#header_nav li.no_line {
border-left:0 solid #FFFFFF;
}



/* styles for search form in header */

#cse-search-box {
clear:both;
float:right;
margin: 1em -1.5em 0 0;
}

#searchform {
float: right;
}

/* styles for actual text box for search */

#searchbox {
width: 60%;
height: 25px;
}



#main {
    
    overflow:hidden;
    position:relative;
    clear:both;
    margin:1em;
}

#access {
    z-index:100;
	background-color:#004A95;
    font-size:1.5em;
	font-family:Georgia,Utopia,Palatino,serif;
	margin:0 auto;
	text-transform:uppercase;
}


/* DTab styles for the Dynamic Menu

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
.tabbar {
margin-top: 0.2em;
}

.tabbar li, .tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 0.5em;

}

/* style the tabs */
.tab, .tabselected {

	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding:0.5em 0.5em 0.3em 0.5em;
}

.tab a {
color: white;
}

.tab a:visited {
color: white;
}

.tab a:hover, .tab a:active {
color: white;
text-decoration:underline;
}

/* makes text in highlighed tab not look like a link */
.tabselected a {
color: black;
}

.tabselected a:hover, .tabselected a:active {
color: black;
text-decoration:none;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: white;

	/* set a border, make it rounded at the top */

	border: 1px solid black;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-top-left: 5px;
	-khtml-border-radius-top-right: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	/* make the border along the bottom blend into the white background */
	border-bottom:1px solid white;
}

/* style the drop down menus */
.dmenu {
	width: 300px;
	font-family:Arial, verdana, sans-serif;
	font-size:0.7em;
	line-height:1em;
	text-align: left;
	text-transform: lowercase;
	position: absolute;
	background-color: white;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
  	margin: 2.5em 0 0 0.75em;
	
	/* put some space around the contents */
	padding: 0.2em 1.5em;

}

.dmenu a {
color: #0B4374;
}

.dmenu a:hover, .dmenu a:active {
color: #0B4374;
text-decoration:underline;
}

.dmenu a:visited {
color: #0B4374;
}

.tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 0 0 0.5em 0;
	
	/* stop ie going crazy */
	margin: 0;
}

.tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
}

/* REQUIRED: hide menus off screen by default */

.dmenu {
	left: -999em;
}


/* Content areas */

#container {
    width:64%;
    float:left;
	padding: 1em;
}

#content {
     overflow:hidden;
}


/* Styles for promo boxes */

#content .aside {
    border:1px solid #ccc;
background-color:#F4F4F4;
}

#content .aside ul {
    padding:0 1em;
}
#content .aside h3 {
    font-size:2em;
}


/* Page titles */

.page-title {
    line-height:1em;
    padding:0 0 0.25em 0;
}

.page-title a {
    color:#666;
    text-decoration:none;
}
.page-title a:active,
.page-title a:hover {
    color: #FF4B33;
}

.page-title .meta-nav {
    font-style:normal;
}

.entry-title {
line-height:1em;
padding:0 0 0.25em;
}

h2.entry-title {
margin:0;
}

.entry-title a:link,
.entry-title a:visited {
color:#0B4374;
text-decoration:none;
}

.entry-title a:active,
.entry-title a:hover {
    color: #0B4374;
	text-decoration:underline;
}

.hentry {
    margin-bottom:1em;
	padding-bottom:1em;
}


.entry-content {
    padding:1em 0 0 0;
}


/* Meta styles */

.entry-meta {
	font-size:0.9em;
    line-height:1em;
}
.entry-meta .n {
font-size:0.9em;
line-height:1em;
    letter-spacing:0.05em;

}
.entry-meta abbr {
    border:none;
    cursor:text;
    font-size:0.9em;
    letter-spacing:0.05em;
}

.entry-utility {
font-size:0.8em;
line-height:1.25em;
margin-top:1em;
}


/* Sidebar styles */

#primary {
    float:right;
    position:relative;
	width: 30%;
    padding:1em 0 0 0;
}

.aside h3 {
    font-size:1.5em;
    color: black;
	line-height:1.5em;
	margin: 0 0 0.25em 0;
	list-style-image:none;
}

.aside {
    font-size:0.9em;
    line-height:1em;
    margin-bottom:1em;
}

.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style-image:url(library/images/bullet.png);
    margin:0 0 1em 1em;
}
.aside ul ul li {
    padding:1px 0;
	line-height:1.5em;
}
.aside ul ul ul {
    margin-bottom:0;
}

.main-aside ul {
    padding:0 1em;
}
.main-aside ul ul {
    padding:0;
}


/* Footer styles */

#footer {    
    clear:both;
	height:101px;
	background-color:#003366;
	background-image:url(library/images/footer-bg.jpg);
	background-repeat:repeat;
	background-position:left;
}

#footer-flower {
float:left;
}

#siteinfo {
	text-align:center;
    color:white;
    font-size:1em;
    line-height:1em;
    padding:2em;
}

#siteinfo a {
    color:white;
	text-decoration:underline !important;
}

#siteinfo a:active,
#siteinfo a:hover {
    color: white;
	text-decoration:underline;
}


/* Author.php styles */

#author-info {
    overflow:hidden;
}
#author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
}

h3.author-articles-title {
font-size:1.5em;
margin-bottom:1em;
}

/* Images  */   

.entry-content img {
    margin: 0 0 18px 0;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* Pullquotes */

blockquote.left {
	float: left;
	margin-left:0;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:20px;
	margin-right:0;
	text-align: left;
	width: 33%;
}


/* =Menu */

.skip-link {
    display:none;
}

/* =Content */

.single .hentry {
    padding:0;
}

/* =Navigation */

.navigation {
    color:#666;
    font-size:13px;
    line-height:1.2em;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.navigation a:active,
.navigation a:hover {
    color: #FF4B33;
}
.navigation .meta-nav {
    font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
    padding:0 0 44px 0;
}