/*
Theme Name: This is WTF
Theme URI: http://thisiswtf.com/
Description: This is WTF theme
Version: 1.0
Author: Richard Vallée & Benoit Boucher
Author URI: http://thisiswtf.com/
Tags: thisiswtf

	Based on WP Blank v1.1
*/

/* - BASIC STUFF - */
body {
	background:url(images/background.png) #000 fixed;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size:12pt;
	color:#fff;
	margin:0 auto;
	padding:0 0;
}

a {color:#FFCC00;text-decoration:none;}
a:hover {text-decoration:#fff;}
a img { border:none; }
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

h2 { color:#FFCC00; }
h2 a { color:#FFCC00; }

#container {
	width:100%;
	background:url(images/yellow.png) repeat-x top left;
}

#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:1020px;}
#header {position:relative;height:134px;margin:0 auto;}
#header #logo {position:absolute; top:0; left:-20px;}
#header h1, #header h2 { position:relative; top:20px; left:350px; float:left; clear:both; margin:0; color:#000; letter-spacing:2.0px; }
#header h1 { line-height:42px; font-size:42px; }
#header h3 { line-height:22px; font-size:22px; }
#header h1 a { color:#000; }
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;}

#nav { height:34px; }
#nav #navwrap { height:46px; }
#nav #navwrap ul { list-style:none; }
#nav #navwrap ul li { float:right; }

#wrap {
	clear:both;
	background:#1a1a1a;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:40px; overflow:hidden;float:none;clear:both; margin:30px auto 0}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

div.navigation .wp-paginate li {margin-right:4px;}
div.navigation .wp-paginate a.next,div.navigation .wp-paginate a.prev,div.navigation .wp-paginate a.page,div.navigation .wp-paginate span {color:#ffcc00;background:transparent;border:none;font-weight:bold;font-size:14pt;}
div.navigation .wp-paginate span,div.navigation .wp-paginate a.next,div.navigation .wp-paginate a.prev {color:#fff;font-size:24pt;}

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

#navwrap li {margin-left:12px;text-transform:uppercase;font-weight:bold; }
#navwrap a {color:#CCCCCC;}
#navwrap a:hover {color:#ffcc00;}
#navwrap #nav-store, #navwrap #nav-about, #navwrap #nav-home {position:relative;top:4px;padding-left:20px;}
#navwrap #nav-about {line-height:14px;padding-right:12px;background:url(./images/about-trans.png) transparent no-repeat left center;border-right:solid #000 2px;}
#navwrap #nav-home {line-height:14px;padding-right:12px;background:url(./images/home-trans.png) transparent no-repeat left center;border-right:solid #000 2px;}
#navwrap #nav-store {line-height:14px;padding-right:12px;background:url(./images/basket-trans.png) transparent no-repeat left 1px;border-right:solid #000 2px;}
#navwrap .search-box {position:relative;top:-11px;display:inline;width:180px;height:22px;padding:3px;background:url(./images/search-trans.png) transparent no-repeat left center;}
#navwrap .search-box input {width:152px;padding-left:26px;background:transparent;border:none;}
#navwrap input.btn-search {position:relative;top:-3px;};

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:718px;padding:0 20px 80px 20px;background:#000;}

.post {position:relative;margin-bottom:70px;}
.post .entry-title { margin-bottom:0; padding-top:15px; border-top:dotted #fff 1px; font-size:32px; font-weight:normal; font-size:32px; }
.post .additional-meta { padding-bottom:15px; border-bottom:dotted #fff 1px; font-size:12pt; }
.post .additional-meta img { margin-right:6px; }

.entry-meta-index-top { clear:both; height:22px; margin-top:12px;}
.entry-meta-index-top .rating, .entry-meta-index-top .comments { float:left; }
.entry-meta-index-top .rating { margin-right:10px; }
.rating .post-ratings img {margin-right:5px;}
.post-ratings-text {display:none;width:0;height:0;display:inline;float:right;color:#000;}

.entry-meta-index-top .comments img, .entry-meta-index .tags img {position:relative;top:4px;margin-right:4px;}

.post .entry-meta-index .posted-by { font-size:10pt; }

.post .entry-meta-index .tags, .post .entry-meta-index .category,
.post .entry-meta-index .share, .post .entry-meta-index .admin-edit {
	float:left;
	margin-right:12px;
	font-size:10pt;
}

.post .sociable { margin:0; }
.sociable .sociable_tagline, .sociable ul {
	float:left;
}

#latest {
	position:absolute;
	top:10px;
	right:10px;
}


/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:right; clear:none;width:262px;height:100%; }
.sidebar-wrap a {color:#fff;}
.sidebar-wrap a:hover {color:#ffcc00;}
.sidebar-wrap .sidebar .submit, .sidebar-wrap .sidebar .widget { margin:7px 7px 14px;border:none; }
.sidebar h3 { margin:0;  padding:9px 8px; font-size:22px; color:#FFCC00; font-weight:bold; background:#000; }
.sidebar-wrap .sidebar .submit {  padding:10px 12px; background:#000; }
.sidebar-wrap .sidebar .submit .title { clear:both; height:50px; }
.sidebar-wrap .sidebar .submit p {margin:0;padding-left:4px;font-size:14px;}
.sidebar-wrap .sidebar .submit .contribute-fields .contribute-field { width:224px;min-height:28px;margin-bottom:2px;background:url(./images/contribute-field-trans.png) transparent no-repeat center center; }
.sidebar-wrap .sidebar .submit .contribute-fields .contribute-field textarea.input {width:220px;height:20px;padding:6px;background:transparent;border:none!important;overflow:hidden;}
.sidebar-wrap .sidebar .submit .contribute-fields .contribute-field textarea.input:focus {
	height:100px;
	background:#fff;
	overflow:scroll;
}
.sidebar-wrap .sidebar .submit .contribute-fields .button {position:relative;left:3px;}
.sidebar-wrap .sidebar .submit .contribute-fields a { position:relative;top:-7px;left:5px;font-size:10pt;}
.sidebar-wrap .sidebar .submit img, .sidebar-wrap .sidebar .submit h3 { float:left; }
.sidebar-wrap .sidebar .submit h3 { position:relative; top:-5px; left:10px; width:180px; line-height:25px; padding:0; }
.sidebar-wrap .sidebar .facebook {width:240px;padding:10px 12px;}
/*.sidebar-wrap .sidebar .widget .textwidget { padding-left:8px; }*/



#contribute-result {
	color:#ffcc00;
	padding-left:4px;
}

.rss a {color:#ffcc00;}
.rss a:hover {color:#fff;}
.rss img {position:relative;top:10px;left:4px;}
.rss strong {position:relative;top:-3px;line-height:22px;}

/* -- UTILS --*/
.clear { clear:both; }

#memberOf {
	position:relative;
	top:60px;
}

#footerwrap {height:45px;margin:0;background:url(./images/footer.png) transparent repeat-x left top;color:#000;}
#footer {width:1020px;height:16px;margin:0 auto;padding:15px 0 0 0;text-align:left;font-weight:bold;font-size:9pt;}
#footer div {display:none;}


/* -- PAGES --*/
#page-wrap {float:none; width:100%;}
.page h2 {margin:0;padding:20px 20px 0;font-size:24pt;}
.page #page-content p {margin-top:0;}