/*  
Theme Name: Prologue Gaboogle?
Version: 0.7.2
Author: George Jones, the Gaboink! network
Author URI: http://gaboink.net/
Tags: gaboogle, social activity, prologue, microblog, blue, two columns, fixed width, custom header
Description: A social activity streaming, microblogging theme for WordPress, Based on Automatic's Prologue WordPress Theme, inspired by Jaiku, Twitter.  This theme is hoped to inspire support for the Gaboogle It? Social Commerce project.
*/

/* 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; }

body {
	font-size:62.5%; /* Resets font size to 10px/1em */
	background:#ccc;
	font-family:"Trebuchet MS", Lucida, "Lucida Grande", sans-serif;
	min-width:742px;
}


/* Links */

a { font-weight:bold; color:#0072bc; }
a:hover { color:#1d61e5; text-decoration:underline; }
a:active { color:#0043BA; }


/* Heading's */

#content h1 { font:1.4em Arial, sans-serif, Helvetica; color:#006; font-weight:normal; }
#content h1 a { color:#006; }
#single h1 { font:1.8em Arial, sans-serif, Helvetica; color:#006; font-weight:normal; }
h2 { font:2em Arial, sans-serif, Helvetica; color:#006; letter-spacing:-1px; }
#sidebar h2 { font:1.3em Arial, sans-serif, Helvetica; color:#006; font-weight:bold; letter-spacing:0px; }


/* Wrapper */

#wrapper {
	width:726px;
	margin:0 auto;
	background:#fff;
	font-size:1.2em;
}


/* Header */

#header { height:100px; }


/* Search Box */

#searchbox { float:right; width:233px; height:36px; background:url(i/search-bg.png) no-repeat;
	z-index:1;
	position:relative;
	margin:-80px 15px 0 0;
}
#searchbox #s { float:left; border:0; width:200px; background:none; color:#4c4c4c;
	margin:5px 0 0 11px;
	font-size:1.2em;
}
#searchbox #go { float:right; margin:3px 4px 0 0; width:18px; height:18px;  }


/* Navigation */

#nav {
	font-size:1.2em;
	background-color:#666;
	border-bottom:1px solid #fff;
	border-top:2px solid #ccc;
	z-index:10;
	height:25px;
	line-height:25px;
	padding-left:10px;
}
#nav ul li { display: inline; margin:0 15px 0 0; }
#nav a { color:#E6E6E6; }
#nav a:hover { color:#FFF; text-decoration:underline; }
#nav ul li.current_page_item a { color: #FFF; }

#nav ul li.current_page_item a:hover{
	background:transparent;
	color: #FFF;
	text-decoration: underline;
	}
a.pink { color:#FE3299!important; }
a.orange { color:#FE9800!important; }
a.green { color:#329900!important; }


/* Content */

#content {
	width:500px;
	float:left;
	padding:10px;
}
#content p { margin-bottom:15px; }

.more-link { display:none; }


/* Page */

#single {  }


/* Category Listings */

.cat-icon { float:right; margin:0 0 5px 5px; }
.cat-icon img { border:1px solid #ccc; padding:3px; }


/* Homepage Entry */

.post { width:500px; clear:both; margin-bottom:20px; }
.t-icon { float:left; width:73px; background:url(i/bg-t-icon.gif) top right no-repeat; }
.post-top { float:right; width:407px; height:10px; background:url(i/bg-post-top.gif) top right no-repeat; padding:0 10px; }
.entry { float:right; width:407px; background:url(i/bg-post.gif) top right no-repeat; padding:0 10px; }
.post-meta { float:right; width:407px; height:20px; padding:10px 10px 0 10px; background:url(i/bg-post-bottom.gif) top right no-repeat; }
.box { display:none; }

a.reveal { width:208px; height:40px; line-height:40px; display:block; background:url(i/reveal.gif) top center no-repeat; text-align:center; }
a.reveal:hover { width:208px; height:40px; line-height:40px; display:block; background:url(i/reveal.gif) bottom center no-repeat; color:#fff; text-decoration:none; }


/* Sidebar */

#sidebar {
	width:180px;
	color:#555;
	background-color:#f0f0f0;
	font-size:.9em;
	float:right;
	padding:10px;
	list-style:none;
}
#sidebar li { margin-bottom:20px; }
#sidebar li ul { list-style:none; }
#sidebar li ul li { margin-bottom:0px; }

#sidebar li ul li { border-bottom:1px dashed #bbb; padding:3px 0; clear:both; }
#sidebar li ul li:hover { background:#ddd; }
#sidebar li ul li a img { clear:both; float:left; margin-right:5px; }

a.rss {  }


/* Footer */

#footer {
	clear:both;
	background-color:#666;
	font-size:1em;
	color:#fff;
	padding:10px;
}
#footer li { display:inline; margin-right:10px; }
#footer a { color:#fff; text-decoration:underline; }


/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;


	}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata {
	font-weight: normal;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.commentlist li .avatar {
	float:left;
}


/* Extra's */

.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

.left { float:left; } .right { float:right; }
.clear { clear:both; }

.sociable { clear:both; }