/*-----------------------------------------------------------------------------
Style Sheet

version:   1.0
author:    Jamesy
email:     info@crea.me.uk
website:   http://cre.me.uk
-----------------------------------------------------------------------------*/

/*****************************************************
* Global Reset
*****************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
  margin:0;
  padding:0;
  }
table {
  border-collapse:collapse;
  border-spacing:0;
  }
fieldset,img { 
  border:0;
  }
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }
ol,ul {
  list-style-type: disc;
  }
caption,th {
  text-align:left;
  }
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  }
q:before,q:after {
  content:'';
  }
abbr,acronym { border:0;
  }

/* Clearfix
*****************************************************/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {
  display: inline-block;
  }
  /* Hides from IE-mac \*/
* html .clearfix { 
  height: 1%;
  }
.clearfix {
  display: block;
  }
  /* End hide from IE-mac */


/*****************************************************
* Tyopography
*****************************************************/
html {
  font-size: 100.01%;
  }
body {
  line-height: 24px;
  font-size: 16px;
  color: #222; 
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  }
p { 
  margin-bottom: 24px; 
  color:#111; 
  font-weight:300;
  }
abbr, acronym { 
  border-bottom:1px dotted #000; 
  }
address { 
  margin-top:24px; 
  font-style: italic; 
  }
del {
  color:#000;
  }
strong { 
  font-weight: bold; 
  }
em, dfn { 
  font-style: italic; 
  }
dfn { 
  font-weight: bold; 
  }
pre, code { 
  margin: 24px 0; 
  white-space: pre; 
  }
pre, code, tt { 
  font: 12px monospace; 
  line-height: 24px; 
  } 
tt { 
  display: block; 
  margin: 24px 0; 
  }
hr { 
  margin-bottom:24px;
  }

/* Headings
*****************************************************/
h1,h2 { 
  font-weight:bold; 
  color: #333; 
  }
h3,h4,h5,h6 { 
  font-weight: bold; 
  }
h1 { 
  font-size: 46px;
  line-height:48px;
  margin-bottom: 24px;
  }
h2 { 
  font-size: 40px;
  line-height:48px;
  margin-bottom: 24px;
  }
h3 { 
  font-size: 34px;
  margin-bottom: 24px; 
  line-height:48px;
  }
h4 { 
  font-size: 28px;  
  margin-bottom: 24px; 
  }
h5 { 
  font-size: 22px;  
  margin-bottom: 24px; 
  }
h6 {
  font-size: 16px;
  margin-bottom: 24px;
  }

/* Links
*****************************************************/

a:link { 
  color: #222;
  text-decoration: none;
  }
a:visited { 
  color: #999;
  text-decoration: none;
  }
a:hover { 
  color: #fff;
  background-color: #000;
  text-decoration: none;
  }
a:active { 
  color: #222;
  text-decoration: none;
  }

/* Lists
*****************************************************/
ul, ol {
  list-style-position:outside;
  }
li ul, li ol { 
  margin:0 0px;  
  }
ul, ol { 
  margin: 0 0px 24px 0px; 
  }
dl { 
  margin: 0 0 24px 0; 
  }
dl dt { 
  font-weight: bold; 
  }
dl dd { 
  margin-left: 0px; 
  }

/*****************************************************
* Layout
*****************************************************/
#body {
  text-align: center;
}
#wrapper{
	background: url(./images/head-s.png) top center repeat-x;
  padding-left: 15px;
}
#header {
  margin: 0 auto;
  text-align:left;
  width:990px;
  padding-left: 15px;
}
#main {
  margin: 0 auto;
  text-align:left;
  width:990px;
  padding-top: 48px;
  padding-bottom: 24px;
}
.big-col {
  float: left;
  width:630px;
}
.small-col {
  float: left;
  width:300px;
}
#footer {
  margin: 0 auto;
  text-align:left;
  width:990px;
}
/* Header
*****************************************************/
#header h1 {
	text-indent: -9999px;
	background: url(./images/td-logo.png) no-repeat;
	width:990px;
	height:144px;
	position: relative;
	top:48px;
	padding-bottom: 24px;
}

/* Navigation
*****************************************************/
.menu {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding-top: 48px;
}
.menu li {
	list-style-type: none;
	display: inline;
  margin-right: 15px;
}
.menu a {
	color:#fff;
	text-decoration: none;
  padding: 6px;
}
#head-wrap.blue a:hover { 
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #0070c7;
	border: 1px solid #0070c7;
	padding: 5px;
	}
#head-wrap.blue a:active { 
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #0070c7;
	border: 1px solid #0070c7;
}
#head-wrap.yellow a:hover { 
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #f4ac00;
	border: 1px solid #f4ac00;
	padding: 5px;
	}
#head-wrap.yellow a:active { 
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #f4ac00;
	border: 1px solid #f4ac00;
}
#head-wrap.black a:hover { 
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #242424;
	border: 1px solid #242424;
	padding: 5px;
	}
#head-wrap.black a:active { 
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #242424;
	border: 1px solid #242424;
}
#head-wrap.green a:hover { 
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #028b36;
	border: 1px solid #028b36;
	padding:5px;
	}
#head-wrap.green a:active { 
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #028b36;
	border: 1px solid #028b36;
}
#head-wrap.red a:hover { 
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #c90021;
	border: 1px solid #c90021;
	padding:5px;
	}
#head-wrap.red a:active { 
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #c90021;
	border: 1px solid #c90021;
}
#head-wrap.blue .current_page_item {
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #0070c7;
	border: 1px solid #0070c7;
	padding: 5px 0px;
}
#head-wrap.yellow .current_page_item {
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #f4ac00;
	border: 1px solid #f4ac00;
	padding:5px 0px;
}
#head-wrap.black .current_page_item {
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #242424;
	border: 1px solid #242424;
	padding: 5px 0px;
}
#head-wrap.green .current_page_item {
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #028b36;
	border: 1px solid #028b36;
	padding: 5px 0px;
}
#head-wrap.red .current_page_item {
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #c90021;
	border: 1px solid #c90021;
	padding: 5px 0px;
}
/* Foot Nav
*****************************************************/
#footer a:hover {
  color:#000;
  background-color: #fff;
  text-decoration: none;
}
/* Blog
*****************************************************/
.post {
margin-bottom: 24px;
}
h1 a:hover{
  text-decoration: none;
}
.post-title {
  width:630px;
  float: left;
  margin-left:165px;
  border-bottom: 5px double #999;
}
.post-content {
  float: left;
  width:465px;
  padding-bottom: 48px;
}
.postmeta {
  width:300px;
  float: left;
  margin-right: 30px;
  padding-bottom: 48px;
}
.postmeta li {
border-bottom: 1px solid #999;
list-style-type: none;
}
/* Friends
*****************************************************/
#movie {
  background-image: url(./images/movie.jpg);
  background-repeat: no-repeat;
  width: 630px;
  height:312px;
}
.friends {
  width:465px;
  float: left;
  margin-bottom: 24px;
}
ul.friends {
  list-style-type: none !important;
  font-size: 40px;
  line-height:48px;
  font-weight: bold;
}


/* Footer
*****************************************************/
#foot-wrap {
  margin: 24px 0 0 0;
  padding:24px 0px;
}
#footer {
  margin-bottom: 0px;
}
#footer p, #footer ul, #footer a {
  color:#fff;
  margin-bottom: 0px;
}
#footer li {
  border-bottom: 1px dotted #fff;
  list-style-type: none;
}
#footer h5 {
  border-bottom: 1px dotted #fff;
}
.foot-col {
  width:293px;
  float: left;
  color: #fff;
}
#col-1 {
border-left:5px dotted #fff;
padding: 0px 15px 0px 15px;
}
#join {
  margin-top: 24px;
  text-indent: 0px;
}
#col-2 {
border-left:5px dotted #fff;
border-right:5px dotted #fff;
padding: 0px 15px 0px 15px;
}
#col-3 {
border-right:5px dotted #fff;
padding: 0px 15px 0px 15px;
}
#footer #copy {
  border-top:1px dotted #fff;
  float: left;
  display: block;
  width:100%;
  margin: 24px 0px 0px 0px;
  text-align: center;
}
/* Comments
*****************************************************/
.comment-box {
  width:795px;
}
ol.avatar {
  list-style-type: none;
  width:300px;
  float:left;
  margin-right: 30px;
  padding-top: 24px;
  text-align: right;
  border-top:2px solid #999;
  }
ol.avatar img {
  padding: 2px;
  border:1px solid #999;
  }
.comment-text {
  width:465px;
  float: left;
  padding-top: 24px;
  margin-bottom: 0px;
  border-top:2px solid #999;
}
.comment-text p {
  text-indent: 0px;
}
.comment-text h5 {
  border-bottom: 1px dotted #999;
  width:50%;
}
#comment-form {
  padding-top: 24px;
  border-top:2px solid #999;
  width:465px;
  margin:  24px 0 0 330px;
}
#comment-form p {
  text-indent: 0px;
}
/*****************************************************
* Misc
*****************************************************/

/* Tables
*****************************************************/
table { 
  margin-bottom:24px; 
  border-collapse: collapse; 
  }
th { 
  font-weight:bold; 
  }
tr,th,td { 
  margin:0;  
  padding:0 0px 0 0px; 
  }
tfoot { 
  font-style: italic; 
  }
caption { 
  text-align:center; 
  }

/* Blockquotes
*****************************************************/
blockquote { 
  margin:24px 0px 24px 0px; 
  padding-left: 15px;
  font-style: italic;
  }
blockquote p:before {
  content: '\201C';
  font-family: georgia, serif;
  font-size: 24px;
  line-height:0px;
  }
blockquote p:after {
  content: '\201D';
  font-family: georgia, serif;
  font-size: 24px;
  line-height:0px;
  }
blockquote > p {
  padding:0; 
  margin:0; 
  }

/* Classes
*****************************************************/
#head-wrap.blue {
	border-bottom: 5px solid #0070c0;
	background:#0085c7 url(./images/head-g.png) top center no-repeat;
}
#head-wrap.yellow{
	border-bottom: 5px solid #f4ac00;
	background:#f4c300 url(./images/head-g.png) top center no-repeat;
}
#head-wrap.black {
	border-bottom: 5px solid #242424;
	background:#000 url(./images/head-g.png) top center no-repeat;
}
#head-wrap.green {
	border-bottom: 5px solid #028b36;
	background:#009f3d url(./images/head-g.png) top center no-repeat;
}
#head-wrap.red {
	border-bottom: 5px solid #c90021;
	background:#df0024 url(./images/head-g.png) top center no-repeat;
}
#foot-wrap.blue {
  border-top: 5px solid #0070c0;
  background:#0085c7;
}
#foot-wrap.yellow{
  border-top: 5px solid #f4ac00;
  background:#f4c300;
}
#foot-wrap.black {
  border-top: 5px solid #242424;
  background:#000;
}
#foot-wrap.green {
  border-top: 5px solid #028b36;
  background:#009f3d;
}
#foot-wrap.red {
  border-top: 5px solid #c90021;
  background:#df0024;
}
.marg-right {
  padding-right: 30px;
}
.marg-top {
  margin-top: 24px;
}
.sm-img {
  display: block;
  width:300px;
  height:312px;
  float: left;
}
.lg-img {
  display: block;
  width:630px;
  height:648px;
  float: left;
}
.lo-img {
  display: block;
  width:300px;
  height:648px;
  float: left;
}