/*
Theme Name: ETWC
Theme URI: http://www.escapingthewordcage.co.uk
Version: 1.0
Description: Escaping the Word Cage Blog
Author: John Broughton
Author URI: http://www.vividcopy.com
*/

/*----------------------------------------------------------
 STRUCTURAL
---------------------------------------------------------- */

body {
	color: #444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align:center;
	background: #FFF;
	/* background: #FFF url(images/bg.jpg) fixed;  */
	/* background: #ECF7F8; */
}

 h1, h2, h3,h4, p, a, img, li, ol, ul, fieldset, form, input, label, legend, blockquote {
	padding: 0;
	border: 0;
	margin: 0;
	font-weight: normal;
	border: none;
}

.wrapper {
	clear: both;
}

#header-wrapper {
	height: 120px;
}

#page-wrapper {
	font-size: 0.90em;
}

#footer-wrapper {
	position: relative;
	top: 30px;
	padding-top: 10px;
}

.excerpt-row {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.container {
	margin: 0 auto;
	text-align: left;
}

#post-container, #main, #page-links, .excerpt-row, .container, #page-header.full {
	width: 960px;
}

.excerpt  {
	width: 460px;
}

#page-links {
	clear: both;
}

#sidebar, #searchform  {
	width: 300px;
	clear: right;
}

.archive-list {
	width: 300px;
	padding: 35px 0 15px 0;
}

.excerpt,  .excerpt-content, .excerpt-row, img, .video, .excerpt.odd, .excerpt-header, #page-header, .excerpt h3 {
	float: left;
}

#searchform {
	margin-top: 20px;
}

.excerpt-content {
	padding: 0.75em 0 0.25em 0;
}

#comment-text{
	width: 586px;
} 

#main.single, #comments, #main.page, #trackbacks, .post-content, .post-footer, #comment-entry, #comments h3, #trackbacks h4, #page-header, #page-header h2, #page-header h4, #page-header p   {
	width: 600px;
}

#sidebar, #searchform, .excerpt.even {
	float: right;
}

.excerpt-content img, .excerpt-content .video {
	margin: 10px 0;
}

.excerpt-content h3 {
	margin-top: 10px;
}

#page-header, #page-header img {
	margin-bottom: 20px;
}	

#page-header.single {
	margin-bottom: 0;
}

.excerpt-footer p {
	margin-bottom: 0;
}

/* LOGO */

#logo {
	width: 600px;
	height: 100px;
}

a#logo:hover, a#logo:active, a#logo:focus {
	background-position: 0 -100px;
}

.rollover {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/main-sprite.png) no-repeat;
}

#vc-home {
	height: 200px;
	width: 200px;
	background-position: 0 -500px;
}

#vc-home:hover {
	background-position: 0 -700px;
}

#vc-about {
	height: 200px;
	width: 260px;
	background-position: -200px -500px;
}

#vc-about:hover {
	background-position: -200px -700px;
}

#vc-linklove {
	height: 200px;
	width: 200px;
	background-position: -500px -500px;
}

#vc-linklove:hover {
	background-position: -500px -700px;
}

#rss {
	position: relative;
	top: 30px;
	left: -10px;
	height: 70px;
	width: 280px;
	background-position: 0 -200px;
}

#rss:hover, #rss:active, #rss:focus {
	background-position: 0 -270px;
}

#explore, #seo-copywriter, #llove {
	height: 66px;
	width: 280px;
	margin-right: 60px;
}

#explore {
	background-position: -300px -200px;
}

#explore:hover, #explore:active, #explore:focus, span#explore {
	background-position: -300px -266px;
}

#llove {
	background-position: 0 -360px;
}

#llove:hover, #llove:active, #llove:focus, span#llove {
	background-position: -0 -426px;
}

#seo-copywriter {
	background-position: -300px -360px;
	margin-right: 0;
}

#seo-copywriter:hover, #seo-copywriter:active, #seo-copywriter:focus, span#seo-copywriter {
	background-position: -300px -426px;
}

/* LINKLOVE */

.linklove {
	float: left;
	width: 24px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/single-sprite.gif);
	background-repeat:no-repeat;
	background-position: 0 -150px;
}

.linklove.onelove {
	background-position: -24px -150px;
}

.linklove.twolove {
	background-position: 0 -168px;
}

.archive-list li {
	list-style: none;
	list-style-image: none;
	padding-top: 0.5em;
}

#footer a.rollover {
	margin-bottom: 10px;
}

#copyright {
	clear: both;
	font-size: 0.94em;
	text-align: right;
	padding: 10px 0;
}

.excerpt-footer {
	text-align: right;
}

#sidebar {
	margin-top: 20px;
}

#sidebar-toolbox {
	position: fixed;
	top: 135px;
}

/* TOOLBOX */

#page ul#toolbox, #etwc-bookmarks {
	float: left;
	clear: both;
	width: 280px;
	margin: 0;
}

#page ul#toolbox {
	height: 160px;
}

#page ul#toolbox li {
	margin: 0;
	list-style: none;
	list-style-image: none;
	margin-top: 10px;
}

#page ul#toolbox li, #page ul#toolbox li a, #page ul#toolbox li span {
	float: left;
	padding: 0;
	width: 70px;
	height: 70px;
}

#page ul#toolbox li a, #page ul#toolbox li span {
	text-decoration: none;
	margin: 0;
	background-image: url(images/single-sprite.gif);
	text-indent: -9999px;
}

#page #tb-top a {
	background-position: 0 0;
}

#page #tb-top a:hover {
	background-position: 0 -70px;
}

#page #tb-previous span {
	background-position: -70px 0;
}

#page #tb-previous a {
	background-position: -70px -70px;
}

#page #tb-previous a:hover {
	background-position: -70px -140px;
}

#page #tb-next span {
	background-position: -140px 0;
}

#page #tb-next a {
	background-position: -140px -70px;
}

#page #tb-next a:hover {
	background-position: -140px -140px;
}

#page #tb-articles a {
	background-position: -210px 0;
}

#page #tb-articles a:hover {
	background-position: -210px -70px;
}


#page #tb-reply span {
	background-position: 0 -210px;
}

#page #tb-reply a {
	background-position: 0 -280px;
}

#page #tb-reply a:hover {
	background-position: 0 -350px;
}

#page #tb-rss span {
	background-position: -70px -210px;
}

#page #tb-rss a {
	background-position: -70px -280px;
}

#page #tb-rss a:hover {
	background-position: -70px -350px;
}

#page #tb-trackback span {
	background-position: -140px -210px;
}

#page #tb-trackback a {
	background-position: -140px -280px;
}

#page #tb-trackback a:hover {
	background-position: -140px -350px;
}

#page #tb-comments span {
	background-position: -210px -210px;
}

#page ul#toolbox #tb-comments a {
	height: 56px;
	padding-top: 14px;
	text-align: center;
	text-indent: 0;
	font-weight: bold;
	background-position: -210px -280px;
}

#page ul#toolbox  #tb-comments a:hover {
	background-position: -210px -350px;
}

/* BOOKMARKING */

#etwc-bookmarks {
	float: left;
	clear: both;
	width: 260px;
	padding: 0 10px;
} 

#etwc-bookmarks ul {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#etwc-bookmarks ul li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 0;
	width: 40px;
	height: 40px;
}

#etwc-bookmarks img {
	float: none;
	width: 16px;
	height: 16px;
	padding: 12px;
	border: 0;
}

#comments h3 {
	margin: 0;
	padding-top: 30px;
}

#diggbutton {
	width: 52px;
	height: 52px;
	float: left;
	margin-right: 12px;
}

/* COMMENT FORM */

#commentform {
	margin-top: 10px;
}

label {
	margin-left: 10px;
}

#author, #email, #url {
	width: 230px;
	margin-bottom: 10px;
}

/* LISTS */

#page ul li, #page ol li {
	margin: 0.25em 0 0.5em 2em;
}

#page ul li {
	list-style: disc;
}

#page ul, #page ol {
	margin-bottom: 1em;
}

#page ul li a {
	margin-bottom: 0;
}

#page ul li ul {
	margin: 0 0 0 1em;
	list-style: circle;
}

#page ul li ul li {
	list-style: circle;
}

#page ul.archive-list li, #page .sociable ul li {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

#page ul.postdigg {
	margin-left: 72px;
}

/* COMMENTS */

.comment {
	font-size: 0.96em;
	margin-top: 10px;
}

.comment-content, .comment-footer {
	margin-left: 25px;
	padding: 0 10px;
}

.comment-content img {
	float: none;
}

.comment-header {
	height: 50px;
	margin-top: 30px;
	padding-bottom: 22px;
	background: url(images/comment-top.gif) bottom left no-repeat;
}

.comment-header p {
	float: left;
	margin: 0;
}

.comment-header cite {
	float: left;
	padding: 4px 20px 4px 8px;
	height: 42px;
}

.comment-header img {
	float: left;
}

#comment-entry {
	padding-top: 30px;
}

#s, #searchsubmit {
	float: left;
	margin: 0;
	padding: 4px;
}

#s {
	width: 190px;
}

#searchsubmit {
	font-size: 0.96em;
	width: 82px;
}

.archive-list li.first {
	padding-top: 0;
}

.children {
	font-size: 0.92em;
}

#post-nav  {
	clear: both;
	float: right;
	margin: 10px 0 20px 0;
}

#make-comment {
	float: left;
	margin: 0 10px 20px 0;
}

#tag-header {
	margin-top: 5em;
}

.wp-tag-cloud  {
	float: left;
	padding: 20px;
	margin: 0;
}

#page .wp-tag-cloud li {
	float: left;
	list-style: none;
	list-style-image: none;
	margin: 0.75em 0.75em 0 0.75em;
	text-align: center;
}

.wp-tag-cloud a {
	float: left;
	padding: 0.25em 1.25em;
	margin: 1px;
}

#post-nav li.active_page a, .archive-list .current-cat a {
	cursor: default;
}

acronym {
	cursor: help;
}

#make-comment, #rss, #searchsubmit, .archive-list .current-cat .children a, #make-comment {
	cursor: pointer;
}

p {
	margin-bottom: 0.75em;
}

a, .current-cat .children a {
	color: #286B9C;
	text-decoration: none;
}

a:hover, .current-cat .children a:hover {
	color: #6D9BE0;
}

.current-cat a, .current-cat a:hover {
	color: #444;
}

#post-nav {
	float: left;
	width: 100%;
	clear: both;
}

#page #post-nav ul {
	float: right;
}

#page #post-nav li {
	list-style: none;
	margin: 0 0 0 0.5em;
	float: left;
}

#page #post-nav li.page_info {
	margin-right: 0.5em;
}

.excerpt-header .video {
	margin-right: 190px;
}

strong {
	font-weight: normal;
	color: #222;
}

#page-header.single h3 {
	clear: both;
	padding-top: 10px;
}

#trackbacks h4 {
	margin: 0;
	padding-top: 30px;
}

blockquote {
	padding: 15px 10px 10px 50px;
	background-image: url(images/bq.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

#page-header blockquote {
	clear: both;
}

#page-header blockquote p {
	padding: 0;
	border: none;
	background: none;
	padding: 0 7px 0 13px;
	width: 525px;
}

.post-content blockquote {
	color: #666;
}

.post-content blockquote strong {
	color: #333;
}

a.excerpt-header {
	background-color: #1A2320;
}

.post-content img {
	float: left;
	margin: 1.5em 1em 1em 0;
}

#s {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.comment-content {
	margin-top: -1px;
}

#comment-text-wrapper {
	background: #FFF;
}

#comment-text {
	border: none;
}

h2 {
	font-size: 190%;
	margin: 0.8em 0 0.6em 0;
}

h3 {
	font-size: 140%;
	margin-bottom: 0.4em;
}

.excerpt h3 {
	margin-bottom: 0;
}

h4 {
	font-size: 110%;
	margin: 1.5em 0 0.25em 0;
}

#page-header h4 {
	margin: 0;
}

.excerpt h4 {
	margin: 0.25em 0 0.75em 0;
}

.excerpt-content, .excerpt-footer p, .excerpt h4, .excerpt h3 {
	clear: both;
	width: 460px;
}

.post-content h4 {
	font-weight: bold;
}

/*-----------------------------------------------------------
 STYLING
----------------------------------------------------------- */

blockquote, .archive-list li {
	font-family: "Courier New", Courier, monospace;
}
 
#post-nav a, .inputbox, #comment-text, #make-comment, #s, #searchsubmit, .comment-content, .comment-header cite, .post-footer, .reference, .archive-list li, #all-articles, .wp-tag-cloud li {
	padding: 7px;
	border-top: 1px solid #AAA;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #BBB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#all-articles  {
	border-top: 1px solid #AAA;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-top-right: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-radius-top-left: 8px;
}

.archive-list .children li {
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 7px 0 0 0;
}

#page ul.archive-list li {
	margin-bottom: 10px;
}

ul.children {
	padding-top: 8px;
}

.comment-content {
	padding-top: 17px;
}

.comment-header cite {
	padding: 4px 20px 4px 8px;
}

.comment-header img {
	border-top: 1px solid #AAA;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #BBB;
}

#page-header {
	padding-bottom: 30px;
}

.post-footer, .reference {
	margin-top: 20px;
	width: 586px;
}

#s {
	border-right: none;
	padding-bottom: 10px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-radius-top-right: 0;
	-webkit-border-radius-bottom-right: 0;
}
 
#searchsubmit, .comment-header cite {
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-radius-top-left: 0;
	-webkit-border-radius-bottom-left: 0;
}

#post-nav a {
	background: #286B9C;
	color: #FFF;
}

#post-nav .active_page a, #post-nav a:hover {
	background: #EEF;
	color: #286B9C;
}

#header-wrapper, #footer-wrapper {
	background: #B1CAE9 repeat-x url(images/bg.jpg);
}

.wizely .comment-header cite, .wizely .comment-content {
	background-color: #EEF;
}