/*
Theme Name: MonsterVille
Theme URI: http://www.monstervilledunnys.co.uk/
Description: Custom WordPress Theme for <a href="http://www.monstervilledunnys.co.uk/">MonsterVille</a>.
Version: 1.0
Author: Mashed Creative
Author URI: http://www.mashedcreative.com/
Tags: custom, urban, dark, black
*/

* {margin:0; padding:0;}

body {background:#000 url(images/background.jpg) no-repeat fixed; font-family:Calibri, Verdana, Geneva, sans-serif; font-size:13px; margin:20px; line-height:20px;}

img {border:0;}

#grid-content {}

#nav_and_blog_container {width:440px; margin:5px;}

#nav_container {background:#000 url(images/monsterville_logo.jpg) 220px bottom no-repeat; padding:30px; min-height:270px;}

#nav_module ul {list-style:none;}
#nav_module ul li {display:block; height:35px; font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#fff;}
#nav_module ul li {*height:20px; *padding:6px;} /* for ie 7 and below */

#nav_module ul li a {font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; }
#nav_module ul li a:link, #nav_module ul li a:visited {color:#fff; text-decoration:none; background:none; padding:2px; outline:none;}
#nav_module ul li a:hover, #nav_module ul li a:active {color:#fff; text-decoration:none; background:#0054ff; padding:2px;}

.starlink {font-size:28px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#ff019c;}
.strikethrough {text-decoration:line-through; color:#666;}

#social_container {background:#000; padding:30px; margin:10px 0 0 0;}

.social_module .ourthoughts {font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#fff;}
.social_module .twitterfeed {padding:20px 0 20px 0; color:#fff;}

ul.twitter {list-style:none;}
li.twitter-item {color:#01fff6; font-size:18px; font-style:italic; font-weight:bold;}

a.twitter-link:link, a.twitter-link:visited {color:#01ff90; text-decoration:none; font-weight:bold;}
a.twitter-link:hover, a.twitter-link:active {color:#fff; text-decoration:none;}

a.twitter-user:link, a.twitter-user:visited {color:#ff018a; text-decoration:none; font-weight:bold;}
a.twitter-user:hover, a.twitter-user:active {color:#fff; text-decoration:none;}

.twitter-timestamp {font-size:14px; color:#888;}

.sociallinks {font-size:14px; font-weight:bold; font-style:italic; text-transform:uppercase; color:#888; padding:10px 0 0 0;}

.fblink:link, .fblink:visited {color:#3d01ff; text-decoration:none; outline:none;}
.fblink:hover, .fblink:active {color:#fff; text-decoration:none;}

.twitlink:link, .twitlink:visited {color:#01d2ff; text-decoration:none; outline:none;}
.twitlink:hover, .twitlink:active {color:#fff; text-decoration:none;}

.rsslink:link, .rsslink:visited {color:#ffa201; text-decoration:none; outline:none;}
.rsslink:hover, .rsslink:active {color:#fff; text-decoration:none;}

#blog_container {background:#000; padding:30px 30px 0 30px; margin:10px 0 0 0;}

.blog_module .blogdate {font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#fff;}

.blog_module .blogheadline {font-size:18px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#ff019c; margin:15px 0 10px 0;}
.blog_module .blogheadline a:link, .blog_module .blogheadline a:visited {color:#ff019c; text-decoration:none; outline:none;}
.blog_module .blogheadline a:hover, .blog_module .blogheadline a:active {color:#fcff01; text-decoration:none; outline:none;}

.blog_module .blogextract {font-size:13px; color:#01e4ff; padding:0 0 30px 0;}

#credit_container {background:#000; padding:30px; margin:10px 0 0 0;}
.credit_module {font-size:13px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#666;}

.mc:link, .mc:visited {color:#ff019c; text-decoration:none; outline:none;}
.mc:hover, .mc:active {color:#fff; text-decoration:none;}

.ln:link, .ln:visited {color:#fcff01; text-decoration:none; outline:none;}
.ln:hover, .ln:active {color:#fff; text-decoration:none;}

.tweet:link, .tweet:visited {color:#01d2ff; text-decoration:none; outline:none;}
.tweet:hover, .tweet:active {color:#fff; text-decoration:none;}

#page_container {width:440px; margin:5px;}

.page_module {background:#0054ff; padding:25px 30px 15px 30px; width:380px; color:#fff;}
.page_module p {margin:15px 0 15px 0;}
.page_module h1 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:0; padding:0;}
.page_module a:link, .page_module a:visited {color:#34eaff; text-decoration:none; font-weight:bold; font-style:italic; outline:none;}
.page_module a:hover, .page_module a:active {color:#fcff01; text-decoration:none; font-weight:bold; font-style:italic; outline:none;}

.error_module {background:#db0043; padding:25px 30px 15px 30px; width:380px; color:#fff;}
.error_module p {margin:15px 0 15px 0;}
.error_module h1 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:0; padding:0; line-height:24px;}

#single_container {width:440px; margin:5px;}

.single_module {background:#db0080; padding:15px 30px 15px 30px; width:380px; color:#fff;}
.single_module p {margin:15px 0 15px 0;}
.single_module h1 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:0 0 10px 0; padding:0; line-height:24px; color:#fcff01}
.single_module h2 {font-size:18px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:5px 0 10px 0; padding:0; line-height:20px; color:#a60061}
.single_module .post_tags {color:#ff5aba; font-weight:bold; text-transform:uppercase; font-style:italic;}
.single_module .post_tags a:link, .single_module .post_tags a:visited {color:#ff5aba; text-decoration:none; outline:none;}
.single_module .post_tags a:hover, .single_module .post_tags a:active {color:#fff; text-decoration:none;}
.single_module a:link, .single_module a:visited {color:#ff9ed7; text-decoration:none; outline:none; font-weight:bold; font-style:italic;}
.single_module a:hover, .single_module a:active {color:#fcff01; text-decoration:none; outline:none; font-weight:bold; font-style:italic;}
.single_module ul {padding:5px 0 5px 15px;}
.single_module ol {padding:5px 0 5px 15px;}

.comments_module {background:#666; padding:30px; width:380px; color:#fff; margin:10px 0 0 0;}

textarea#comment {width:350px; height:100px; font-size:13px; color:#000; font-family:Calibri, Verdana, Geneva, sans-serif; border:0; padding:5px; margin:10px 0 10px 0; line-height:18px; background:#888; color:#eee;}
textarea#comment:focus {background:#fff; color:#000;}

input#submit {font-size:13px; color:#000; font-family:Calibri, Verdana, Geneva, sans-serif; border:0; padding:5px; font-weight:bold; text-transform:uppercase; background:#0054ff; color:#fff; cursor:pointer;}
input#submit:hover {background:#ff019c;}

input#author {width:170px; font-size:13px; color:#000; font-family:Calibri, Verdana, Geneva, sans-serif; border:0; padding:5px; margin:15px 0 10px 0; background:#888; color:#eee;}
input#author:focus {background:#fff; color:#000;}

input#email {width:170px; font-size:13px; color:#000; font-family:Calibri, Verdana, Geneva, sans-serif; border:0; padding:5px; margin:0 0 10px 0; background:#888; color:#eee;}
input#email:focus {background:#fff; color:#000;}

input#url {width:170px; font-size:13px; color:#000; font-family:Calibri, Verdana, Geneva, sans-serif; border:0; padding:5px; margin:0 0 0 0; background:#888; color:#eee;}
input#url:focus {background:#fff; color:#000;}

#commentform label {font-size:12px; text-transform:uppercase; font-weight:bold; font-style:italic;}

h3#comments {font-size:18px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:0 0 10px 0; padding:0; line-height:20px;}

cite {font-size:18px; text-transform:uppercase; font-weight:bold;}

cite a:link, cite a:visited {color:#34eaff; text-decoration:none; outline:none;}
cite a:hover, cite a:active {color:#fcff01;}

.says {font-size:18px; text-transform:uppercase; font-weight:bold; font-style:italic; display:none;}

.comment {margin:20px 0 20px 0;}

.bypostauthor cite {color:#ff019c;}

.comment-meta {padding:2px 0 2px 0;}
.comment-meta a:link, .comment-meta a:visited {color:#34eaff; text-decoration:none; font-style:italic; text-transform:uppercase; font-weight:bold; outline:none;}
.comment-meta a:hover, .comment-meta a:active {color:#fcff01; text-decoration:none; font-style:italic; text-transform:uppercase; font-weight:bold; outline:none;}

.commentlist p a:link, .commentlist p a:visited {color:#ff86cd; text-decoration:none; font-weight:bold; outline:none;}
.commentlist p a:hover, .commentlist p a:active {color:#fff; text-decoration:none;}

#respond h3 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:10px 0 10px 0; padding:0;}
#respond a:link, #respond a:visited {color:#34eaff; text-decoration:none; font-style:italic; text-transform:uppercase; font-weight:bold; outline:none;}
#respond a:hover, #respond a:active {color:#fcff01; text-decoration:none; font-style:italic; text-transform:uppercase; font-weight:bold; outline:none;}

.showcase_module {background:#000; width:380px; padding:30px; margin:5px; min-height:270px;}
.showcase_module .showcasedate {font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#fff;}
.showcase_module .showcaseimage {width:380px; height:150px; background:#fff; margin:15px 0 15px 0; position:relative; overflow:hidden;}
.showcase_module .showcaseimage a {outline:none;}

.showcase_module .showcaseimagecaption_low {position:absolute; bottom:-50px; width:370px; padding:5px; background:#db0080; color:#fff; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;
	font-style:italic; text-transform:uppercase; font-weight:bold; font-size:18px;}
.showcase_module .showcaseimagecaption_low a:link, .showcase_module .showcaseimagecaption_low a:visited {color:#fff; text-decoration:none; outline:none;}
.showcase_module .showcaseimagecaption_low a:hover, .showcase_module .showcaseimagecaption_low a:active {color:#fcff01; text-decoration:none; outline:none;}

.showcase_module .showcaseimagecaption_high {position:absolute; top:-50px; width:370px; padding:5px; background:#0054ff; color:#fff; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;
	font-style:italic; text-transform:uppercase; font-weight:bold; font-size:18px;}
.showcase_module .showcaseimagecaption_high a:link, .showcase_module .showcaseimagecaption_high a:visited {color:#fff; text-decoration:none; outline:none;}
.showcase_module .showcaseimagecaption_high a:hover, .showcase_module .showcaseimagecaption_high a:active {color:#34eaff; text-decoration:none; outline:none;}

.showcase_module .showcaseheadline {font-size:18px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#01ff79; margin:10px 0 10px 0;}
.showcase_module .showcaseheadline a:link, .showcase_module .showcaseheadline a:visited {color:#01ff79; text-decoration:none; outline:none;}
.showcase_module .showcaseheadline a:hover, .showcase_module .showcaseheadline a:active {color:#ff0161; text-decoration:none; outline:none;}

.showcase_module .showcasecreator {font-size:13px; color:#01e4ff;}

.post-meta {margin:0; padding:0; list-style:none;}
.post-meta-key {display:none;}

.blogger_module {background:#000; width:380px; padding:30px; margin:5px;}
.blogger_module .bloggerdate {font-size:24px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#fff;}
.blogger_module .bloggerheadline {font-size:18px; text-transform:uppercase; font-weight:bold; font-style:italic; color:#01ff79; margin:15px 0 15px 0;}
.blogger_module .bloggerheadline a:link, .blogger_module .bloggerheadline a:visited {color:#01ff79; text-decoration:none; outline:none;}
.blogger_module .bloggerheadline a:hover, .blogger_module .bloggerheadline a:active {color:#ff0161; text-decoration:none; outline:none;}
.blogger_module .bloggerextract {font-size:13px; color:#01e4ff; padding:0 0 0 0;}
.blogger_module .bloggerextract p {margin:15px 0 15px 0;}
.blogger_module .bloggerextract ul {padding:5px 0 5px 15px;}
.blogger_module .bloggerextract ol {padding:5px 0 5px 15px;}

.blogger_module .bloggerextract a:link, .blogger_module .bloggerextract a:visited {color:#ff019c; text-decoration:none; font-weight:bold; font-style:italic; outline:none;}
.blogger_module .bloggerextract a:hover, .blogger_module .bloggerextract a:active {color:#fcff01; text-decoration:none; font-weight:bold; font-style:italic; outline:none;}

.blogger_module .bloggerauthor {color:#666; font-style:italic; font-weight:bold; text-transform:uppercase;}

#maintenance_module {background:#db0043; padding:20px; width:400px; color:#fff;}
#maintenance_module h1 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:10px 0 10px 0; padding:0;}
#maintenance_module p {font-size:13px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:10px 0 10px 0; padding:0;}

#maintenance_module_social {background:#000; padding:20px; width:400px; color:#fff; margin:10px 0 0 0; color:#666;}
#maintenance_module_social h1 {font-size:24px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:10px 0 10px 0; padding:0;}
#maintenance_module_social p {font-size:13px; font-weight:bold; text-transform:uppercase; font-style:italic; margin:10px 0 10px 0; padding:0;}

.maintenance_email:link, .maintenance_email:visited {color:#01ff79; text-decoration:none; outline:none;}
.maintenance_email:hover, .maintenance_email:active {color:#fff; text-decoration:none;}

.maintenance_twitter:link, .maintenance_twitter:visited {color:#01d2ff; text-decoration:none; outline:none;}
.maintenance_twitter:hover, .maintenance_twitter:active {color:#fff; text-decoration:none;}

.maintenance_facebook:link, .maintenance_facebook:visited {color:#3d01ff; text-decoration:none; outline:none;}
.maintenance_facebook:hover, .maintenance_facebook:active {color:#fff; text-decoration:none;}