/*  
Theme Name: A Tom Starley Design. Based on the fantastic WPLight Theme.
Original Theme URI: http://wplight.com/2008/11/14/wplight-theme-for-wordpress.html
New Theme URL: http://www.tkstarley.co.uk
Description: A modern funky site - Version: 1.0
Author: Joe Larry, WPLight and Tom Starley
Author URI: http://wplight.com/
Designer URL: http://tkstarley.co.uk/
Tags: black, three-columns, two-columns
*/

/* generic */
body { text-align: center;
background:  #080808 url(images/bodyBG_20081021.jpg) fixed center top no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; margin: 0px; color:#fff; }
#container {
  margin: 0 auto;
  width: 980px; 
  text-align: left;
} 
.clear { clear:both; }
html { padding: 0; margin: 0;}

/* WP-alignments */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: center; }
.alignright { float: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #0C1212; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ihh */
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height:1px; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

/* forms */
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* links */
a { text-decoration: none; color: #ffff; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #0e58bc; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

/* BGContainer */
.BGC {  width: 980px; margin: 0 -.8em; padding: 0px 0px 2em 0; position: relative; }

/* header */
/**/ * html .header { height: 80px; } /* */ 
.header {  width: 535px; position: relative; clear: left; padding: 0px 0px 0px 30px; min-height:48px; margin-left: 15px;}
.header #header-TXT { height: 48px; padding: 0px 0px 0px 0px; margin: 27px 0 .5em 0px; }
.header h1 { font-size: 26px; line-height: 26px; letter-spacing: -2px; padding: 0px; margin: 0px; font-weight: bold; }
.header h1 a { color:#FFFF00; text-decoration: none; }
.header h1 a:visited { color:#227BD7 text-decoration: none; }
.header h1 a:hover { color:#FCFF2D; text-decoration: none; }
.header .Desc { color:#ffff; font-size: 14px; line-height: 15px; font-weight: normal; font-family: 'arial'; padding: 0px; margin: .2em 0px 0px 0px;}

/* Search */
.Search { position: absolute; background: url(images/search.png) no-repeat left top; top: -3px; right: -220px; width: 220px; height: 63px; padding:0 0 4em 0; }
.Search form { padding: 28px 10px 10px 10px; margin: 0px;}
.Search input { cursor:text; border: none; color: #9da1a8; font-size: 11px;}
.Search input.search { width: 31px; height: 17px; background: url(./images/SearchButton.png) no-repeat;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 0px; width: 175px; border: none; } /**/ * html #buttonsearch { margin: -22px 0px 0px 175px; } /* */ 
#buttonsearch { padding: 0px; margin: -21px 0px 0px 175px; top: 0px; background: none; }

/* rss */
.rss { position: absolute; top: 23px; right: -400px; width: 170px; padding:0 0 4em 0; }
.rss ul { margin: 0px; padding: 0px; }
.rss li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 0px 0px 1px 15px; list-style-type: none; font-size: 10px; color:#a2a8b1;}
.rss li a { color:#626a77; font-size: 10px; text-decoration: none; }
.rss li a:visited { color:#626a77; font-size: 10px; text-decoration: none; }
.rss li a:hover { color:#333; font-size: 10px; text-decoration: none; }

/* CTR wt handle it all */
.CTR { width: 980px; float: left; position: relative; padding: 0px}

/* CST the core of it [SCS] */
.CST { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.CST h1 { font-size: 37px; color:#1C70C6; letter-spacing: -1px; font-weight: bold; background: url(images/Dotted.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.CST h2 { font-size: 18px; font-weight: normal; }
.CST h3 { font-size: 14px; font-weight: bold; }
.CST p { font-size: 12px; line-height: 17px;}
.CST p strong {}
.CST img {}
.CST ul { padding: 10px 0px; margin: 0px; }
.CST li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.CST blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.CST blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.CST blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.CST blockquote a { color:#0080ca; }
.CST blockquote a:visited { color:#0080ca; }
.CST blockquote a:hover { color:#003399; }

/* LQ like the query */
.LQ { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.LQ h2 { font-weight: normal;}

/* pagetitle */
.pagetitle { font-size: 24px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #eee; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; color:#787878;}

/* TB a toolbox */
.TB { padding: 15px 0px 15px 0px; float: left; width: 505px; background: url(images/Dotted.gif) repeat-x top;}
.TB em { display: none}
.TB ul { list-style: none; margin: 0px; padding: 0px;}
.TB ul li ul { display: none;}
.TB li { padding: 0px; margin: 0px; display: inline; font-size: 10px; line-height: 11px; font-weight: bold;}
.TB a { padding: 0px 0px 0px 3px; margin-right: 2px; background: #ddd; float: left;}
.TB a span { padding: 4px 9px 5px 6px; display: block; background: #ddd; float: right; }
.TB a span { float: none; color: #3366CC;}
.TB a:hover span { color: #525e74;}
.TB a:hover { background: #e5e5e5; color:#818b9c; text-decoration: none;}
.TB a:hover span { background: #e5e5e5;  color:#818b9c;}
.TB .active { background: #e5e5e5; color:#818b9c; }
.TB .active span { background: #e5e5e5; color:#3366CC; }

/* Post */
.post {	padding: 0px; position: relative; clear: left;}

.postH { clear: both; width: 410px; padding-right: 100px; display:block; }
.postH h1 { font-size: 37px; line-height: .8em; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: .3em 0 .32em 0; color:#1c70c6;}
.postH h1 a { color: #1c70c6; text-decoration: none;}
.postH h1 a:visited { color: #1c70c6; text-decoration: none;}
.postH h1 a:hover { color:#3075d3; text-decoration: none;}
.postH ul { padding: 0px; margin: 0px;}
.postH li { list-style-type: none; display: inline; }
.postH li a { color:#8a98a2; text-decoration: underline;}
.postH li a:visited { color:#8a98a2; text-decoration: underline;}
.postH li a:hover { color:#8a98a2; text-decoration: underline;}
.postH .PostA { background: url(images/PostAuthor.png) no-repeat left center; padding: 1px 5px 1px 13px; margin:0 0 .3em 0; font-size: 10px; color:#8a98a2; font-weight: bold; }
.postH .PostC { background: url(images/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.postH /**/ * html .PostTime { right: 30px;} /**/ 
.postH .PostT { display:block; color:#8a98a2; padding:0 .5em 0 0; margin:0 .5em .5em 0; }

.postCX { padding: 5px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/Dotted.gif) repeat-x bottom; color:#FFFF; }
.postCX p { padding: 1em 0px .8em 0; color:##FFFF; font-size: 12px; margin: 0px; line-height: 20px; }
.postCX p strong { color:#ffff; font-size: 12px; line-height: 1px; }
.postCX img {}
.postCX .thumb { border:1em solid #f5f5f5; width:400px; height:310px; clear:both; padding:0px; margin:0 0 1em 1em; }
.postCX ul { padding: 2px 0px; margin: 0px; line-height: 1px; }
.postCX li { padding: 2px 0px 2px 18px; margin-left:1em; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.postCX blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.postCX blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px; }
.postCX blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.postCX blockquote a { color:#0080ca; }
.postCX blockquote a:visited { color:#0080ca; }
.postCX blockquote a:hover { color:#003399; }
.postCX a { text-decoration: underline;}

.PostCXD { padding-top: 10px;}
.PostCXD ul { padding: 0px; margin: 0px;}
.PostCXD li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostCXD li a { text-decoration: underline; color:#1253b4;} 
.PostCXD li a:visited { text-decoration: underline; color:#1253b4;} 
.PostCXD li a:hover { text-decoration: underline; color:#63748e;} 

.PostCXC { background: url(images/PostCom.png) no-repeat left center; }

/* Note */
.TIPN { padding: 0px; margin: 0px;}
.TIPN li { padding: 1px 0px 1px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.TIPN .TIPNR { background: url(images/NoteRss.png) no-repeat left top;}
.TIPN .TIPNTB { background: url(images/NoteTrackBack.png) no-repeat left top;}
.TIPN a { text-decoration: none; color:#707886;} 
.TIPN a:hover { text-decoration: underline; color:#5e6574;} 

/* NV it's a plug it */
.NV a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 10px;}
.NV a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none; font-size: 10px;}
.NV span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; font-size: 10px;}
.NV .active { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 10px; color:#0e58bc;}

/* Comments */
.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#0e58bc;}

/* Comments List  */
.Comments .List .ComListLi { border: solid 1px #e5e5e5; background:#f7f7f7; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }
.Comments .List .p { border-top: solid 1px #eee; }
.Comments .List .ComListLi-admin { border: solid 1px #00000; background: #fff; margin:0 0 .5em 0; padding-left: 5em; padding-right: 2em; clear:both; display:block; }
.Comments .List .ComListLi-admin .p { border-top: solid 1px #C5DDBF; }
.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#0e58bc; letter-spacing: -1px; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;}
.Comments .List li p { font-size: 11px; line-height: 15px; padding: 5px 0px 0 0; margin: 0 0 0 0; color:#484c4f;}
.Comments .List li blockquote { padding: 0px; margin: 0px; color:#666666;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
.Comments .List li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; }
.Comments .List li ul { padding: 5px 0px; margin: 0px; }
.Comments .List li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#fff; }

/**/ * html .Comments .List .ListGrav { left: 0px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: .8em;}
.Comments .List .ListGrav img { background: #fff; padding: 1px; border: solid 1px #ccc; }

.Comments .List big { margin: 0px; padding: 0px 0px 0px 0; font-size: 11px; line-height: 14px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List big a { color:#666; text-decoration: none;}
.Comments .List big a:visited { color:#7e7e7e; text-decoration: none;}
.Comments .List big a:hover { color:#7e7e7e; text-decoration: none;}
.Comments .List small { color:#777; padding: 0px 0px 10px 0; margin: 0px; display: block;}
.Comments .List small a { color:#666; text-decoration: none;}
.Comments .List small a:visited { color:#7e7e7e; text-decoration: none;}
.Comments .List small a:hover { color:#7e7e7e; text-decoration: none;}

.Comments .List .ComListLi-admin big { color:#E4258C; }
.Comments .List .ComListLi-admin big a { color:#E4258C; }
.Comments .List .ComListLi-admin small { color:#E4258C; }
.Comments .List .ComListLi-admin small a { color:##E4258C; }
.Comments .List .ComListLi-admin small a:hover { color:#E4258C; }

/* Comments Form */
.Comments .Form { background: #fff url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 505px; height: 10px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#6a7f9b; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#57648e;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #a3aebd; padding: 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #a3aebd; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

/* Side Right */
.SR { margin:0; width: 400px; float: right; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 14px; letter-spacing: normal; font-weight: bold;}

/* Side Right Left */
.SRL { width: 215px; float: left; padding: 5px 5px 5px 0px; color:#fff;}
.SRL h3 { color:#1c70c6; border-bottom: solid 1px #d3d6db; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
.SRL p { color:#fff; font-size: 11px;}

/* block SRL */
.BT { height: 1px; width: 5px; position: absolute; top: 0px; right: 0px;}
/**/ *html .PT  { right: 5px;} /**/ 
.Panel { position: relative; margin: 10px 0 10px 0; padding: 0 10px 0 10px;  color:#333; font-size: 11px;}
.Panel ul { margin: 0px; padding: 0px;}
.Panel ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; border-bottom: dashed 1px #eee; }
.Panel ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}

.Panel ul ul { padding: 1px 0px 1px 0px;  margin: 0px 0px 0 0px; }
.Panel ul ul li { padding: 0px; margin: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: none; }
.Panel ul ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul ul li a:hover { background: #eee url(images/CategLi.png) no-repeat left top; text-decoration: none;}

.Panel p { color:#333; font-size: 11px;}

.Panel a { color:#666; }

/* Side Right Right */
.SRR { position: relative; width: 160px; float: right; padding: 10px; color:#c0c1c5; font-size: 11px; }
.SRR h3 { color:#ED2691; border-bottom: solid 1px #d3d6db; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
.SRR h2 { color:#C0C1C5; border-bottom: solid 1px #d3d6db; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 6px; margin: 0px; list-style-type: none; color:#C0C1C5; font-size: 10px;}
.SRR a { color:#C0C1C5;}
.SRR a:visited { color:#C0C1C5; }
.SRR a:hover { color:#b0b4bd;}
.SRR p { color:#C0C1C5; font-size: 11px;}

/* footer */
.footer { border-top: solid 1px #f7f7f7; background: width: 980px; position: relative; clear: left; padding: 15px 30px 15px 30px; margin: 0px 0px 0px 15px;}
.footer p { font-size: 10px; color:#8a8a93; padding: 0px; margin: 0px; }
.footer a { color:#8a8a93; text-decoration: underline;}
.footer a:visited { color:#8a8a93; text-decoration: underline;}
.footer a:hover { color:#f7f7f7; text-decoration: underline;}