/*  

Theme Name: mbcicblog
Version: 1.0
Author: Ryan Spilhaus
Author URI: http://ryanspilhaus.com

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
	}

body {
	background: #000000 url(images/bg.jpg) repeat-y top center;
	
	width: 100%;
	color: #000000;
	margin: 0;
	font-family: arial, helevetica, georgia, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
	}	
	
a {
	text-decoration: none; 
	color: #336699;
	}
		
a:hover {
	text-decoration: underline;
	color: #336699;
	}
	
p {
	padding: 10px 0 0 0;
	}

img {
	border: none;
	padding: 0;
	margin: 0;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	}
	
	/* HEADER */
	
#header {
	margin: 10px 0 0 0;
	float: left;
	width: 960px;
	height: 300px;
	background: url(images/icblogheader.png) no-repeat;
	}
	
	/* CONTAINER */
	
#container {
	float: left;
	width: 626px;
	margin: 0 10px 0 0;
	}
	
	/* SIDEBAR */
	
.sidebar {
	margin: 0;
	float: left;
	min-height: 500px;
	width: 320px;
	}
	
.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
	/*background: #eee url(images/postbg.jpg) repeat-x top;*/
	}
	
.sidebar ul li {
	text-align: right;
	font-family: helvetica, arial, sans-serfif;
	font-size: 14px;
	line-height: 18px;
	width: 290px;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #eee url(images/sbbg.jpg) repeat-x top;
	border: 2px solid #003333;
	}

.sidebar ul li a:hover {
	text-decoration: underline;
	}
	
.sidebar ul li h2 {
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #203530;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
	
.sidebar ul li li {
	list-style-type: none;
	padding: 0;
	border: none;
	}
	
		/* SIDEBAR SOCIAL */
		
.social {
	text-align: right;
   	height: 80px;
   	margin: 0 0 0 160px;
  	 }

a.rollovertweet {
	float: left;
        display: inline;
	width: 64px;
	height: 64px;
	text-decoration: none;
	background: url(images/tweetroll.png);
        margin: 5px 0px 0px 0px;
	}

a.rollovertweet:hover {
	background-position: -64px 0;
	text-decoration: none;
        }

a.rolloverfeed {
	float: left;
        display: inline;
	width: 64px;
	height: 64px;
	text-decoration: none;
	background: url(images/feedroll.png);
        margin: 5px 0px 0px 2px;
	}

a.rolloverfeed:hover {
	background-position: -64px 0;
	text-decoration: none;
        }

a.rollovermail {
	float: left;
        display: inline;
	width: 64px;
	height: 64px;
	text-decoration: none;
	background: url(images/mailroll.png);
        margin: 5px 0px 0px 2px;
	}

a.rollovermail:hover {
	background-position: -64px 0;
	text-decoration: none;
        }
	
	/* FOOTER */
	
#footer {
	float: left;
	width: 960px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #74ff1a;
	margin: 10px 0 20px 0;
	text-align: center;
	}

#footer a {
	text-decoration: underline;
	color: #74ff1a;
	}

#footer a:hover {
	text-decoration: none;
	color:#1f88bb;
	}

	/* POSTS */

.post a {
	color: #336699;
	text-decoration: none;
	}

.post a:hover {
	color: #336699;
	text-decoration: underline;
	}
	
.post {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #eeeeee url(images/postbg.jpg) repeat-x top;
	border: 2px solid #003333;
	}
	
.post h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #0b0f0e;
	line-height: 36px;
	}
	
.post .title {
	margin: 0 0 0 80px;
	}
	
.post h2 a {
	font-family: arial, helvetica, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #0b0f0e;
	line-height: 36px;
	text-decoration: none;
	}
	
.post h2 a:hover{
	font-family: arial, helvetica, sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: #74ff1a;
	line-height: 36px;	
	text-decoration: none;
	}	
	
.entry {
	line-height: 18px;
	}

p.postmetadata {
	margin: 10px 0 10px 0;
	background: url(images/metabg.png) no-repeat;
	padding: 0 0 0 10px;
	height: 39px;
	}
	
p.postmetadata a {
	color: #336699;
	text-decoration: none;
	}

p.postmetadata a:hover {
	color: #336699;
	text-decoration: underline;
	}
				
	
.post-date {
	float: left;
	display: inline;
	margin: 5px 20px 0 10px;
	height: 70px;
	width: 70px;
	background: url('images/datebubble.png') no-repeat;
}

.month {
	margin: 2px 0 0 0;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-family: georgia, times-new-roman, serif;
	color: #1f88bb;
}

.day{
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: georgia, times-new-roman, serif;
	color: #74ff1a;
	margin: 0 0 5px 0;
}
	
	/* NAVIGATION */
	
.navigation {
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	}


	/* COMMENTS */
	
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	}

.comments-template ol{
	margin: 0 0 0 20px;
	padding: 0 0 15px;
	list-style: none;
	}

.comments-template ol li{
	margin: 10px 0 20px 0;
	min-height: 90px;
	line-height: 18px;
	padding: 0 10px 0 20px;
	border-bottom: 1px dotted #000;
	}

.comments-template h2, .comments-template h3{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 16px;
	color: #1171BB;
	margin: 0 0 0 20px;
	text-transform: uppercase;
	}
	
.commenttitle h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	color: #000000;
	margin: 10px 0 0 5px;
	text-transform: uppercase;
	}
	
.comments-template p.nocomments{
	padding: 0;
	}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	}	
	 
.commentmetadata{
	color: #000000;
	margin: 10px 0 0 0;
	font-size: 12px;
}

.commenttext{
	color: #000000;
	margin: 0 10px 20px 80px;
	font-size: 12px;
	}

.commentmetadata a:link, a:visited {
	color: #1171BB;
	text-decoration: none;
}

.commentmetadata a:hover {
	color: #1171BB;
	text-decoration: underline;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.avatar {
	border: solid 3px #232b5a; 
	float: left;
	margin: 0 5px 5px 0;
}

#respond {
	margin: 20px 0 0 0;
	line-height: 10px;
	}