/* msa.css
Style for Mount Saint Awesome website
*/

body {
	margin-top: 0px;
	padding-top: 15px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	
	text-align: center;
	background-image: url("/images/msa_bg1.jpg");
}

a:link {
	color: #f57b20;
	text-decoration: none;
}

a:active, a:visited {
	color: #f57b20;
	text-decoration: none;
}

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

/* field styles */

input[type=text] {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333333;
	border: 1px #333333 solid;
	padding: 2px;	
	margin-bottom: 3px;
}

input[type=password] {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333333;
	border: 1px #333333 solid;
	padding: 2px;	
}

input[type=file] {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333333;
	border: 1px #333333 solid;
	padding: 2px;	
}

input[type=button] {
	border: 1px #333333 solid;
	padding: 2px;	
}

textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: .8em;
	color: #333333;
	border: 1px #333333 solid;
	padding: 2px;	
}

select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: .8em;
	color: #333333;
	border: 1px #333333 solid;
	padding: 2px;	
}

.clear {
	clear: both;
}

.img_link {
	border: none;
}

#shell {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
	width: 880px;
	max-width: 880px;
	border: 10px solid #f6f6f6;
	background-color: #bec5c9;
	background-image: url("/images/paper_bg.jpg");
	
	/* css3 shadows, wave of the future, people! */
	-webkit-box-shadow: 0px 0px 8px #333; 
	-moz-box-shadow: 0px 0px 8px #333;  
	box-shadow: 0px 0px 8px #333;
}

#header_shell {
	background-image: url("/images/amp1.png");
	background-position: 20px 20px;
	background-repeat: no-repeat;
	
	width: 100%;
	height: 220px;
	min-height: 220px;
}

.logo {
	margin-bottom: 10px;
	position: relative;
	top: 15px;
	left: 220px;
	border: none;
}

a.no_hover {
	border-bottom: none;
}

.no_border {
	border: none;
}

.nav_img {
	margin-right: 15px;
	margin-left: 15px;
	border: none;
}

.comic_nav {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#bottom_comic_nav {
	margin-top: 10px;
}

.comic_title {
	background-color: #f6f6f6;
	background-image: url("/images/bg_white.jpg");
	padding: 5px 15px 5px 15px;
	margin: 10px 0 10px 0;
	/* width: 880px;
	min-width: 880px; */
	font-size: 1.3em;
	font-weight: bold;
	color: #222;
	clear: both;
}

#nav {
	clear: both;
	position: relative;
	left: 220px;
	width: 660px;
}

#comic {
	clear: both;
}

#comic_image {
	text-align: center;
}

.content_box {
	background-color: #f6f6f6;
	background-image: url("/images/bg_white.jpg");
	margin: 15px;
	padding: 10px;
}

.left_box {
	width: 45%;
	float: left;
	clear: none;
	margin-right: 7px;
}

.right_box {
	width: 45%;
	float: right;
	clear: none;
	margin-left: 7px;
}

.blog_date {
	font-weight: bold;
	font-size: 0.9em;
}

.blog_pic {
	margin-right: 5px;
	margin-bottom: 5px;
}

ul.twitter_list {
	margin-left:0px;
	padding-left: 0px;
}

li {
	list-style-type: none;
	margin-bottom: 2px;
}

li.twitter_item {
	list-style-type: none;
	margin-left:0px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #999;
	margin-bottom: 3px;
	
}

li.mountstawesome_twitter {
	background-image: url("http://a1.twimg.com/profile_images/1014630224/msa_icon1_mini.png");
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

li.dorkrawk_twitter {
	background-image: url("http://a1.twimg.com/profile_images/65595408/dave_sketch1_mini.png");
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 24px;
	padding-left: 30px;
}

#other_comics {
	text-align: center;
}

.box_title, .about_title {
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
}

.page_title_img {
	margin-bottom: 10px;
}

.links_title {
	font-size: 1.2em;
	font-weight: bold;
}

.a_comment {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: .8em;
	border-bottom: 1px solid #999;
}

#footer {
	text-align: center;
	font-size: 0.8em;
}

#ad_cell {
	text-align: center !important;
	width: 468px;
	margin-left: auto;
	margin-right: auto;
}

#ad_top {
	width: 234px;
	margin-left: auto;
	margin-right: auto;
}

/* WordPress Image Alignment Styles */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Extras Styles */

.extras_item {
	margin-bottom: 10px;
}

.extras_title {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
}

#metalname {
	text-align: center;
	font-size: 1.4em;
}

.cast_pic {
	float: left;
	margin: 5px;
}