/*
Theme Name: Wibeset
Theme URI: http://wibeset.com/
Description: Wibeset.com theme.
Version: 2.2
Author: Dominic Martineau
Author URI: http://dominicmartineau.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/*
http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Layout */
body {
  margin: 0;
  padding: 0;
  background: url('images/body.jpg') top left repeat-x #323232;
  font-family: verdana, arial, helvetica;
  font-size: x-small;
	color: #222;
}

strong {
  font-weight: bold;
}

a {
  color: #20AC3A;
	text-decoration: none;
}
a:hover, #content a:hover {
  color: #0F4F1A;
}

h2 {
  font-size: 180%;
}
h3 {
  font-size: 140%;
}

.container {
  margin: 0 auto;
  width: 980px;
}

#header {
  width: 100%;
}
#header .container {
  position: relative;
	width: 980px;
	height: 150px;
}
#header #logo {
  position: absolute;
	top: 40px; left: 0;
	border-bottom: none;
}
#header ul {
  position: absolute;
	top: 0; right: 0;
}
#header ul li {
  float: left;
	padding: 80px 20px 16px 20px;
}
#header ul li.selected {
  background-color: #2F2F2F;
}
#header ul li a {
  font-size: 120%;
  text-transform: uppercase;
  color: #FFF;
	border-bottom: 1px dotted;
}
#header ul li.selected a {
  border-bottom: none;
}

#title, #title-home {
  position: relative;
  margin: 20px auto 0 auto;
  width: 980px;
	height: 52px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #20AC3A;
}
#title-home {
  height: 370px;
	zbackground-color: #FFF;
}
#title h1, #title-home h1 {
  position: absolute;
	top: 10px; left: 20px;
  font-size: 240%;
	color: #222;
}
#title h1 {
  color: #FFF;
}

#page {
  margin: 40px auto;
	padding: 20px;
	width: 940px;
	min-height: 500px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #FFF;
}
#content {
  float: left;
	width: 640px;
}
.widecolumn {
  width: 940px !important;
}
#sidebar {
  margin-left: 660px;
	padding: 10px;
	width: 260px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #F2F2F2;
}
#footer_blog {
  margin-bottom: 40px;
}
#footer_blog .container {
  padding-top: 15px;
}
#footer_blog h2 {
  margin-bottom: 15px;
  padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
#categories {
  float: left;
	width: 300px;
}
#archive {
  margin-top: 15px;
  padding-top: 15px;
	border-top: 1px solid #CCC;	
}
#footer {
  margin-top: 100px;
	padding: 30px 0 60px 0;
	width: 100%;
	line-height: 24px;
	background-color: #222;
	color: #FFF;
	font-size: 120%;
}
#footer a {
  color: #FFF;
	border-bottom: 1px dotted;
}

/* sidebar */
#sidebar h2 {
  margin: 10px 0;
	padding-bottom: 4px;
  text-align: right;
	text-transform: uppercase;
	border-bottom: 4px solid #CCC;
	font-size: 140%;
	color: #333;
}
#sidebar ul li li {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #F2F2F2;
	background-color: #FFF;
	font-size: 110%;
}
#sidebar ul li li a {
  color: #333;
}
#sidebar select {
  font-size: 110%;
}
#sidebar #searchform {
  margin-bottom: 40px;
	padding: 10px;
	background-color: #1D3438;
}
#sidebar #searchform label, #sidebar #searchform #searchsubmit {
  display: none;
}
#sidebar #searchform #s {
  padding: 4px;
	width: 252px;
  border: none;
	font-size: 140%;
}
#sidebar #twitter_follow {
  margin-bottom: 20px;
  padding: 0 0 0 84px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
	background: url('images/twitter.png') left center no-repeat #222;
}
#sidebar #twitter_follow a {
  display: block;
	padding-left: 20px;
	line-height: 40px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 8px;
	background-color: #333;
	color: #FFF;
	font-size: 110%;
}
#sidebar #twitter_follow a:hover {
  background-color: #222;
}
#sidebar #author {
  margin-bottom: 20px;
}
#sidebar #author div {
  padding: 5px;
  min-height: 70px;	
	background-color: #FFF;
}
#sidebar #author p {
  padding-top: 5px;
	width: 180px;
 	font-size: 120%;
}
#sidebar #author img {
  float: right;
	padding: 1px;
	border: 1px solid #CCC;
}
#sidebar #recent_comments {
  margin: 20px 0;
}

/* Home */
#content h2#quote {
  margin-bottom: 40px;
  font-size: 300%;
	color: #999;
}
#posts {
  float: left;
  width: 300px;
}
#posts h2 {
  margin-bottom: 10px;
}
#posts ul {
  margin-bottom: 20px;
}
#posts li {
  padding: 8px 0;
	border-bottom: 1px dotted #CCC;
	font-size: 120%;
	color: #999;
}
#posts li:last-child {
  border-bottom: none;
}
#posts_more {
	font-size: 120%;
}
#twitter {
  float: left;
	margin-left: 40px;
  width: 300px;
}
#twitter h2 {
  margin-bottom: 10px;
}
#twitter .twtr-tweets {
  margin-bottom: 20px;
}
#twitter a:hover {
  text-decoration: none !important;
}
#twitter .twtr-hd, #twitter .twtr-ft {
  display: none;
	padding: 0 !important;
}
#twitter twtr-widget, #twitter .twtr-doc, #twitter .twtr-bd {
  padding: 0 !important;
	-moz-border-radius: 0 !important;
}
#twitter .twtr-widget .twtr-tweet-wrap {
  padding: 8px 0 !important;
}
#twitter_follow {
  padding-top: 10px;
  font-size: 120%;
}
#about {
  margin-left: 680px;
}
#about p {
  margin-top: 20px;
	font-size: 120%;
}

/* Post */
h2.pagetitle {
  margin-bottom: 20px;
	font-size: 240%;
}
.post {
  margin-bottom: 20px;
  border-bottom: 1px dotted #F2F2F2;
}
.post .nbcomments {
  float: right;
	background: url('images/comments.png') top left no-repeat;
	width: 55px;
	height: 55px;
	line-height: 38px;
	text-align: center;
}
.post .nbcomments a {
  font-size: 160%;
  color: #CCC;
}
.post h2, .post h3 {
  margin-bottom: 5px;
	font-size: 240%;
}
.post small {
  text-transform: uppercase;
  font-size: 110%;
	color: #999;
}
.post a {
  border-bottom: 1px dotted;
}
.post .entry {
  margin: 20px 0 40px 0;
	line-height: 20px;
	font-size: 120%;
}
.post .entry h2 {
  margin: 40px 0 10px 0;
  font-size: 130%;
	font-weight: bold;
}
.post .entry h3 {
  font-size: 110%;
	font-weight: bold;	
	color: #666;
}
.post .entry .top {
  float: right;
}
.post .entry blockquote {
  margin: 10px 0 10px 20px;
  padding: 10px 0 10px 10px;
	border-left: 4px solid #F2F2F2;
	font-style: italic;
	color: #666;
}
.post .entry a {
	border-bottom: 1px dotted;
}
.post .entry ul {
  margin: 10px 0 30px 10px;
}
.post .entry ul li {
  padding: 4px 0;
	list-style: disc inside;
}
.post .entry p {
  margin-bottom: 10px;
}
.post .entry em {
  font-style: italic;
}
.post .entry img {
  margin: 10px 0;
	padding: 2px;
	border: 2px solid #F2F2F2;
}
.post .postmetadata {
  margin: 10px 0;
	font-size: 120%;
	color: #999;
}
.post .postmetadata a {
  color: #999;
}
.post .postmetadata a:hover {
  color: #333;
}

/* Navigation */
.navigation {
  margin-bottom: 40px;
	font-size: 120%;
	color: #999;
}
.navigation .alignleft {
  float: left;
  width: 50%;
}
.navigation .alignright {
  margin-left: 50%;
  width: 50%;
	text-align: right;
}
.navigation a {
  color: #999;
}
.navigation a:hover {
  color: #333;
}

/* Comments */
#comments, #respond h3 {
  margin-bottom: 10px;
}
.nocomments {
  display: none;
}
#respond {
  margin-top: 20px;
}
#respond form p {
  margin-bottom: 10px;
}
.commentlist {
  font-size: 120%;
}
.commentlist li {
  padding: 20px 0;
	border-bottom: 1px dotted #CCC;
}
.commentlist li .author {
  float: left;
	padding: 5px 0;
	width: 120px;
}
.commentlist li .text {
  margin-left: 140px;
	padding: 5px 0 5px 20px;
	min-height: 60px;
	border-left: 1px solid #CCC;
}
.commentlist img {
  float: right;
	margin: 0 0 20px 20px;
	padding: 1px;
	border: 1px solid #CCC;
}
#commentform {
  margin-top: 20px;
	font-size: 120%;
}
#commentform dt {
  clear: left;
  float: left;
	width: 120px;
	line-height: 30px;
	color: #999;
}
#commentform dd {
	margin-bottom: 20px;
  margin-left: 140px;
	padding-left: 20px;
	line-height: 30px;
	border-left: 1px solid #CCC;
}
#commentform dd#submit {
  border-left-color: #FFF;
}
#commentform dd span {
  margin-left: 20px;
	font-style: italic;
  color: #FF0000;
}
#commentform input, #commentform textarea {
  padding: 5px;
  border: none;
	background-color: #DDD;
}
#commentform input {
  width: 280px;
}
#commentform button {
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #20AC3A;
	border: none;
	color: #FFF;
}

/* Projects */
#title-home #projects {
  position: absolute;
	top: 40px; left: 20px;
	width: 980px;	
}
#projects li {
  float: left;
	margin: 20px 20px 0 0;
}
#projects li.last {
  margin-right: 0;
}
#projects li a {
  display: block;
  padding: 10px 10px 30px 10px;
  width: 280px;
	height: 250px;
  background-color: #F2F2F2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-bottom: none;
}
#title-home #projects li a {
  background-color: #6FDF83;
  color: #000 !important;										
}
#projects li a:hover {
  background-color: #DDD;
}
#title-home #projects li a:hover {
  background-color: #A4EFB2;
}
#projects img {
	width: 280px;
	height: 140px;
}
#projects h2 {
  padding-top: 10px;
  font-size: 200%;
	color: #333;
}
#projects p {
  margin-top: 10px;
	font-size: 120%;
	color: #666;
}
#title-home #projects h2, #title-home #projects p {
  color: #000;
}
#project {
  min-height: 250px;
}
#sidebar #project-thumbnail {
	margin-bottom: 20px;
	font-size: 120%;
	text-align: right;
	color: #333;
}
#sidebar #project-thumbnail img {
  margin-bottom: 10px;
	width: 260px;
}
#project #launchdate {
  text-transform: uppercase;
	color: #999;
	font-size: 140%;
}

/* Last.fm */
#lastfm {
  margin-left: 480px;
}
#lastfm ul {
  margin-top: 20px;
	font-size: 120%;
}
#lastfm li {
  margin-bottom: 4px;
	padding: 8px 5px 8px 30px;
  background: url('images/play.png') 5px center no-repeat #F2F2F2;
	color: #666;
}
#lastfm li.odd {
  background-color: #FFF;
}