/*  
Theme Name: TPD Blog
Theme URI: http://www.tpdesign.co.uk
Description: This is my theme for a tutorial.
Version: 1.0
Author: Jason Salmon
Author URI: http://www.tpdesign.co.uk
*/

body, h1, h2, h3, h4, p, a, li, ul {margin:0px; padding:0px;}

body{font-family:Helvetica, Verdana, Arial, sans-serif;font-size:12px;margin:0;}
p{line-height:18px;margin-top:10px;}
p span{font-weight: bold;}
a{color:#00275d;text-decoration:none;}
a:hover{color:#8f0000;}

h1, h2, h3, h4{font-weight:100;color:#8f0000;margin:0px; padding:0px; font-family:Helvetica, Verdana, Arial, sans-serif;}
h1 span,h2 span,h3 span,h4 span{color:#00275d;font-weight:bold;letter-spacing:-1px;}
h1{font-size:300%;}
h2{font-size:200%;}
h3{font-size:180%;}
h4{font-size:140%;}




/* WRAPPER */

.wrapper_nav{width:100%;margin:0; background:url(images/top_bg.jpg) repeat-x;height:50px;}
.wrapper_header{width:100%;margin:0; background:url(images/header_bg.jpg) repeat-x bottom;height:190px;}
.wrapper_content{width:100%;margin:0; background:url(images/content_bg.jpg) repeat-x top;}
.wrapper_footer{width:100%;margin:0; background:url(images/footer_bg.jpg) repeat-x top #00275e; }
.clr{clear: both;}


/* NAV BAR */

#nav_bar{width:900px;height:50px;position:relative;margin:0 auto;}
#nav_bar .right{float:right;}
#nav_bar ul{list-style:none;margin:0;}
#nav_bar ul li{float:left;}
#nav_bar ul li a{display:block;color:#666;margin:20px;}
#nav_bar ul li a:hover{color:#8f0000;}
/* HEADER */

h1 {width: 900px;height: 140px;text-indent: -9999px; margin:0 auto; position:relative; background: url(images/tpdlogo_tel_big.jpg) center no-repeat;}
h1 a {display: block;height: 140px;}
h1 a:hover {}



/* CONTENT*/
#content{width:900px;position:relative; padding: 0px; margin:0 auto;}
#container{width:560px;padding-right:65px;float:left;margin:0 0 20px;}
img, object{width:540px; height: auto; float: left;  border: 10px solid #ccc; margin: 10px 0 50px 0;}
blockquote{font-size:150%; margin: 0px; padding: 10px 0 30px 0;color:#00275d;}


.post{padding: 0px; width:560px;}
.post h2{ font-size:240%; padding: 0 0 10px 0; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }
.entry{line-height: 18px; padding: 8px 0 20px 0;margin: 0 0 20px 0; clear: both; background:url(images/heading-underline.gif) top no-repeat;border-bottom: 1px solid #ccc; }
.heading-container{width:360px;float: left; margin: 0px; }
.blog-info{width:200px; float: left;  float: right; text-align: right;margin-bottom: 10px;}
.blog-info p {font-size: 90%;}



/* SIDEBAR*/
.sidebar{float: left;width: 249px; margin:0 0 45px 0; padding: 0 0 0 25px; display: inline; border-left: 1px dotted #000;}
.sidebar ul{list-style-type: none;margin: 0px; padding: 0px; }
.sidebar ul li{padding: 10px 0 10px 0;}
.sidebar ul ul li{padding: 0;line-height: 14px;}
.sidebar ul li a{display:block;width:250px;text-decoration:none;height:20px;padding-top:6px;text-indent:25px;background:url(images/arrow_up.png) left no-repeat;color:#00275d;border-top:1px solid #999}
.sidebar ul li a:hover{background-color:#99a9be;color:#00275d}
.sidebar h2 {font-size:140%; margin-bottom:10px; line-height:130%}



/* FOOTER */
#footer{width:900px;position:relative;margin:0 auto;}
#footer_a{width:285px;float:left;margin:0;padding:40px 30px 30px 0;}
#footer_b{width:285px;float:left;margin:0;padding:40px 25px 30px 0;}
#footer_c{width:275px;float:right;margin:0;padding:40px 0 30px;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer ul li a{display:block;width:250px;text-decoration:none;height:20px;padding-top:6px;text-indent:25px;background:url(images/arrow_up.png) left no-repeat;color:#FFF;border-top:1px solid #FFF;}
#footer ul li a:hover{background-color:#00193d;color:#FFF;}
#footer p{color:#FFF;margin:0;}
#footer h4{color:#8f0000;margin-bottom:10px; line-height:130%}

#footer a:hover{color:#8f0000;margin:0;}

.cpy{clear:both;width:900px;border-top:1px dotted #FFF;font-size:90%;padding:10px 0 30px;}
.twitter{margin:10px 0 0;}
.twitter a{text-indent:-9999px;height:24px;width:100px;background:url(images/twitter_logo_over.png) no-repeat;display:block;}
.twitter a:hover{background:url(images/twitter_logo_up.png) no-repeat;}
#footer h4, #footer a{color:#FFF;}
#footer h4 span{color:#8f0000;}


.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}






p.postmetadata{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}


.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
*/