/*
Theme Name: Dear Mobile Giants
Version: 1.0
Author: Joel Arvidsson
Author URI: http://oblador.se/
*/


html, body
{
	margin: 0;
	padding: 0;
	background: #d4746d;
	height: 100%;
}

body, input, textarea
{
	font-family: Times, 'Times New Roman', serif;
	font-style: italic;
	color: #252b2a;
	font-size: 14px;
}

#wrapper:after,
#sub-navigation:after,
#content:after,
.post:after,
.entry:after, 
#post-comment:after,
#footer form li:after, 
.post-navigation:after, 
.commentlist .comment-meta:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a
{
	border-bottom: 1px solid #003cab;
}

a:link,
a:visited
{
	text-decoration: none;
	color: #252b2a;
}

a:hover
{
	border-color: #faf9e8;
}

img
{
	border: 0;
}

h1
{
	font-size:20px;
	font-weight:normal;
	margin:0 0 1em;
	text-transform:uppercase;
}

h2
{
	font-size: 18px;
	color: #003cab;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}

p
{
	margin: 0.3em 0 .7em 0;
}

input, 
textarea
{
	font-size: 16px;
	border: 1px solid #faf9e8;
	background: #e0c3c4;
	padding: 2px 4px;
}

input.empty
{
	color: #666;
}

label
{
	font-size: 16px;
	line-height: 1.5;
}

.button
{
	color: #d4746d;
	background: #000;
	border: 0;
	padding: 6px;
}

iframe
{
	margin: .5em 0;
	border: 0;
}

ul
{
	margin: .5em 0;
	padding: 0 0 0 1em;
}

.alignleft
{
	float: left;
	margin: 0 10px 10px 0;
}

.alignright
{
	float: left;
	margin: 0 0 10px 10px;
}

#wrapper
{
	width: 877px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	z-index: 2;
}

#content-wrapper
{
	padding-bottom: 105px;
}

#content
{
	background: #fff;
	clear: both;
	padding: 38px;
}

#header
{
	position: relative;
	padding-top: 20px;
}

#navigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	position: relative;
}

#navigation li
{
	float: left;
	background: #d4746d;
	padding: 0 8px;
	line-height: 27px;
	margin: 0 10px 0 0;
}

#navigation li.current_page_item,
#navigation li.current_page_ancestor, 
.category #navigation .page-item-9,
.archive #navigation .page-item-9,
.tag #navigation .page-item-9
{
	background: #fff;
}

#header a:link,
#header a:visited
{
	color: #faf9e8;
	background: url(images/underline/pink.gif) repeat-x bottom;
	border: none;
}

#header a:hover
{
	color: #000;
	background-image: url(images/underline/grey-pink.gif);
}

#navigation .current_page_item a:link,
#navigation .current_page_item a:visited,
.category #navigation .page-item-9 a:link,
.category #navigation .page-item-9 a:visited,
.archive #navigation .page-item-9 a:link,
.archive #navigation .page-item-9 a:visited,
.tag #navigation .page-item-9 a:link,
.tag #navigation .page-item-9 a:visited,
#navigation .current_page_ancestor a:link,
#navigation .current_page_ancestor a:visited
{
	color: #000;
	background-image: url(images/underline/grey.gif);
}

#navigation ul
{
	display: none;
	list-style: none;
	padding: 0;
	font-size: 12px;
	position: absolute;
	margin: 0;
	left: 5px;
	top: 28px;
}

#navigation .current_page_item ul,
#navigation .current_page_ancestor ul, 
.category #navigation .page-item-9 ul,
.archive #navigation .page-item-9 ul,
.tag #navigation .page-item-9 ul
{
	display: block;
}

#navigation ul li
{
	float: left;
	padding: 0 4px;
	margin: 0 8px 0 0;
	background: transparent;
}

#navigation .current_page_ancestor ul a:link,
#navigation .current_page_ancestor ul a:visited
{
	background-image: none;
}

#navigation ul .current_page_item a:link,
#navigation ul .current_page_item a:visited
{
	background-image: url(images/underline/grey.gif);
}

#login
{
	float: right;
	color: #fff;
	line-height: 27px;
	margin: 0 55px 0 0;
	z-index: 2;
	position: relative;
}

#contest-splash
{
	position: absolute;
	right: -75px;
	top: 15px;
	z-index: 1;
}

#header #contest-splash
{
	border: 0;
	background: none;
}

.post, .page
{
	background: #faf9e8;
	margin-bottom: 18px;
	clear: both;
}

.home .text
{
	float: left;
	width: 378px;
}

.home .video
{
	float: right;
	width: 378px;
}

#browse-tags, #browse-popular
{
	float: left;
	width: 340px;
}

#browse-months, #browse-impopular
{
	float: right;
	width: 340px;
}

#browse-months, #browse-impopular
{
	clear: none;
}

.post img.attachment
{
	float: left;
	margin: 0 13px 13px 0;
}

.single .post img.attachment
{
	margin-right: 18px;
}

.suggestion, 
.page .entry
{
	font-size: 17px;
	margin: 0;
}

.suggestion a:link,
.suggestion a:visited,
.suggestion a:hover
{
	border: none;
}

.author
{
	font-size: 17px;
	margin: 1em 0 2em 0;
	text-align: right;
}

.comments-link
{
	font-size: 27px;
	background: #d4746d url(images/bubble/yellow.gif) no-repeat left bottom;
	padding: 8px 6px 18px 6px;
	float: right;
	line-height: 27px;
}

.comments-link a:link,
.comments-link a:visited
{
	color: #faf9e8;
}

.entry, .page
{
	padding: 20px 26px;
}

.page .entry
{
	padding: 0;
}

.tags
{
	font-size: 16px;
	padding: 10px 20px;
	margin: 0;
	float: left;
}

.home .tags
{
	clear: both;
	background: #d4746d;
	padding: 5px 15px;
	margin: 0;
	line-height: 18px;
	font-size: 13px;
	float: none;
}

.home .tags, 
.home .tags a:link, 
.home .tags a:visited
{
	color: #faf9e8;
}

.ratings
{
	float: right;
	width: 180px;
	color: #d4746d;
	padding: 6px 15px;
	background: url(images/page-flip/yellow.gif) no-repeat right bottom;
}

.home .ratings
{
	width: auto;
	float: none;
	clear: both;
	background: #000 url(images/page-flip/black.gif) no-repeat right bottom;
}

.report
{
	float: left;
	margin-top: 10px;
}

.report a
{
	text-indent: -9999px;
	float: left;
	border: 0;
	width: 10px;
	height: 14px;
	background: url(images/flag/red-black.gif) no-repeat left top;
}

.home .report a
{
	background-image: url(images/flag/red-white.gif);
}

.commentlist .report
{
	float: right;
}

.commentlist .report a
{
	background-image: url(images/flag/white-black.gif);
}

.ratings .post-ratings
{
	width: 110px;
	margin: 0 0 0 30px;
	text-align: center;
}

.home .ratings .post-ratings
{
	margin: 0 auto;
}

.post-ratings strong
{
	font-weight: normal;
	font-size: 27px;
	margin-top: -3px;
	line-height: 34px;
}

.post-ratings strong.voted,
.post-ratings strong.no-permission
{
	color: #999;
}

.commentlist .post-ratings strong
{
	color: #faf9e8;
}

.post-ratings-image-1
{
	float: left;
}

.post-ratings-image-2
{
	float: right;
}

.commentlist
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 17px;
}

.commentlist .comment
{
	padding: 20px;
	background: #faf9e8;
}

.commentlist .comment p
{
	margin: 0 0 .7em 0;
}

.commentlist .comment-meta
{
	padding: 0 0 9px 0;
	background: #d4746d url(images/bubble/white.gif) no-repeat left bottom;
	margin-bottom: 30px;
}

.commentlist .report
{
	margin: 15px 10px 0 0;
}

.commentlist .post-ratings
{
	float: right;
	height: 38px;
	width: 170px;
	margin: 0;
	padding: 8px 0 0 0;
	background: url(images/page-flip/red.gif) no-repeat right bottom;
}

.commentlist .post-ratings strong
{
	position: relative;
	margin-top: -10px;
}

.comment-author
{
	text-align: right;
}

#post-comment
{
	background: #e0c3c4;
	padding: 15px;
	position: relative;
}

#post-comment .comment-wrapper
{
	float: left;
	padding-bottom: 10px;
	background: #e0c3c4 url(images/bubble/yellow-transparent.gif) no-repeat left bottom;
}

#post-comment .author-meta
{
	float: right;
	width: 230px;
	text-align: right;
}

#post-comment .button
{
	position: absolute;
	bottom: 30px;
	right: 15px;
}

#post-comment .author-meta input
{
	width: 220px;
}

#comment
{
	border-bottom: 0;
	width: 520px;
	height: 150px;
	padding: 5px;
}

#footer-wrapper
{
	position: relative;
	margin-top: -179px;
}

#footer-plate
{
	background: url(images/footer/background.png) repeat-x bottom;
	z-index: 1;
	height: 196px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#footer
{
	width: 800px;
	height: 85px;
	position: absolute;
	top: 111px;
	left: 50%;
	margin-left: -400px;
	font-size: 16px;
	z-index: 3;
}

#post-suggestion,
#post-video
{
	background: #e0c3c4;
	width: 348px;
	position: absolute;
	bottom: 0;
	padding: 10px 15px 5px 15px;
	min-height: 70px;
}

#post-suggestion
{
	left: 0;
}

#post-video
{
	right: 0;
}

#footer h3
{
	color: #252b2a;
	font-weight: normal;
	font-size: 17px;
	margin: 0;
}

#post-suggestion h3
{
	display: inline;
}

#post-suggestion .collapsed-content,
#post-suggestion h2
{
	display: inline;
	cursor: pointer;
}

#footer .expanded-content,
#footer .expanded .collapsed-content
{
	display: none;
}

#footer .expanded .expanded-content
{
	display: block;
}

#footer .toggle-button
{
	background: url(images/footer/expand.gif) no-repeat right top;
	position: absolute;
	top: 11px; 
	right: 8px;
	width: 20px;
	height: 21px;
	cursor: pointer;
}

#footer .expanded .toggle-button
{
	background: url(images/footer/collapse.gif);
	top: 9px;
}

#footer form ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer form li
{
	margin: 5px 0;
}

#post-suggestion #suggestion
{
	height: 120px;
	width: 345px;
}

#post-suggestion label,
#post-suggestion #notify-on-comments
{
	float: left;
}

#post-suggestion #tags,
#post-suggestion #image
{
	width: 280px;
	float: right;
}

#post-suggestion #image
{
	font-size: 14px;
}

#post-suggestion .button
{
	float: right;
	margin-top: -25px;
}

.post-navigation
{
	margin-top: -38px;
}

.home .post-navigation
{
	margin: 0;
}

.next a:link,
.next a:visited,
.previous a:link,
.previous a:visited
{
	text-transform: uppercase;
	font-size: 18px;
	color: #d4746d;
	border: none;
	line-height: 35px;
}

.next
{
	float: right;
	padding-right: 20px;
	background: url(images/arrows/next.gif) no-repeat right 50%;
}

.previous
{
	float: left;
	padding-left: 20px;
	background: url(images/arrows/previous.gif) no-repeat left 50%;
}