/*  
Theme Name: Mojo Default Themeplate
Theme URI: http://www.mojotheme.com/
Description: The default -minimalist- MojoBlog themeplate. Currently, interchangeable skins (themeplates) are not enabled but will be in future releases of mojoBlog.
Version: 1.1
Author: Kevin Murray -(visualweb/1guy)-
Author URI: http://www.1guywebdesign.com/

*************************************
JOOMLA!/MOJO 1.0 
For use with MojoBlog component
12-25-2007 --visualweb http://www.joomlify.com
v1.1

redev'd typo for improved transparency with joomla templates
*/

/* MOJO -HOME */
div#mojo-main {			/* container for mojo component display */
	display						: block;
	position						: relative;
	margin						: 0 auto;
	text-align					: center;
	width							: 98%;	
	
	border:1px solid #bcbcbc;  background-repeat:no-repeat;  margin-bottom:8px;  background-color:#efefef;  font-size: 10px;  font-weight: bold;
	
	}
	div.post {					/* pad the post */
		padding					: 0 8px;
		text-align				: left!important;
		border:1px solid #bcbcbc; 
		background-repeat:no-repeat;  
		margin-bottom:8px;  
		background-image:url(img/blogheader.gif);
		background-color:#fbfbfb;
		
		
		}
		div.post h3 a {font-size: 1.2em; color: #fff; font-weight: bold; } /*displays permalink icon*/
		div.post h3 a:hover {}
		div.post h3 .userEdit a img {border:0; margin-top: -14px; padding: 0 0 0 4px;} /*aligns joomla edit icon */
		div.post-date {display:none;} 
		/*rem out display inline below to hide date*/
		div.post-date {display:inline; font-size:0.90em; margin:0 0 4px 0;}
		div.post-author {color:#ccc; font-size: 0.90em; margin: 0 0 4px 0; font-style:italic; text-indent: 14px;}
		div.post-entry { border:1px solid #bcbcbc;  background-repeat:no-repeat;  margin-bottom:8px;  background-color:#fbfbfb;  font-size: 12px;  font-weight: bold;}
		div.post-entry h3 {			/* custom subtitles for 1guy */
			display				: block;
			float					: left;
			font-size				: 1.2em;
			margin				: 8px 0;
			position				: relative;
			width					: 100%;
			background-color:#66929f;
			}
		div.post-entry span {
			color					: #666;
			margin				: 0 2px;;
			border:1px solid #bcbcbc; 
			
		background-repeat:no-repeat;  
		margin-bottom:8px;  
		background-color:#fbfbfb;
			}
		div.post-entry p a span {display:block; font-size: 0.86em; margin: 12px 0; text-align:right; width:100%;}	
			.postmeta {			/* post details, links 2 ping, comments, trackback, etc. */
				border-bottom: 1px solid #f0f0f0;
				border-top		: 1px solid #f0f0f0;
				display			: block;
				font-size			: 0.86em;
				margin			: 4px auto;
				padding			: 8px 0;
				position			: relative;
				text-align		: center;
				width				: 60%;
				border:1px solid #bcbcbc;
				}
				.postmeta a {}
				.postmeta a:hover {}
				.navigation {
					display		: block;
					font-size		: 10px;
					margin		: 4px auto;
					padding		: 12px 0;
					position		: relative;
					width			: 100%;
					}
					.alignleft a {margin-right: 4px;}
					.alignright a {margin-left: 4px;}
div#mojo_footer {
	color							: #486f80;
	display						: block;
	margin						: 12px auto;
	position						: relative;
	
	}
	.feedage {border-bottom: 1px solid #f0f0f0; margin: 12px 0; padding: 0 0 12px 0;  text-align:right; width: 98%;}
	.feedage a.rss {
		background				: url(img/feed_def.gif) center left;
		background-repeat	: no-repeat;
		color						: #ccc;
		font-size					: 10px;
		font-weight				: lighter;
		}
		.feedage a.rss:hover {
			background			: url(img/feed_ovr.gif) center left;
			background-repeat: no-repeat;
			text-decoration	: none;
			}

	div#get_mojo {
		display					: block;
		margin					: 0 auto;
		width						: 80px;
		position					: relative;
		}
	div#get_mojo  a img {
		border					: 0;
		margin					: 4px auto -8px auto;
		text-align				: center;
		width						: 80px;
		}
	div#get_mojo p {
		color						: #ccc;
		font-size					: 11px;
		margin					: 0 auto;	
		text-align				: center;
		width						: 80px;
		}
/* COMMENT DISPLAY  BLOCKS */
div#mojo_comments {	/* block comment */
	display						: block;
	margin						: 0 auto;
	padding						: 8px 0;
	text-align					: left;
	width							: 98%;
	}
		div#mojo_comments h3 {font-size: 1em; font-weight:bold; text-align:center;}
		div#mojo_comments h3 span {font-size:1.1em; font-weight: normal;}
		div#mojo_comments ol.commentlist {border-bottom:1px solid #ccc; padding: 0 0 12px 0; width:100%;}
		div#mojo_comments ol.commentlist li  {border:1px solid #ccc;}
		div#mojo_comments ol li cite a {font-family: arial, sans-serif; font-style:normal; font-weight: normal;}
		div#mojo_comments ol li.reply { background:#fff; color:#666; margin: 4px auto; padding: 4px 12px; font-family:arial, sans-serif;  font-size:12px;}
		div#mojo_comments ol li.altreply { background: #fafafc; color:#999; margin: 4px auto; padding: 4px 12px; font-family:arial, sans-serif;  font-size:12px;}
		/* future hook for alternate author response */
		div#mojo_comments ol li.auth {background-color: #fffeec; color:#333; margin: 4px auto; padding: 4px 12px;}
/* PASSWORD COMMENTS */
	div#mojo_pwcomments {
		display					: block;
		color						: red;
		margin					: 12px auto;
		text-align				: center;
		width						: 100%;
		}
/* NO COMMENTS YET */

/* GOT COMMENTS */

/* COMMENT FORM */
p label span {color:#666; font-size:10px;}
input.comment,
textarea.comment {
	background-color			: inherit;
	border						: 1px solid #ccc;
	color							: #333;
	display						: block;
	padding						: 2px;
	width							: 98%;
	}
input.comment { 
	width							: 200px;
	}
	textarea.comment:hover,
	input.comment:hover {
		background-color		: #fff;
		border					: 1px solid #accc39;
		}