/**
 *
 * CSS + Design by James Fairhurst
 *
 */

*						{ padding:0; margin:0;}
html					{ overflow-y: scroll;}
body					{ text-align: center; background:#545353;}
#wrapper				{ width: 900px; text-align: left; margin: 0 auto; padding: 0 0 15px 0;}
#header					{ width: 900px; height: 120px; background:url(../img/design/bg_header.jpg) no-repeat; }
#header .logo			{ float:left;text-indent:-9999px;}
#header .logo a			{ }
#header .logo a:hover	{ }
#header .text			{ float:left;text-indent:-9999px;}
#header a.homelink		{ float:left; width: 210px; height: 40px; display:block; margin: 25px 0 0 0; text-indent:-9999px; outline:none;}
#header a.homelink:hover{ background:none;}
#contents				{ width:900px; background:url(../img/design/bg_contents.jpg) repeat-y;}
#mainContent 			{ width: 645px; float:left; margin: 0px 0 0 5px; display:inline;}
#secContent				{ width: 245px; float:right; margin: 0px 5px 0 0;}
#secFooter p			{ padding:0; text-align:center; font-size:10px;}
#footer					{ width:900px; height:10px; background:url(../img/design/bg_footer.jpg) no-repeat;}

#mainContent ul			{ list-style-type:none; padding:0; margin:0 0 0 10px;}
#mainContent ul li		{ padding:0 0 4px 20px; background:url(../img/icons/bullet_black.png) no-repeat;}
#mainContent form fieldset	{ margin: 0 20px 20px 20px;}

.post					{ padding:0 0 15px 15px;}
.post h2				{ color:#fff; width:615px; height:25px; line-height:25px; font-size:15px;
						  background:url(../img/design/bg_post_heading.jpg) no-repeat; padding:0 0 0 10px;}
.post h2 a				{ color:#fff; text-decoration:none;}
.post h2 a:hover		{ text-decoration:underline; background:none;}
.post h3				{ padding:0; margin:10px 0 0 0; color:#54a4de; font-size:14px;}
.post ul				{ list-style-type:none; padding:0; margin:0 0 0 10px;}
#mainContent .post ul li{ padding:0 0 4px 20px; background:url(../img/icons/bullet_black.png) no-repeat;}
.post ol				{ padding:0; margin: 10px 0 0 30px;}
.post ol li				{}
.date_tags				{ color:#787878; padding:15px 15px 0 0;}
.date_tags .left		{ float:left;}
.date_tags .right		{ float:right; background:url(../img/icons/tag_blue.png) no-repeat left center; padding:0 0 0 20px;}
.post img				{ border:3px solid #ffba4f; margin: 10px 0 0 0;}
.post img.star_rating { border:none; margin: 0 0 15px 0;}
.post p					{ padding: 10px 15px 10px 0;}
.post code				{ display:block; margin: 5px 15px 5px 0; padding:10px; background:#ebf4fa; border:1px solid #bbd9ee; overflow:auto;}
a.readmore				{ padding:0 0 0 20px; background:url(../img/icons/arrow_right.png) left center no-repeat;}
a.readmore:hover		{ background:url(../img/icons/arrow_right.png) left center no-repeat; color:#69bfde;}
a.back_home				{ padding:0 0 0 20px; background:url(../img/icons/arrow_left.png) no-repeat;}
a.back_home:hover		{ padding:0 0 0 20px; background:url(../img/icons/arrow_left.png) no-repeat; color:#69bfde;}
.iconComments			{ background:url(../img/icons/comments.png) no-repeat; padding:0 0 0 20px; float:right; margin:0 15px 0 0;}
.post a.buybeer:hover img { background:none; border:3px solid #69bfde;}
.post a.buybeer:hover	{ border:none; background:none;}

#comments				{}
#comments h2			{ padding:0 0 15px 15px; color:#555555; font-size:14px;}
.comment				{ padding: 10px; margin: 0 15px 15px 15px; background:#ebebeb; border: 1px solid #e1e1e1;}
.comment h3				{ margin:0px; padding:0; font-size:13px;}
.comment p				{ margin:0; padding: 10px 0 0 0;}
.admin_comment			{ background:#ffba4f; border: 3px solid #ff9b00;}
.admin_comment h3 a		{ color:#333333;}
/* tags */
ul#tags					{ list-style-type:none; margin: 0 0 10px 15px;}
ul#tags li				{ margin: 0 0 5px 0;}
ul#tags li a			{ display:block; width:200px; height: 25px; background:url(../img/design/bg_tags.jpg) top no-repeat; 
						  line-height:25px; color:#206ba4; padding:0 0 0 15px; text-decoration:none; font-size:11px;}
ul#tags li a:hover		{ background:url(../img/design/bg_tags.jpg) bottom no-repeat; color:#fff;}
/* archive */
ul#archive				{ list-style-type:none; margin: 0 0 10px 15px;}
ul#archive li			{ margin: 0 0 5px 0;}
ul#archive li a			{ display:block; width:200px; height: 25px; background:url(../img/design/bg_archive.jpg) top no-repeat; 
						  line-height:25px; color:#60a309; padding:0 0 0 15px; text-decoration:none; font-size:11px;}
ul#archive li a:hover	{ background:url(../img/design/bg_archive.jpg) bottom no-repeat; color:#fff;}
#tagsbox h2,
#archivebox h2			{ padding:0 0 15px 15px; color:#555555; font-size:14px;}
/* popular */
#poppostsbox ul			{ list-style-type:none; margin: 0 15px 15px 15px;}
#poppostsbox ul li		{ background:url(../img/icons/bullet_black.png) no-repeat; padding:0 0 5px 20px;}
/* films */
#filmsbox				{ padding:0 0 10px 15px;}
#filmsbox a				{ float:left; margin:0 5px 10px 0; border:3px solid #c2def1; outline:none;}
#filmsbox a:hover		{ border:3px solid #a6cfec;}
#filmsbox a img			{ border:none; float:left;}
/* albums */
#albumsbox				{ padding:0 0 10px 15px;}
#albumsbox a			{ float:left; margin:0 5px 5px 0; border:2px solid #c2def1; outline:none;}
#albumsbox a:hover		{ border:2px solid #a6cfec;}
#albumsbox a img		{ border:none; float:left;}
/* shows */
#showsbox				{ padding:0 0 10px 15px;}
#showsbox a				{ float:left; margin:0 5px 5px 0; border:2px solid #c2def1; outline:none;}
#showsbox a:hover		{ border:2px solid #a6cfec;}
#showsbox a img			{ border:none; float:left;}
/* links */
#linksbox				{ padding:0 10px 0 10px;}
#linksbox h2			{ padding:0 0 0 5px; font-size:14px;}
#linksbox .link			{ padding:5px;}
#linksbox .link:hover	{ background:#c2def1;}
#linksbox .link a		{ color:#206ba4;}
#linksbox .link a:hover	{ background:none;}
#linksbox .link p		{ padding:0px; font-size:10px;}

#filmsbox h2,
#albumsbox h2,
#showsbox h2,
#apps_box h2 { color:#555555; font-size:14px; padding:0 0 15px 0;}

/* APPS BOX */
#apps_box { padding: 0 0 0 15px;}
#apps_box a img { border:none;}
#apps_box a { display:block; margin-bottom:15px;}
#apps_box a:hover { background:none;}

.paginate				{ background:#bbd9ee; margin: 0 15px 10px 15px;}
.paginate a				{ color:#206ba4; background:#bbd9ee; display:block; padding: 5px;}
.paginate a:hover		{ color:#fff; background:#206ba4;}
ul#pagination			{ list-style-type:none; float:left; margin:0 0 10px 15px;}
ul#pagination li		{ float:left; margin-right:5px;}
ul#pagination li a		{ border:1px solid #ccc; padding:3px; display:block;}
ul#pagination li.nolink { border:1px solid #ccc; padding:3px;}

.page_left				{ float:left; text-indent:-9999px; margin:0 0 10px 15px;}
.page_right				{ float:right; text-indent:-9999px; margin: 0 15px 10px 0;}
.page_left a			{ background:url(../img/design/pagination_links.png) top left no-repeat; display:block; width: 307px; height:26px;}
.page_left a:hover		{ background:url(../img/design/pagination_links.png) no-repeat; background-position: 0 -52px;}
.page_left a.notactive	{ background:url(../img/design/pagination_links.png) no-repeat; background-position: 0 -26px;}
.page_right a			{ background:url(../img/design/pagination_links.png) top right no-repeat; display:block; width: 308px; height:26px;}
.page_right a:hover		{ background:url(../img/design/pagination_links.png) no-repeat; background-position: -307px -52px;}
.page_right a.notactive { background:url(../img/design/pagination_links.png) no-repeat; background-position: -307px -26px;}


/* Navigation */
ul#nav							{ list-style-type:none; text-indent:-9999px; margin:25px 0 0 0; float:right; width:250px; height:51px;}
ul#nav li						{ float: left;}
ul#nav li a						{ display:block; height:51px; background: url(../img/design/bg_nav.jpg) no-repeat; outline:none;}
ul#nav li.nHome	a				{ width:85px;}
ul#nav li.nAbout a				{ width:62px; background-position: -85px 0;}
ul#nav li.nContact a			{ width:103px; background-position: -147px 0;}

ul#nav li.nHome	a:hover			{ background-position: 0px -51px;}
ul#nav li.nAbout a:hover		{ background-position: -85px -51px;}
ul#nav li.nContact a:hover		{ background-position: -147px -51px;}
								  
ul#nav li a:hover				{}
#mHome ul#nav .nHome a			{background-position: 0px -51px;}
#mAbout ul#nav .nAbout a		{background-position: -85px -51px;}
#mContact ul#nav .nContact a	{background-position: -147px -51px;}

/* Typography */
body					{ font-family: "Lucida Sans Unicode", Verdana, Arial; font-size: 12px;}
h1						{}
h2						{}
h2 span					{ color:#69bfde;}
h3						{}
h1,h2,h3				{ padding:0 0 15px 15px; margin:0; color:#555555; font-size:16px;}
p						{ padding:0 15px 15px 15px;}
a						{ text-decoration: underline; color:#69bfde;}
a:hover					{ text-decoration: none; background:#69bfde; color:#fff;}

/* Misc */
.clear					{ clear:both;}

/* notices and errors */
#flashMessage,
.error,
.error_message 			{ color:#900; font-size: 14px; font-weight: bold; padding: 0 15px 15px 15px;}
.error_message 			{ clear: both; }
.error em 				{ font-size: 18px; color: #003d4c; }
.notice 				{ color: #656565; font-size: 14px; background-color: #f4f4f4; padding: 0.5em; margin: 1em 0; display:block; }
.tip 					{ color: #656565; background-color: #ddd; }

/* Form Styles */
form fieldset						{ padding: 1em;}
form fieldset p						{}
form fieldset legend				{ font-size: 14px;}
form fieldset label					{ font-size: 12px; display:block;}
form fieldset input					{ width: 250px;}
form fieldset input[type=submit] 	{ width: auto;}
form fieldset input[type=checkbox] 	{ width: auto;}
form fieldset input[type=file]		{ width: auto;}

#addPost input						{ width: 300px;}
#addPost textarea					{}
#addComment							{ font-size: 10px; margin: 0 15px 15px 15px;}
#addComment p						{ margin:0 0 10px 0; padding:0;}
#addComment input[type=submit] 		{ font-size: 12px;}
#addComment #url					{ display:none;}
#addComment .error_message 			{ padding:0 0 15px 0;}

/*
 * Table Styles
 */
table 					{ width: 95%; color:#333; background-color: #fff; white-space: normal; border: 1px solid #ccc; margin:0 0 15px 15px;}
th 						{ background-color: #e2e2e2; text-align: center; padding:1px 4px; border-bottom: 1px solid #ccc; padding:5px;}
table tr th:hover		{}
table tr td 			{ padding:5px; vertical-align:top; text-align: center; }
table tr:hover			{ background: #ebf4fa; }
table tr.altRow td 		{ background: #f4f4f4; }
table td.actions 		{ white-space: nowrap; }
table .odd				{ background: #f5f5f5;}
#cakeSqlLog td 			{ text-align: left; padding: 4px 8px; background: #fff; border-bottom: 2px solid #ccc; }

/*
 * Used for articles
 */
 
/* jquery accordion menu */
#mainContent ul#testnav					{ list-style:none; padding:0; margin:15px 15px 15px 0;}
#mainContent ul#testnav li				{ background-image:none; padding:0; margin:0;}
#mainContent ul#testnav li a				{ display:block; height: 28px; line-height:28px; background:#dcd7ce; border-bottom: 1px solid #b9b09d; border-top: 1px solid #eeebe7; color:#595441; text-decoration:none; text-align:center;}
#mainContent ul#testnav li a:hover		{ background:#b9b09d; color:#fff;}
#mainContent ul#testnav ul				{ list-style-type:none; padding:0; margin: 0;}
#mainContent ul#testnav ul li a			{ display:block; height: 24px; line-height:25px; background:#f5f3f0; color:#b9b09d; text-decoration:none; border-bottom: 1px solid #d7d1c6; font-size:10px;}
#mainContent ul#testnav ul li a:hover	{ background:#fff; color:#595441;}