/*  
Theme Name: twitterLike
Version: 1.0
Author: Ward Seward
Author URI: http://www.wardofdesign.com/
Tags: 
Description: Theme I created based off some code from the Progue theme (to get the twitter like functions)
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
/* -------------------------------------------- */


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body {
	font-size: 14px;
	background: #000;
	color:#666;
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif
}
a {color: #990000;}
a:hover {border-bottom: 1px dashed #990000;}
a:active {color: #990000;}
strong {font-weight: bold;}
em {font-style: italic;}

#BGwrapper {background:#333; width:100%; padding:20px 0; margin-top:16px; border-top:1px solid #999;}
#wrapper {width: 900px; margin: 0 auto;}

div.header {}
div.header a {color:#fff; font-size:36px;}


#postbox {margin:0 auto; width:600px; font-size:14px; text-align:center; color:#fff;}
#postbox form {padding: 22px 0 22px 22px;}
#postbox textarea#posttext {
	width: 580px;
	/*height: 80px;*/
	border: 1px solid gray;
	margin:0 auto;
	margin-bottom: 10px;
	padding: 2px;
	}
#postbox label {
	color: #333;
	margin-bottom: 4px;
}
#postbox input#tags {
	font-size: 1.2em;
	padding: 2px;
	border: 1px solid #c6d9e9;
	width: 402px;
	margin-left: 10px;
}
#postbox input#submit {clear:both;}


#main {width: 618px; float: left; margin-top:6px;}
#main .wp-smiley {border: none;}

/* ==== The Post ==== */
div.post {display:block; width:600px; margin:0 0 35px 0; line-height:1.5em;}
div.post div.postcontent {width:600px; border:1px solid gray; border-bottom:none; padding:20px; background-color:#fff;}
div.post h1 {color:#666; font:bold 28px "Times New Roman", Times, serif; margin:10px 0px 20px 0px; font-variant:small-caps;}
div.post h1 a {color:#666; border:none;}
div.post h1 a:hover {border:none;}
div.post h2 {color:#333; font-weight:bold; font-size:38px; margin-top:30px; margin-bottom:20px;}
div.post div.entry h2 {color:#666; font-weight:bold; font-size:20px; margin-top:20px;}
div.post p {padding:5px 10px 10px 0px;}
div.post ul, div.post ol {margin:10px 50px;}
div.post blockquote {margin:20px; font-style:italic; background:url(img/quotes.gif) left top no-repeat; padding-left:30px; font-size:15px; color:#7A8ED0;}
div.post img, div.post object {border:1px solid #ccc; padding:4px; display:block; margin:0 auto;}

div.post .meta, #commentArea .meta {
	width:552px;
	display:block;
	color: #CCC;
	margin:0px;
	padding-top:2px;
	padding-right:90px;
	text-align:right;
	font-size:11px;
	background:url(img/bubbleBottom.gif) top left no-repeat;
}
.meta a {color:#fff; margin:0 2px;}
.meta a:hover {color:#fff; border-bottom:1px dashed #fff;}

div.contactform {margin:20px 10px; display:block;}


/* ==== Pagination ==== */
div.navigation {text-align:center; width:640px; line-height:2em;}
div.navigation a {padding:4px 6px; margin:0px 4px; background:#fff; border:1px solid gray; color:#333;}
div.navigation a:hover {border-bottom:1px solid gray;}


/* ==== Comments ==== */
#commentArea {display:block; width:640px; margin:0 auto; margin-bottom:10px; line-height:1.65em;}
#commentArea h3 {color:gray; font-weight:bold; font-size:20px;}
#commentArea ul {list-style:none;}
#commentArea ul li {margin:20px 0px;}
#commentArea ul li p {padding:5px 10px 10px 0px;}
#commentArea textarea {width:630px; border:1px solid gray; margin-top:4px; color:#666; padding:4px;}
#commentArea input {margin-right:10px; width:202px; color:#666; border:1px solid gray;}
#commentArea div.button {margin-top:10px; margin-bottom:20px; display:block; text-align:center;}
#commentArea div.button input#submit {width:160px; padding:5px;}

div.commentcontent {width:600px; border:1px solid gray; border-bottom:none; padding:20px; background-color:#fff;}

/* ===== PORTFOLIO CSS ===== */
div.portfolio {}
div.portfolio h2 {display:block; clear:both; width:460px; padding-top:20px;}
div.portfolio p {}
div.portfolio p a {float:left; display:block; margin:0; padding:0;}
div.portfolio br {display:none;}
div.portfolio p a:hover {background:none; text-decoration:none; border:none;}
div.portfolio a img {margin:10px 8px 10px 0; width:125px; border:1px solid #ccc; padding:4px;}

/* ==== SideBar ==== */
#sidebar {width:230px; display:block; float:right; margin:0; padding:0;}
#sidebar a {border-bottom:none; background:none; color:#fff;}
#sidebar a:hover {border-bottom:1px dashed #fff; background:none;}
#sidebar div.header a:hover {border-bottom:none;}

#sidebar p.showPost {margin:10px 0 0 0;}

#sidebar ul {list-style: none; color: #999; margin:0;}
#sidebar ul li {clear: both; padding:2px 0; margin:0;}
#sidebar ul li ul li {margin:0;}
#sidebar ul h2 {font-size:20px; margin:15px 0 7px 0;}


#sidebar li.page_item {}
#sidebar li.page_item a {font-size:20px; color:#999; font-weight:bold;}
#sidebar li.page_item a:hover {border-bottom:none;}

#sidebar form#searchform {margin:10px 0 0 0;}
#sidebar form#searchform input {}
#sidebar form#searchform input#searchsubmit {}

#sidebar div.elsewhere {float:left; clear:both; width:210px;}
#sidebar div.elsewhere h2 {font-size:20px; margin:15px 0 10px 0; color:#999;}
#sidebar div.elsewhere img {margin:3px; float:left; padding:1px; background:#fff;}


div.contactform form {width:400px; float:left;}

#imonline {float:right;}
#imonline object, #imonline p.imonline-tag {display:none;}
#imonline img {padding:0; margin:0; border:0;}
#imonline a:hover {border:none;}

div.smallPrint {color:#fff; width:100%; text-align:center; margin:0 auto; float:left; clear:both; border-top:1px solid #999; background:#000; font-size:12px; padding:10px 0;}
div.smallPrint a {color:#fff;}
div.smallPrint a:hover {border-bottom:1px dashed #fff;}

div.cleardiv {clear:both;}

/* ===== Flicker Badge CSS ===== */

#sidebar #flickr_badge_uber_wrapper {float:left; clear:both; text-align:left; width:440px; margin:0 0 10px 0; padding:0 0 0 20px; display:none;}
#sidebar #flickr_badge_wrapper {padding:0; border:0; margin:0;}
#sidebar div.flickr_badge_image {margin:0; padding:0; width:83px;}
#sidebar div.flickr_badge_image img {border: 1px solid white !important; float:left; padding:0; margin:0;}
#sidebar #flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#sidebar #flickr_badge_icon {float:left; margin-right:5px;}
#sidebar #flickr_www {display:block; padding:4px 10px 0 0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; float:left; clear:both;}
#sidebar #flickr_badge_uber_wrapper a:hover,
#sidebar #flickr_badge_uber_wrapper a:link,
#sidebar #flickr_badge_uber_wrapper a:active,
#sidebar #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:none !important;color:#3993ff;}
#sidebar #flickr_badge_wrapper {border:none;}
#sidebar #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#sidebar #flickr_badge_uber_wrapper h2 {margin:0px 0px 8px 0px;}



#footer {display:none;}