/** Here's one for you: internet explorer in wp7 can only handle 1 stylesheet at a time it seems **/


/** Chrome Mobile seems to dislike media="" in html, so we do it this way instead. **/
@media only screen and (max-width: 480px) {
/** GENERIC / ELEMENT STYLING **/
	body {
		background: #EEF2FF url(/image/fade-blue.png) top center repeat-x;
		
		color: #000000;
		font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
		
		margin-left: 0;
		margin-right: 0;
		margin-top: 5px;
		
		padding-left: 0px;
		padding-right: 0px;
		
		width: 100%;
	}
	
	img {
		border: none;
	}
	
	div.boardBanner {
		margin-top: 40px!important;
	}
	
	.mobile {
		display: block!important;
	}
	
	.mobileinline {
		display: inline!important;
	}
	
	span.replyTextM {
		display: inline!important;
	}
	
	.desktop {
		display: none!important;
	}
	
	.hideMobile {
		display: none!important;
	}
	
	div.board > hr {
		border: none;
		border-top: 1px solid #B7C5D9;
		
		height: 0;
		
		margin-top: 35px!important;
		margin-bottom: 35px!important;
	}
	
	hr.abovePostForm {
		width: 90%;
	}
	
	span.x-small {
		font-size: x-small;
	}
	
	/** Mobile Specific CSS **/
	div.postLink {
		background-color: #c9cde8;
		border-top: 1px solid #B7C5D9;
		padding: 5px;
		
		overflow: hidden;
		
		margin: -5px;
	}
	
	div.postLink span {
		float: left;
	
	}
	
	div.postLink a {
		float: right;
		
		color: #34345C!important;
	}
	
	.mobilePostFormToggle {
		text-align: center;
		
		font-weight: bold;
		
		margin: 0 auto;
		padding-top: 15px;
		margin-top: 5px;
	}
	
	a.mobilePostFormToggle {
		text-align: center;
		
		display: inline;
		width: 200px;
	}
	
	div.mobilePostFormToggle div {
		width: 300px;
		background-color: #98E;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 1px solid #000;
		margin: 0 auto;
	}
	
	div.post div.file .fileThumb img {
		max-width: 100px;
		max-height: 100px;
	}
	
	span.fileThumb {
		margin-left: 0px!important;
		margin-right: 5px!important;
	}
	
	div.post div.file .fileThumb, div.post div.file div.fileInfo {
		margin-left: 5px!important;
		margin-right: 10px!important;
	}
	
	div.sideArrows {
		display: none;
	}
	
	div.reply {
		display: table;
		
		padding: 2px;
		
		background-color: transparent;
		
		margin: 0px;
		border: 1px solid #B7C5D9;
	}
	
	div.replyContainer {
		border: 1px solid #B7C5D9!important;
		
		margin-top: 5px;
		
		background-color: #D6DAF0;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	div.opContainer {
		padding: 5px;
		
		display: block;
		overflow: hidden;
		
		background-color: #D6DAF0;
		
		border: 1px solid #B7C5D9!important;
	}
	
	span.summary {
		padding: 5px;
		text-align: center;
		display: block;
		
		background-color: #c9cde8;
		border-bottom: 1px solid #B7C5D9!important;
		
		color: #000;
		
		margin-top: 0px;
		margin-bottom: 5px;
		
		font-weight: bold;
	}
	
	blockquote {
		margin: 10px!important;
	}
	
	div.thread {
		border-top: none;
	}
	
	div.opContainer div.postInfo {
		display: none!important;
	}
	
	div.post div.postInfoM {
		overflow: hidden;
		
		border-bottom: 1px solid #B7C5D9;
		background-color: #c9cde8;
		
		padding: 5px;
		
		margin-right: -5px;
		margin-left: -5px;
		margin-top: -5px;
		
		margin-bottom: 5px;
	}
	
div.replyContainer div.postInfoM {
		margin: 0px;
	}
	
	div.post div.postInfoM span.postNum, div.postInfo span.postNum {
		float: left;
	}
	
	div.post div.postInfoM span.postNum a, div.postInfo span.postNum a {
		text-decoration: none;
		color: #000000;
	}
	
	div.post div.postInfoM span.postNum a:hover {
		color: red;
	}
	
	/* Name */
	div.post div.postInfoM span.nameBlock, div.postInfo span.nameBlock {	
		display: inline;
		float: left;
		
		clear: left;
	}
	
	div.post div.postInfoM span.nameBlock span.name, div.postInfo span.nameBlock span.name {
		color: #117743;
		font-weight: bold;
	}
	
	div.post div.postInfoM span.nameBlock span.tripcode, div.postInfo span.nameBlock span.tripcode {
		color: #117743;
	}
	
	/* Date/Time */
	div.post div.postInfoM span.dateTime {
		float: right;
		font-style: italic;
		
		text-align: right;
	}
	
	div.post div.postInfoM span.time {
		
	}
	
	div.post div.postInfoM span.subject {
		color: #0F0C5D;
		font-weight: bold;
	}
	
	span.fileText {
		font-size:smaller;
	}
	
	div.replyContainer div.reply {
		width: 100%;
		
		padding: 0px!important;
		
	}
	
	div.replyContainer div.post div.postInfo {
		overflow: hidden;
		
		border-bottom: 1px solid #B7C5D9;
		background-color: #c9cde8;
		
		padding: 3px;
		
		
		margin: 0px;
	}
	
	div.replyContainer div.post div.postInfo input[type=checkbox] {
		display: none;
	}
	
	div.replyContainer div.post div.postInfo span.postNum {
		
		
		font-style: italic;
	}
	
	div.replyContainer div.post div.postInfo span.userInfo {
		float: left;
		padding-left: 5px;
	}
	
	div.replyContainer div.post div.postInfo span.nameBlock {
		
	}
	
	div.replyContainer div.post div.postInfo span.postNum a:first-child:after {
		content: " ";
	}
	
	div.replyContainer div.post div.postInfo span.dateTime {
		float: right;
		text-align: right;
		
		padding-right: 10px;
		
		font-style: italic;
	}
	
	div.replyContainer div.post div.postInfo span.dateTime span.date {
		display: block;
	}
	
	div.thread > div:nth-of-type(2) > div.reply {
		margin-top: 0px!important;
	}
	
	div.replyContainer div.post div.fileInfo {
		margin-left: 0px;
	}
	
	div.replyContainer div.post div.file {
		padding: 5px;
	}
	
	div.mPagelist {
		margin-top: 10px;
		text-align: center;
		
		
		border-bottom: 1px solid #B7C5D9;
		
		padding-bottom: 10px;
		
		color: #89A;
		
	}
	
	div.mPagelist > div.prev, div.mPagelist div.next {
		margin: 10px;
		display: inline-block;
	}
	
	.button {
		border-radius: 3px;
		padding:6px 10px 5px 10px;
		font-weight: bold;
		background-color: #D6DAF0;
		border: 1px solid #B7C5D9;
		user-select: none;
	
		background-image: url(/image/buttonfade-blue.png);
		background-repeat: repeat-x;
	
		text-decoration: none;
		color: #000!important;
	}
	
	div.mPagelist span {
		padding-left: 5px;
		padding-right: 5px;
		
		font-size: larger;
	}
	.button:hover {
		cursor: pointer;
	}
	
	div.absBotText {
		margin-top: 10px;
	}
	
	div#boardNavMobile {
		padding: 5px;
		
		background-color: #D6DAF0;
		
		overflow: hidden;
		
		border-bottom: 1px solid #B7C5D9;
		
		
		position: fixed;
		top: 0px;
		
		width: 100%;
		font-size: x-small;
	}
	
	div#boardNavMobile select, div#boardNavMobile option {
		font-size: x-small;
	}
	
	div.boardSelect {
		float: left;
	}
	
	div.pageJump {
		float: right;
		padding-right: 10px;
	}
	
	div.postingMode {
		background-color: #e04000;
		padding: 3px;
		text-align: center;
		
		width: 300px;
		margin: 0 auto;
	}
	
	div.navLinks {
	margin-bottom: 0px!important;
		text-align: center;
	}
	
	/** WP7 ADDITIONS **/
	div.post div.postInfo span.postNum a {
		text-decoration: none;
		color: #000000;
	}
	

	span.quote {
		color: #789922;
	}
	
	a.quoteLink {
		color: navy!important;
	}
	
	div.boardBanner {
		text-align: center;
		clear: both;
		
		color: #800!important;
	}
	
	div.boardBanner > img {
		border: 1px solid #34345C;
		
		margin: 5px 0px 5px 0px;
		
		height: 50px;
		width: 150px;
	}
	
	div.boardBanner > div.boardTitle {
		font-family: Tahoma, sans-serif;
		font-size: 28px;
		font-weight: bold;
		letter-spacing: -2px;
		
		margin-top: 0px;
	}
	
	div.boardBanner > div.boardSubtitle {
		font-size: x-small;
	}
	
	div.post div.file .fileThumb img {
		border: none;
		
		float: left;
	}
	
	span.subject {
		display: block;
	}
	
	hr {
		border: none;
		border-top: 1px solid #B7C5D9;
		
		height: 0;
	}
	
.commentpostername {
	font-weight: bold;
}
	
.identityIcon {
	margin-bottom: -3px;
}

.globalMessage {
	color: red;
	text-align: center;
}

.highlightPost {
	background: #f0d6d6!important;
}

span.postertrip {
	color: #117743;
	font-weight: normal!important;
}

span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode {
	color: #F00!important;
}

span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
	color: #800080!important;
}

.omittedposts, .abbr {
	color: #070707;
}

span.spoiler {
	color: #000!important;
	background: #000!important;
}

span.spoiler:hover, span.spoiler:focus {
	color: #fff!important;
}


table.exif {
	min-width: 450px;
}

table.exif td {
	color: #070707;
	min-width: 150px;
	font-size: 8pt;
}

table.exif td b {
	text-decoration: underline;
}

.preview {
	background-color: #D6DAF0;
	
	border: 1px solid #B7C5D9!important;
	border-right-width: 2px!important;
	border-bottom-width: 2px!important;
}
div.posthover {
	max-width: 400px;
	margin-left: 20px;
	
}

div.posthover {
	padding: 5px;
	
	
	padding-left: 10px;
	padding-right: 10px;
	
}

div.posthover a.fileThumb {
	margin-left: 5px!important;
	margin-right: 10px!important;
}

div.posthover blockquote {
	margin: 5px;
	
}

div.posthover img[data-md5] {
	max-width: 80px;
	max-height: 80px;
}

div.posthover div.fileThumb {
	margin-left: 0px!important;
	margin-right: 10px!important;
}

#settingsBox {
	position: absolute;

	right: 10px;
	margin-top: 10px;

	background-color: #D6DAF0;
}

.fileThumb img {
	width: auto!important;
	height: auto!important;
/* hopefully a css fix */
}

div.mPagelist a {
	text-decoration: none!important;
}

img.expandedImg {
	max-width: auto!important;
	max-height: auto!important;
}
}