/*
Theme Name:		Crystal 
Theme URI:		http://xfep.com
Description:	A simple, dark two column WordPress theme
Version:		1.0
Author:			David Peralty
Author URI:		http://xfep.com
*/

html,body,h1,ul,li,a,p,div,h4,h2,span,h3,img,fieldset,form,button,input,acronym {margin:0; padding:0; border:0;}

body,#footer {text-align:center;}
body {background:#000 url("images/bg.png") repeat-x 0 0; color:#999;}

#wrapper {width:900px; margin:0 auto;}
#wrapper,#wrapper2,#search {font:12px verdana,arial,sans-serif; text-align:left;}
#wrapper2 {height:175px; width:900px; margin:0 auto;}

/*#header {width:900px; height:165px;}*/
#header {background-image:url("images/header-bg.gif"); display:block; width:900px; height:165px;}
/*h1 {padding: 200px 50px 0px 50px; font-family: Verdana,arial,sans-serif; font-size: 2.2em; font-weight: 100; vertical-align: bottom; color: #fff; width:725px;  height:140px;  background: #000 url(images/bgbody.jpg) top center no-repeat; }*/
h1 {padding: 110px 50px 0px 50px; font-family: Verdana,arial,sans-serif; font-size: 2.2em; font-weight: 100; color: #fff; width:500px;}
h1 a {color: #fff;}

#navigation {position: relative; height: 41px; overflow: hidden;}
#navigation ul {height: 41px; margin-left:50px; line-height: 41px;}
.nav-link {float:left; margin-top:0px; margin-right:25px;color:#1b2c34;text-transform:lowercase;}
#navigation p {
color:#FFFFFF;
position:absolute;
right:3em;
top:14px;
}
#active {color:#fff;}

#main-content {padding:35px 0;}
#major-column {margin:0 30px 0 50px; width:497px; float:left;}

#sidebar {width:242px; margin-left:30px; float:left;}
.clearing {display:block; clear:both;}

.post-date,.post-comments {float:left;}
.post-date {margin-right:18px;}
.post-comments {display:block; padding-left:19px;}
.post h2 {clear:both; padding-top:4px; margin-bottom:23px;font:bold 21px arial,sans-serif;}
.post h2 a {text-decoration: none;}
.post p {margin-bottom:16px;line-height:18px;}
.post {margin-bottom:35px;}
.post-date,.post-comments,#sidebar h3 {font:normal 10px arial,sans-serif; text-transform:uppercase;}
.post ul {list-style-type:disc; margin-left: 15px; line-height: 20px;}
.post li {padding-left: 15px;}

#about-me img {float:left; margin-right:10px; margin-top:3px;}
#sidebar h3 {margin-bottom:12px;}
#about-me,#interesting-links,#site-search {margin-bottom:34px;}
#about-me p,#interesting-links li {line-height:17px;}
#interesting-links li,.categories-list li {padding-left:20px;}
#interesting-links li {margin-bottom:13px;}
.categories-list li {margin-bottom:8px;}
#search {width:160px; height:21px; float:left; padding:5px 0 0 5px; margin-right:5px;}

#button {text-indent:-5000px;}
#button {display:block; width:67px; height:30px;}
#button {background:#578498 url("images/search.png") no-repeat 0 0;}
#button:hover {background-position:-67px 0;}

#legal {margin:30px 30px 0 50px; width:497px; float:left;}
#feeds {width:242px; margin:30px 50px 0 30px; float:left;}
#legal li,#feeds li {float:left; margin-right:25px;}
#feeds li {padding-left:18px;}

ul {list-style-type:none; margin-bottom: 20px;}
a {text-decoration:none;}
blockquote{color: #eee; padding-left: 15px; font-size:11px; margin-left: 5px; border-left: 3px solid #eee;}

#main-content {background:url("images/content-bg.gif") repeat-y 0 0;}
#main-content a,#footer a {color:#7aaac0; border-bottom:1px solid #222;}
#main-content a:hover,#footer a:hover,.nav-link:hover {color:#fff;}
.post-date,.post-comments,#sidebar h3 {color:#376174;}
.post-comments {background:url("images/comment.gif") no-repeat 0 50%;}
.post-category {color:#666;}

#interesting-links li,.categories-list li {background:url("images/bullet.gif") no-repeat 0 5px;}
.categories-list .children li { margin: 5px 0px 0px 0px;list-style-type: none; font-size: 11px; letter-spacing: -1px;}


#search {background-color:#ccc; border:2px solid #666;}



/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

.Comments { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .List h3 { color: #999; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #fff; padding: 5px 0px 5px 0px; margin: 0px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListNr { color:#fff; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 15px; height: 15px; padding: 5px; text-align: center; border: solid 1px #5a8aa0; background: #7aaac0;}

.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}

.Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; }
.Comments .List .ListDate a { color:#8c97a1; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent { color:#999; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form {}
.Comments .Form h3 { color: #999; font-size: 14px; letter-spacing: -1px; border-bottom: dashed 1px #fff; padding: 15px 0px 5px 0px; margin: 0px; }

.Comments .FormTop { width: 500px; height: 5px; display: block;}

.Comments .Form form { padding: 20px; margin: 0px;}
.Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 11px; color:#7aaac0;}
.Comments .Form p label { padding-bottom: 11px; display: block;}
.Comments .Form p label small { font-size: 11px; color: #999}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; margin-right: 20px; color:#40454b;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; color:#40454b;}

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



#wrapper2 {background:url("images/footer-bg.png") no-repeat 0 0;}
#footer {background:url("images/html-bg.gif") repeat-x 0 0;}
#feeds li {background:url("images/rss.png") no-repeat 0 2px;}