/*  
Theme Name: Doug
Author: Postmodern Sublime for Lineage Interactive
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/

@font-face {
    font-family: 'Rough_TypewriterBold';
    src: url('http://www.dougrichardson.com/wp-content/themes/doug/typewriter/rough_typewriter_x_bold-webfont.eot');
    src: url('http://www.dougrichardson.com/wp-content/themes/doug/typewriter/rough_typewriter_x_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.dougrichardson.com/wp-content/themes/doug/typewriter/rough_typewriter_x_bold-webfont.woff') format('woff'),
         url('http://www.dougrichardson.com/wp-content/themes/doug/typewriter/rough_typewriter_x_bold-webfont.ttf') format('truetype'),
         url('http://www.dougrichardson.com/wp-content/themes/doug/typewriter/rough_typewriter_x_bold-webfont.svg#Rough_TypewriterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #363636; color: #271c16; font: 12px/1.4 "Courier", Courier, monospace; height:100%}
p{padding: 0 0 10px;}
blockquote {margin: 0 0 12px 30px; font: italic 14px Georgia, serif; border-left: 1px #333 dashed; padding: 12px; }
a {color: #993300;text-decoration: none; }
a:hover {color: #000;}
a:active, a:focus {outline: none}
a.button {color: #fff; background: #ed118f; font-weight: bold; text-transform: uppercase; padding: 5px; margin: 0 0 5px}
a.button:hover {background: #000}

.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto 12px; text-align: center}

img.alignleft {margin-right: 10px}
img.alignright {margin-left: 10px}
.mb10 {margin-bottom: 10px}
.mr10 {margin-right: 10px}
.mt10 {margin-top: 10px}
.ml10 {margin-left: 10px}

hr.clear {height: 0;  width: 100%; clear: both; padding: 10px 0 0}

.post img {}
input,select,textarea{font: normal 1em  Helvetica, Arial, sans-serif;padding: 2px; border: 1px #ddd solid}
input[type=submit] {cursor: pointer; font-weight: bold; background: #3d516e; padding: 5px; color: white}
input[type=submit]:hover {background: #5a79a6}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-family: 'Rough_TypewriterBold'; font-weight: normal}
h1{font-size: 24px; margin: 0 0 10px;}
h2{font-size: 20px; margin: 0 0 10px; }
h3 {font-size: 16px; margin: 0 0 10px; }
/*=== Layout ===*/
.centered{width: 960px; margin: 0 auto; position: relative}
.row {clear: both; overflow: hidden;}
#wrap{width: 1149px; margin: 0 auto; position: relative; background: url(images/typewriter.png) no-repeat center 0}

/*=== Header ===*/
#header{position: relative; height: 274px; position: relative; z-index:3}
#logo {margin: 80px 0 0 260px; font-size: 20px; float: left; font-size: 32px}
#logo a {display: block; height: 80px; color: #000}
#tagline {position: absolute; top: 117px; left: 0px; color:#F9F8F4; font-size: 11px}
/*main nav*/
	#mainmenu {position: absolute; z-index: 10; bottom: 22px; width: 820px; left:90px}
	#mainmenu ul {text-align: center}
	#mainmenu li {display: inline; font-size: 18px; font-family: 'Rough_TypewriterBold';z-index: 10; position: relative; line-height: 35px}
		#mainmenu li.noline {border-left: none}
		#mainmenu li a {line-height: 1; padding: 0 12px; color: #fff; line-height: 35px}
		#mainmenu li a:hover, #mainmenu .current-menu-item a {color: #eee;}
		#mainmenu li ul {position: absolute; left: -999em; z-index: 11; padding: 0; width: 150px; top: 35px}
			#mainmenu li:hover ul, #mainmenu li.hover ul {left: auto}
				#mainmenu li li {float: none;line-height: 24px; border: none }
					#mainmenu li li:hover, #mainmenu li li.hover {}
					#mainmenu li li	a {line-height: 24px; white-space: nowrap; }	
	
#social {position: absolute; z-index: 10; right: 175px; bottom: 24px}
	#social a {float:left; display: block; background-image: url(images/social.png); background-repeat: no-repeat; margin: 0 0 0 10px; height: 24px; opacity: 0.75}
		#social a:hover {opacity: 1}
		#facebook {background-position: 0 0; width:10px}
		#twitter {background-position: -10px 0; width: 15px }
		#youtube {background-position: -24px 0; width: 56px }
		#rss {background-position: -75px 0; width: 19px }		 

#search {width:195px;height: 24px; margin: 5px 5px 0 5px; float: right;background: url(images/bg_search.png) no-repeat 0 0}
	#search #s {width: 150px; font-size:  90%; background: none; padding: 4px; font-style: italic}	
#search #searchsubmit {background: none; position: absolute; top: 0; right: 3px; height: 18px; width: 18px; border: 0; cursor: pointer }
		
/*front page promos*/
#promo {position: relative; z-index:1; width: 930px; margin: 0 auto 15px; height: 130px}
	#slider {margin: 0 auto}
	#promo-nav {}
		#promo-nav li {float: left; margin: 0 10px; height: 120px; width: 80px; background: #F0EAD8; padding: 2px; border: 1px #E6DFCC dotted; overflow: hidden}
		#promo-nav li img {display: block; margin: 0 auto}
		.carousel-control {position: absolute; width: 20px; height: 80px; bottom: 25px; z-index: 3; cursor: pointer; background-image: url(images/carousel_controls.png); background-repeat: no-repeat; opacity: 0.85; filter: alpha(opacity=85); background-color: #f8f5f0 }
		.carousel-control:hover {opacity: 1}
		.carousel-control.prev {left: 15px; background-position: 0 0}
		.carousel-control.next {right: 15px; background-position: -20px}
		.carousel-control.disabled, .carousel-control.disabled:hover {cursor: default;opacity: 0.25; filter: alpha(opacity=25)}
		.white-shield {position: absolute; width: 10px; height: 130px; top: 0px; z-index: 2; background-color: #f8f5f0; }
		.white-shield.prev {left: 25px;}
		.white-shield.next {right: 25px;}


#slideshow-controls {position: absolute; top: 15px; right: 15px; z-index: 10; background: url(images/bg_trans_dark.png)}
.slideshow-control {cursor: pointer; float: left; z-index: 3; background: url(images/slideshow-controls.png) no-repeat; height: 20px; width: 20px; display: block; opacity: 0.5; filter: alpha(opacity=50)}
.slideshow-control:hover {opacity: 1}
#play-pause {}
#play-pause.play {background-position: 0 0}
#play-pause.pause{background-position: 0 -20px}
#slideshow-prev {background-position: 0 -40px; }
#slideshow-next {background-position: 0 -60px; }

#promo .widget {height: 240px; margin:0}
		

/*=== Main column ===*/
#content{overflow: hidden; clear:both; width: 1002px; background: url(images/bg_content.png) repeat-y center 0; position: relative;z-index: 2; margin: 0 0 0 8px}
#main{float: left; width: 600px; overflow: hidden; margin: 0 0 0 50px;font-size: 120%}
#main-content {}

/*=== Post ===*/
.page-title {}
.blogpost {margin: 0 0 10px; padding: 0 0 10px; clear:both; border-bottom: 2px dotted #CACACA; overflow:hidden }
.blogpost .date {font: 180%/1 "Courier", Courier, monospace; text-transform: uppercase; color: #fff; width:75px; float: left; margin: 0 10px 0 0; text-align: center; background: #000}
.blogpost .preview-image {margin: 0 15px 0 3px}
.post {clear: both; overflow: hidden}
.post p, .post ul, .post ol {padding: 0 0 10px; text-align: justify}
.post ol {margin: 0 0 0 20px}
.post ul{margin: 0 0 0 12px}
.post p a, .post li a {font-weight: bold}
.post ul li ul, .post ol li ol{margin-bottom:0px;}
.post ul li {list-style:disc outside;margin: 7px;}
.post ul li ul li {list-style:disc outside;}
.post ol li {list-style:decimal outside }
.post ol li ol li {list-style:decimal-leading-zero outside}
p.large {font-size: 18px}
.wp-caption {margin-bottom: 10px;background: #F0EAD8; padding: 5px 0; border: 1px #E6DFCC dotted }
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font: 85% "Courier", Courier, monospace; padding: 4px; text-align: center;}
		.wp-caption.alignright {margin: 0 0 10px 10px}
		.wp-caption.alignleft {margin: 0  10px 10px 0}

.postmeta{color: #aaa;font: 85% Arial, Helvetica, sans-serif; padding: 0 0 12px; display:block;}
	.postmeta div {float:left; line-height: 12px; padding: 0 5px 0 0; margin: 0 5px 0 0}
	.postmeta .time, .postmeta .comment {border-right: 1px #aaa solid}
	.sociable {}
	.sociable ul {margin: 0!important; float: left}
	.sociable ul li {float: left; margin: 0 4px 0 0!important; height: 16px; width: 16px; overflow: hidden; list-style: none!important}
		.sociable li img {opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80)}

.blogpost .posted {float: right; color: #aaa;font-size: 85%;}

.ps-thumb {background: #F0EAD8; padding: 2px; border: 1px #E6DFCC dotted}
.edit {float:right; font-size: 85%}	
.more {float: right; font-weight: bold; font-style: italic }
.previous-next {text-transform:uppercase; margin: 15px 0 0; font-weight: bold;}
	.previous-next a:hover {}

/*subindex pages*/
.submenu {float: left; width: 135px;}
	.submenu h3 {color: #ccc; font-size: 12px}
	.submenu ul {padding: 0px 10px 0 0;}
	.submenu li {padding: 5px 0; border-bottom: 1px dotted #CACACA; }
		 .submenu li a {display: block; background: none;}
		 .submenu li a:hover, .submenu .current_page_item a {background: url(images/arrow.png) no-repeat 100% 3px }
		 .submenu .current_page_parent a, .submenu .current_page_parent a:hover  {background: url(images/arrow-down.png) no-repeat 100% 3px  } 
		.submenu .current_page_item li a, .submenu .current_page_parent li a {background: none}
 		.submenu .page_item li a:hover, .submenu .current_page_parent .current_page_item a {background: url(images/arrow.png) no-repeat 100% 3px }
		 .submenu li li {padding: 5px 0 0px 15px; margin: 0; font-size: 85%}
		 .submenu li li a {padding: 0 3px 3px 0}
		 .submenu li li:last-child {border: none}
		 .submenu li ul {padding: 0px!important; display: none}
		 .submenu .current_page_item ul,  .submenu .current_page_parent ul {display: block}
.subcontent {float: right; width: 450px; padding: 0 0 0 10px; border-left: 1px dotted #CACACA; clear: none}

/*books and films*/
.leftcol {float: left; margin: 0 10px 0 0}
.rightcol {float: right; width: 400px}
.actions{font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 10px; border-top: 1px #cacaca dotted; border-bottom: 1px #cacaca dotted; padding: 5px 0}
.amazon{float: left; display: block; margin: 0 10px 0 0; background: url(images/amazon.png) no-repeat 0 100%; width:91px; text-align: center; height: 32px; line-height:1; font-size: 85%}
.bn{float: left; display: block; margin: 0 10px 0 0; background: url(images/bn.png) no-repeat 0 12px; width:91px; text-align: center; height: 32px; line-height:1; font-size: 85%}
.imdb{float: left;display: block; background: url(images/imdb.png) no-repeat 0 100%; height: 32px; width: 64px;  margin: 0 10px 0 0}
.download{float: left;background: url(images/pdf.gif) no-repeat 0 0; display: block; width: 60px; height: 32px; padding: 0 0 0 36px }

/*=== sidebar == */

#sidebar{width: 300px; float: right; overflow: hidden; margin-right: 35px }
.widget {overflow: hidden; padding: 10px}
.widget-content {}
.widget-title {font-size: 18px; line-height:1}
	.widget-title a {color: #271C16}
	.widget-title a:hover {}
	
	#sidebar .widget ul{margin: 0 }
		.widget ul li{margin: 0 0 10px;overflow: hidden; }
		.widget ul li:last-child {border: none}
		.widget ul li a {font-weight: bold}
		.widget .current_page_item a {}
		.widget ul li a:hover {}
		.widget ul ul {padding: 10px 0 0}
			.widget ul ul li {}
			.widget ul ul li a {padding: 0 0 0 20px}
			
		.widget .more-news a, .widget .follow-me a {}
	.widget_twitter ul {font-family: Arial, Helvetica, sans-serif}
	.widget_twitter .entry-meta {display: none; font-size: 85%; color: #ccc; padding: 5px 0}
	.widget_twitter .widget-title {background: url(images/twitter-bird.png) no-repeat 0 center; padding: 5px 5px 5px 36px}
	.widget_twitter .widget-title a {color: #7dc5f3}

.mc-field-group {margin: 0 0 15px}

#bottom-widgets {width: 960px; margin: 0 auto;}
#bottom-widgets .widget {float: left; width: 279px; margin: 0 15px 0 0}
.widget .excerpt {font-size: 100%; padding: 0 }
	
/*=== Footer ===*/
#footer-bg{}
#footer{font-size: 85%;padding: 10px;position: relative; background: #111; color: #999}
	#footer a {}
	#copyright {text-align: center; line-height: 1; padding: 0;}
	#footer ul {float: left; padding: 15px 0 15px 7px}
	#footer li {float: left; line-height:1}
	#footer li a {display: block; border-right: 1px #fff solid; padding: 0 7px}
	#footer li a:hover {color: #000}
	
/*========= COMMENTS =========*/
div#comments {clear: both; border-top: 2px #cacaca dotted; padding: 10px 0}
textarea#comment {width: 440px; margin: 0 0 10px}
.post-a-comment {float: right}
div#comments li {list-style: none}
#comments a {}
.respond {width: 100%; margin: 0 0 0 12px}
	#comments p{margin-bottom:10px;padding:0!important;}

.cancel-comment-reply {display: none}
.fldrequired{
background-image: url(images/bg-required-field.png)!important; background-repeat: no-repeat !important; background-position: 100% 0!important}

ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px; border-top:2px dotted #cacaca;}
ol.commentlist li.alt{}


ol.commentlist .comment-meta{font-size:10px; float: right; color: #aaa}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
.post-alt p {padding:0;}

.tags
{
   display: none;
}