/*
Paul Stanton
http://coffeepowered.co.uk
*/

/* RESET AND DEBUG STYLES --------------------------------------------------- */

@import url(reset.css);
@import url(debug.css);

/* BODY --------------------------------------------------------------------- */

html {
	background-color:#ccc;
	background-image:url('../img/background_wood.jpg');
	background-repeat:repeat; }

body {
	color:#333;
	font:12px/1.5 HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:20px auto 0 auto;
	width:760px; }

/* HEADINGS ----------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, Helvetica, Arial, sans-serif;
	font-weight:normal; }

h1 {
	border-bottom:2px solid #ccc;
	font-size:2em;
	line-height:1.5em;
	margin:0 0 18px 0; }

h2 {
	font-size:1.333em;
	line-height:1.125em;
	margin:1.125em 0 1.125em 0; }

h3, h4 {
	font-size:1.1667em;
	line-height:1.2857em;
	margin:1.2857em 0; }

/* TYPOGRAPHY --------------------------------------------------------------- */

p {
	font-size:1em;
	margin:0 0 1.5em 0; }
	
ul, ol {
	margin-top:1.5em;
	margin-right:0pt;
	margin-bottom:1.5em;
	margin-left:0pt; }
	
ul {
	list-style-type:none; }
	
li {
	margin-bottom:0.2em; }
	
ol {
	list-style-type:decimal; }

address {
	font-style:normal;
	margin-top:1.5em; }
	
sup, sub {
	line-height:0; }	
	
blockquote {
	margin:1.5em 0;
	font-style:italic; }
	
strong {
	font-weight:bold; }
	
em, dfn {
	font-style:italic; }
	
dfn {
	font-weight:bold; }
	
pre, code {
	margin:1.5em 0;
	white-space:pre; }
	
pre, code, tt {
	font:1em 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height:1.5; }
	
tt {
	display:block;
	line-height:1.5;
	margin:1.5em 0; }
	
table {
	margin-bottom:1.4em; }
	
th {
	font-weight:bold; }
		
tfoot {
	font-style:italic; }

/* LINKS -------------------------------------------------------------------- */

a {
	border-bottom:1px dashed #ccc;
	color:#c00000;
	text-decoration:none; }

a:hover {
	border-bottom:1px solid #333;
	color:#333;
	text-decoration:none; }
	
/* LAYOUT ------------------------------------------------------------------- */

#container {
	background-color:#fff;
	background-position:top left;
	-moz-box-shadow:0 0 20px #111;
	-webkit-box-shadow:0 0 20px #111;
	box-shadow:0 0 20px #111;
	float:left; }
	
#content {
	float:left;
	margin:18px 0 0 10px;
	position:relative;
	width:740px; }

#aside {
	float:right;
	width:200px; }
	
#moblogs_index #content {
	margin-top:0; }
	
#usersEdit #content {
	width:590px; }
	
#footer {
	clear:left;
	float:left;
	margin:36px 0 0 10px; }
	
/* HEADER IMAGE ------------------------------------------------------------- */

#header h2 {
	background-image:url('../img/header/dummy.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1em;
	line-height:1em;
	margin:0;
	text-indent:-9999px; }
	
#header h2 a {
	border:0;
	display:block;
	height:230px; }

/* PRIMARY NAVIGATION ------------------------------------------------------- */
	
ul#nav_primary {
	float:left;
	margin:0;
	padding:0; }
	
ul#nav_primary li {
	border-right:1px solid #ccc;
	display:inline;
	float:left; }
	
ul#nav_primary li:hover {
	background-color:#efefef; }
	
ul#nav_primary li:last-child {
	border-right:none; }
	
ul#nav_primary li a {
	color:#999;
	border:0;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase; }
	
ul#nav_primary li a:hover {
	border:0;
	color:#c00000; }

/* SECONDARY NAVIGATION ----------------------------------------------------- */
	
ul#nav_secondary {
	clear:left;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	width:140px; }
	
ul#nav_secondary li {
	float:left;
	width:100%; }
	
ul#nav_secondary li a {
	background:#efefef;
	border-left:3px solid #ccc;
	color:#000;
	display:block;
	padding:5px 10px;
	text-decoration:none; }
	
ul#nav_secondary li a:hover {
	background:#e6e6e6;
	border-left:3px solid #999; }

/* LOGIN FORM --------------------------------------------------------------- */

#UserLoginForm form,
#UserEditForm form {
	float:left; }
	
#UserLoginForm .input,
#UserEditForm .input  {
	clear:left;
	float:left;
	margin:0 0 8px 0; }
	
#UserLoginForm .input input,
#UserEditForm .input input {
	border:1px solid #ccc; }
	
#UserLoginForm label,
#UserEditForm label {
	clear:left;
	float:left;
	margin:0 20px 10px 0;
	width:100px; }
	
#UserLoginForm .submit,
#UserEditForm .submit {
	clear:left;
	float:left;
	margin:0 0 0 120px; }
	
/* IS LOGGED IN ------------------------------------------------------------- */

#isLoggedIn {
	float:right;
	margin:0 10px 0 0; }
	
/* HOMEPAGE ----------------------------------------------------------------- */

#homepage #blogs {	
	float:left;
	margin:1em 0 0 10px;
	width:380px; }
	
#homepage #blogs .blog {	
	clear:left;
	float:left;
	min-height:125px; /* 18px*7rows - 1px border */
	margin:0 0 1.5em;
	padding:0;
	width:100%; }
	
#homepage #blogs .blog .avatar {
	border:5px solid #fff;
	-moz-box-shadow:0 0 10px #000;
	float:left;
	height:90px;
	width:90px; }
	
#homepage #blogs .blog ul {
	float:left;
	margin:0 0 1.125em 20px;
	width:257px; }
	
#homepage #blogs .blog ul li {
	margin:0; }
	
#homepage #blogs .blog h2 {
	float:left;
	margin:0.125em 0 1.225em 0; }
	
#homepage #blogs .blog h2 a:hover {
	background:#c00000;
	color:#fff;	}
	
#homepage #blogs .blog .body {
	float:left; }
	
#homepage #blogs .blog .created {
	font-family:palatino;
	font-style:italic; }
	
#homepage #blogs .blog .commentCount {
	clear:left;
	float:left; }
	
#homepage ul#moblogs {
	float:right;
	margin:1em 7px 0 0;
	width:316px; }

/* MOBLOGS ------------------------------------------------------------------ */

#details {
	float:right;
	margin:0;
	width:200px; }
	
#instructions {
	border-bottom:2px solid #ccc;
	color:#999;
	margin-bottom:18px; }
	
#instructions p {
	margin-left:10px; }

/* MOBLOG SORT */

#MoblogIndexForm {
	float:left;
	left:10px;
	position:absolute;
	top:51px;
	width:250px; }
	
#MoblogIndexForm label {
	color:#666;
	float:left;
	font-size:1.1em;
	line-height:1.4em;
	text-transform:uppercase; }
	
#MoblogIndexForm select {
	border:0;
	color:#999;
	float:left;
	margin-left:9px;
	text-transform:uppercase; }
	
#MoblogIndexForm .submit {
	float:left; }
	
#MoblogIndexForm .submit input {
	border:1px solid #777;
	font-size:0.8em;
	height:18px;
	margin:0 0 0 3px;
	overflow:hidden; }
	
#MoblogIndexForm a,
#MoblogIndexForm a:hover {
	border:0; }
	
#MoblogIndexForm .static {
	left:3px;
	position:relative;
	top:-2px; }
	
#MoblogIndexForm .animated {
	left:3px;
	position:relative;
	top:1px; }

/* MOBLOG THUMBNAILS */

ul#moblogs {
	display:block;
	float:left;
	margin:0 0 0 10px;
	width:730px; }
	
li.moblog_thumbnail {
	display:block;
	float:left;
	margin:0 3px 3px 0;
	height:100px;
	position:relative;
	width:100px; }
	
li.moblog_thumbnail:hover {
	-moz-box-shadow:0 0 20px rgba(0,0,0,.5);
	-moz-transform:scale(1.2);
	-moz-transition-duration:1s;
	z-index:99; }
	
li.moblog_thumbnail img {
	height:100px;
	width:100px; }
	
#moblogs .moblog_thumbnail .commentCount {
	background-color:#333;
	bottom:0;
	float:left;
	opacity:0.75;
	position:absolute;
	right:0;
	z-index:2; }
	
#moblogs .moblog_thumbnail a.commentCount {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:0 10px;
	text-shadow:rgba(0, 0, 0, 0.6) 0px -1px 0; }
	
ul#moblogs a,
ul#moblogs a:hover {
	border:0; }

#moblogImage {
	margin:0; }
	
#moblogImage img {
	width:740px; }

#NSFW {
	background-color:#9a3334;
	padding:18px 0 18px 0;
	margin:0 0 3px 0; }
	
#NSFW .message {
	border:0;
	color:#fff; }
	
#NSFW a {
	color:#fff;
	font-size:1.5em;
	margin:0 0 18px 10px; }

/* MOBLOG NEIGHBOURS */

ul#neighbours {
	clear:left;
	float:left;
	margin:0;
	width:350px; }
	
ul#neighbours li {
	display:inline;
	float:left;
	margin:0 4px 0 0;
	position:relative; }
	
ul#neighbours li a {
	border:0; }
	
ul#neighbours li.prev a:hover,
ul#neighbours li.next a:hover  {
	border-bottom:4px solid #ccc; }
	
ul#neighbours li.current a {
	cursor:default;
	border-bottom:4px solid #c00000; }
	
ul#neighbours li.current a:hover {
	border-bottom:4px solid #c00000; }
	
ul#neighbours li img {
	height:100px;
	width:100px; }
	
ul#neighbours .commentCount {
	background-color:#333;
	display:block;
	float:left;
	height:30px;
	opacity:0.75;
	position:absolute;
	right:0;
	top:70px;
	z-index:2; }
	
ul#neighbours a.commentCount {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:0 10px;
	text-shadow:rgba(0, 0, 0, 0.6) 0px -1px 0; }
	
ul#neighbours a.commentCount:hover {
	border:0; }

/* MOBLOG ADMIN FUNCTIONS */

#functions {
	clear:both;
	float:right;
	margin:18px 0 0 0;
	width:200px; }
	
#functions button {
	clear:right;
	float:right; }

/* BLOGS -------------------------------------------------------------------- */

#blogs {
	float:left;
	margin:0; }
	
#blogs #blog {
	border-bottom:1px solid #ccc;
	clear:left;
	float:left;
	width:500px; }
	
#blogs #blog .avatar {
	float:left; }
	
#blogs #blog .avatar img {
	width:100px; }
	
#blogs #blog h2 {
	float:left;
	font-size:2em;
	margin:0 0 0 10px; }
	
#blogs #blog h2 a {
	border:0; }
	
#blogs #blog .body {
	float:left;
	margin:0 0 0 10px;
	max-width:380px; }
	
#blogs #blog .created {
	color:#999;
	display:block;
	float:left;
	font-family:georgia;
	font-size:1em;
	margin:0 0 10px 10px;
	width:300px; }
	
#blogs #blog .commentCount {
	clear:left;
	float:left;
	margin:0 0 0 110px;
	width:300px; }
	
#blogs #blog .commentCount a {
	border:0; }

#blog #blog_post {
	float:left;
	width:500px; }
	
#blog #blog_post h2 {
	display:block;
	float:left;
	font-size:2em;
	margin:0 0 18px 0;
	width:100%; }
	
#blog h3 {	
	border-bottom:1px solid #ccc;
	color:#999;
	clear:left;
	display:block;
	float:left;
	font-size:1.5em;
	margin:18px 0 0 0;
	width:100%; }
	
#blog ol {
	margin:18px 0 0 0; }

#blog .body {
	width:100%; }
	
#blog #blog_post .comments {
	clear:left;
	float:left; }
	
.commentForm #BlogAddForm #BlogTitle,
.commentForm #BlogEditForm #BlogTitle {
	border:1px solid #ccc;
	margin:0 0 18px 10px;
	width:540px; }
	
.commentForm #BlogAddForm textarea,
.commentForm #BlogEditForm textarea {
	clear:left;
	float:left;
	height:400px;
	width:740px; }

/* COMMENTS ----------------------------------------------------------------- */

.comments {
	clear:left;
	float:left;
	margin:36px 0 0 0;
	width:516px; }
	
.comment {
	clear:left;
	float:left;
	list-style-type:none;
	min-height:130px;
	position:relative;
	width:100%; }

.comment-author {
	background-color:#999;
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgb(204,204,204)),
			to(rgb(153,153,153)) );
	background-image:
		-moz-linear-gradient(
			left top,
			left bottom,
			from(rgb(204,204,204)),
			to(rgb(153,153,153)) );
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,.3);
	-moz-box-shadow:0 5px 30px rgba(0,0,0,.3);
	box-shadow:0 5px 30px rgba(0,0,0,.3);
	display:block;
	height:40px;
	margin-left:-13px;
	width:529px; }

.comment-author .fn {
	font-style:normal;
	margin-left:10px; }

.comment-author .fn,
.comment-author .says {
	color:#fff;
	font-family:georgia;
	font-size:18px;
	line-height:2.1em;
	text-shadow:rgba(0,0,0,0.3) 0px -1px 0,
	rgba(255,255,255,0.3) 0px 1px 0; }

.comment-author .avatar {
	border:4px solid #fff;
	box-shadow:0 0 7px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 7px rgba(0,0,0,.5);
	float:left;
	height:55px;
	margin:-11px 0 0 13px;
	width:55px; }

.comment-meta {
	color:#666;
	line-height:1em;
	position:absolute;
	right:10px;
	text-shadow:rgba(0,0,0,0.3) 0px -1px 0,
	rgba(255,255,255,0.3) 0px 1px 0;
	top:14px; }

.comment-body blockquote {
	font-family:Tahoma, Geneva, Verdana;
	font-style:normal;
	margin:18px 0 18px 75px; }

.comment-functions {
	left:25px;
	position:absolute;
	top:45px; }
	
.comment-functions li a {
	border:0;
	display:block;
	height:16px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:16px; }

.comment-functions .edit a {
	background-image:url(../img/icons/page_white_edit_mono.png); }

.comment-functions .delete a {
	background-image:url(../img/icons/cross_mono.png); }
	
.commentForm {
	clear:left;
	float:left; }

.commentForm form {
	clear:left;
	float:left;
	margin-top:1em; }

.commentForm textarea {
	background-color:#efefef;
	border:1px solid #ccc;
	clear:left;
	float:left;
	height:200px;
	width:510px; }
	
.commentForm label,
.commentForm .submit {
	clear:left;
	float:left; }

.commentForm .submit {
	margin:0; }

.commentForm .fn,
.commentForm .says {
	color:#990000; }

.commentForm a {
	border:0; }

.commentForm #UserRememberMe {
	float:left; }

/* TINYMCE ------------------------------------------------------------------ */

html #mceEditor a {
	border:0; }

/* PAGINATION --------------------------------------------------------------- */

#pagination {
	clear:left;
	color:#999;
	float:right;
	font-weight:bold;
	font-size:1.1em;
	margin:0 12px 0 0;
	text-align:center;
	text-transform:uppercase;
	width:306px; }

#pagination a {
	border:0;
	color:#fff; }

#pagination a:hover {
	border:0;
	color:#c00000; }

#pagination .next,
#pagination .prev,
#pagination .counter {
	background-color:#ccc;
	display:block;
	float:left;
	padding:5px;
	position:relative;
	width:90px;
	z-index:10; }

#pagination .counter {
	margin-left:3px; }

#pagination .next {
	float:right; }

#pagination .prev {
	float:left; }

/* FOOTER ------------------------------------------------------------------- */

.footer {
	clear:left;
	color:#ccc;
	line-height:2.5em;
	margin-right:15px;
	text-align:right; }

.footer a {
	border:0;
	color:#999; }

.footer a:hover {
	color:#c00000; }

/* GLOBAL ELEMENTS ---------------------------------------------------------- */

abbr, acronym {
	border-bottom:1px dotted #666; }

.information {
	color:#999;
	float:right;
	margin:0 0 18px 0;
	width:300px; }

.message {
	border-left:3px solid #c00000;
	color:#c00000;
	padding-left:10px; }

.error { 
	color:#c00000; }

.checkbox {
	float:left; }

/* TABLES */

thead, th {
	background:#c3d9ff; }

th, td, caption {
	padding:4px 10px 4px 5px; }

caption {
	background:#eee; }

tr.even td {
	background:#e5ecf9; }

/* -------------------------------------------------------------------------- */