/*
Theme Name: 4mations Theme
Author: Greg Annandale (g.annandale@gmail.com)

Contents: 
1. Colours 
2. Reset
3. Typography
4. Page Layout
5. Skin & Pages
6. Links
7. Messages (error, success etc)
8. Clearfix

*/

/********** 1. Colours **********/
/*
- 
*/
/* End Colours */


/********** 2. Reset **********/
/* Adapted from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End Reset */

/********** 3. Typography **********/
/* See http://www.alistapart.com/articles/howtosizetextincss */
body {
	font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.125em; /* 16×1.125=18px */
}

#main-content h1 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: .875em; /* 16×.875=14px */
	font-weight: bold;
}

#main-content p, #main-content li, #supporting-content p {
	font-size: .8125em; /* 16x.75=13px */
}

.entry em {
	font-style: italic;
}

.post-meta h2 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: 1.125em; /* 16×1.125=18px */
	font-weight: normal;
}

#supporting-content h2 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: 1.0625em; /* 16×1.0625=17px */
	font-weight: normal;
}

/* Comments Type */
h3#comments {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: 1.0625em; /* 16×1.0625=17px */
	font-weight: normal;
}

#main-content .commentlist li {
	font-size: 1em; /* Reset to avoid nasty inheritance problems in the nested comments list */
}

#main-content .commentlist li .comment-meta, #main-content .commentlist li .reply, #main-content .commentlist li .permalink  {
	font-size: .75em; /* 16x.75em=12px */
}

#main-content .commentlist .comment-body .report {
	font-size: .75em; /* 16x.75em=12px */
}

#main-content .commentlist li .comment-body p {
	font-size: .8125em; /* 16x.8125=13px */
}
/* End Comments Type */
	
#supporting-content .editor h3 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: .9375em; /* 16×.9375=15px */
	font-weight: normal;
}

/* Form Type */
form input, form textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em; /* 16x.875em=12px */
}

	#respond form input, form textarea {
		font-size: 1em; /* 13px */
	}
	
	#respond form #submit {
		font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	}
	
#submit-form p label, .tdomf_form_message {
	font-size: 1.15em; /* 13×1.15=15px */
}

#submit-form label#agree-terms, #submit-form a.terms-conds {
	font-size: .8125em; /* 16×.875=13px */
}
	
#submit-form input#tdomf_form1_send {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: 1.1875em; /* 16×1.1875=19px */
	text-transform: uppercase;
}

#submit-form input {
	font-size: 1em; /* 13×1=13px */
}

#submit-form textarea {
	font-size: .923em; /* 13x.923em=12px */
}
/* End Form Type */

/* Sidebar Type */
#sidebar h3 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: .8125em; /* 16×.875=13px */
	font-weight: bold;
	letter-spacing: .06em;
}
	
#searchform input#searchsubmit, #mp_submit {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
	font-size: .75em; /* 16x.75em=11px */
}

#submit-form label {
	font-weight: normal;
}

#sidebar li li {
	font-size: .8125em; /* 16x.75=13px */
}

#sidebar li p {
	font-size: .8125em; /* 16x.75=13px */
}

#rss-subscribe p a#what-rss {
	font-size: .846em; /* 13x.846=11px */
}

#twitter_update_list li {
	font-style: italic;
}

#get-recent-comments li a {
	font-style: italic;
}
/* End Sidebar Type */

#footer {
	font-size: .75em; /* 16x.6875=11px */
}
/* End Typography */

/********** 4. Page Layout **********/
html {
	background: #00061f url(img/bg-repeat.jpg) left top repeat-x;
}

body {
	background: transparent url(img/bg-body.jpg) center top no-repeat;
}

#screen {
	width: 960px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 128px;
	background: transparent url(img/bg-head.jpg) left top no-repeat;
}

#content-wrapper {
	position: relative;
	float: left;
	width: 960px;
	padding-bottom: 20px;
	background: #fff url(img/bg-content-top.jpg) left top no-repeat;
}

#main-content {
	position: relative;
	left: 35px;
	float: left;
	width: 600px;
	margin: 0 30px 0 0;
	color: #000f2b;
}

#sidebar {
	position: relative;
	float: right;
	width: 260px;
	right: 35px;
	padding-top: 7px;
	list-style: none;
	color: #4c576a;
}

#supporting-content {
	position: relative;
	float: left;
	width: 600px;
	left: 35px;
	margin: 0 30px 0 0;
	color: #000f2b;
	background-color: #edf4fb;
}
/* End Page Layout */

/********** 5. Skin & Pages **********/
a#logo {
	display: block;
	position: absolute;
	width: 105px;
	height: 105px;
	top: 10px;
	left: 45px;
	text-indent: -2000em;
}

/* Navigation */
#navigation {
	position: absolute;
	width: 572px;
	height: 26px;
	top: 60px;
	left: 162px;
	background: transparent url(img/nav.jpg) left top no-repeat;
}

#navigation li {
	position: absolute;
}

#navigation li a {
	display: block;
	position: absolute;
	height: 26px;
	text-indent: -2000em;
	overflow: hidden;
	margin: 5px;
}

#navigation li#watch-nav a {width: 124px;}
#navigation li#submit-nav a {width: 124px; left: 125px;}
#navigation li#comp-nav a {width: 127px; left: 250px;}
#navigation li#comm-nav a {width: 122px; left: 379px;}
#navigation li#about-nav a {width: 65px; left: 503px;}

body#home #navigation li#watch-nav a, #navigation li#watch-nav a:hover {background: transparent url(img/nav.jpg) -5px -31px no-repeat;}
body#submit-stuff #navigation li#submit-nav a, #navigation li#submit-nav a:hover {background: transparent url(img/nav.jpg) -130px -31px no-repeat;}
body#competitions #navigation li#comp-nav a, body.competitions #navigation li#comp-nav a, #navigation li#comp-nav a:hover {background: transparent url(img/nav.jpg) -255px -31px no-repeat;}
body#commissions #navigation li#comm-nav a, body.commissions #navigation li#comm-nav a, #navigation li#comm-nav a:hover {background: transparent url(img/nav.jpg) -384px -31px no-repeat;}
body#about #navigation li#about-nav a, #navigation li#about-nav a:hover {background: transparent url(img/nav.jpg) -508px -31px no-repeat;}

/* End Navigation */

/* Main Content */
#main-content h1 {
	width: 570px;
	margin-bottom: 20px;
	padding: 14px 15px;
	color: #fff;
	background-color: #6bcadd;
	text-transform: uppercase;
}

#main-content p {
	margin: 10px 0;
}

/* Posts List */
.post {
	margin-bottom: 30px;
	background-color: #edf4fb;
}

.post-meta {
	padding: 10px 15px 7px 15px;
	color: #3f0013;
	background-color: #e14f70;
}

.post-meta h2 {
	margin: 5px 0 8px 0;
	color: #fff;
}

#main-content .post-meta p {
	margin: 5px 0;
}

.post-meta p span.post-date {
	padding-left: 10px;
}

.post-meta p span.post-tags {
	padding-left: 10px;	
}

.entry {
	padding: 5px 15px 5px 15px;
}

.post-footer {
	padding: 10px 15px 10px 15px;
	border-top: 3px solid #d3dce4;
}

.post-footer li {
	display: inline;
	padding-right: 15px;
}

.post-footer li.footer-bookmark {
	position: relative;
	top: 3px;
}
/* End Posts List */

/* Commissions Page */
.post.intro {
	padding: 5px 15px;
}

/* Individual Posts */
.ratingblock {
	color: #4c576a;
	text-align: center;
}

.ratingwrapper {
	margin: 0 auto;
	width: 130px;
}

.ratingheader {
	float: left;
	margin-right: 6px;
	color: #4c576a;
}

.ratingstars {
	float: left;
	margin-top: 2px;
	width: 60px;
}
/* End Individual Posts */

/* Comments */
h3#comments {
	padding: 15px;
	color: #fff;
	background-color: #6bcadd;
}

.commentlist {
	color: #5c7a99;
	background-color: #edf4fb;
}

.commentlist li {
	padding: 15px;
	border-bottom: 3px solid #d3dce4;
}

	#main-content .commentlist li li, #main-content .commentlist li li li {
		margin-top: 15px;
		border: 3px solid #d3dce4;
	}

.commentlist li .comment-body {
	color: #000f2b;
}

#respond {
	padding-bottom: 5px;
	background-color: #edf4fb;
}

h3#leave-reply {
	margin-top: 30px;
	padding: 15px;
	color: #fff;
	background-color: #6bcadd;
}

#respond p {
	padding: 15px 15px 0 15px;
}

#respond form p {
	margin: 15px 0;
	padding: 0 15px;
	color: #5c7a99;
}

#respond form input {
	width: 185px;
	padding: 3px;
}

#respond form textarea {
	width: 400px;
	height: 174px;
	padding: 3px;
}

#respond form #submit {
	width: auto;
	padding: 5px;
	color: #fff;
	background-color: #e14f70;
	border: none;
	cursor: pointer;
}
/* End Comments */

/* Search Form (main content) */
#main-content #searchform {
	margin: 20px 0 0 15px;
	width: 260px;
}
	
#main-content #searchform input {
	width: 170px;
	padding: 2px 0;
	color: #e14f70;
}

#main-content #searchform input#searchsubmit {
	position: relative;
	top: 1px;
	width: 68px;
	margin-top: 1px;
	padding: 3px 7px 2px 7px;
	color: #fff;
	background-color: #e14f70;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}
/* End Search Form (main content) */

/* Submit Stuff */
#submit-form {
	padding-bottom: 15px;
	position: relative;
}
#submit-form label {
	color: #5c7a99;
}

#submit-form span.required {
	color: #e14f70;
}

#submit-form input, #submit-form textarea {
	margin: 3px 0;
	padding: 4px;
	color: #c7002d;
}

#submit-form input {
	width: 556px;
}

#submit-form textarea {
	width: 560px;
}

#submit-form label#agree-terms {
	color: #000f2b;
}

#submit-form input#iagree {
	width: auto;
}

#submit-form input#tdomf_form1_send {
	float: right;
	width: auto;
	padding: 5px;
	color: #fff;
	background-color: #e14f70;
	border: none;
	cursor: pointer;
}
/* End Submit Stuff */

/* Supporting Content */
#supporting-content h2 {
	padding: 15px;
	color: #fff;
	background-color: #e14f70;
}

#supporting-content .editor {
	padding: 15px;
	border-bottom: 3px solid #d3dce4;
}

#supporting-content .editor img {
	float: left;
	margin: 5px 18px 4px 0;
	border: 6px solid #d3dce4;
}

#supporting-content .editor h3 {
	margin: 12px 0 6px 0;
	color: #5c7a99;
}
/* End Supporting Content */

/* Sidebar */
#sidebar li {
	position: relative;
	margin-bottom: 30px;
	padding: 8px 10px;
	background-color: #f6f9fd;
}

	#sidebar li#search-form {
		background: transparent;
	}

#sidebar li li {
	margin: 0;
}

#sidebar h3 {
	position: relative;
	width: 240px;
	top: -8px;
	left: -10px;
	padding: 8px 10px;
	color: #5c7a99;
	background-color: #edf4fb;
	text-transform: uppercase;
}

/* Search */
#sidebar li#search-form {
	margin-bottom: 22px;
}
#sidebar li#search-form h3 {
	background: transparent;
}
	
#sidebar li#search-form input {
	width: 170px;
	padding: 2px 0;
	color: #e14f70;
}

#sidebar li#search-form input#searchsubmit {
	position: absolute;
	width: 68px;
	right: 0;
	padding: 3px 7px 2px 7px;
	color: #fff;
	background-color: #e14f70;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}
/* End Search */

/* Submit Stuff */
li#submit-stuff {
	margin: 0;
	padding: 0;
	background: transparent;
}

	li#submit-stuff a {
		display: block;
		width: 260px;
		height: 85px;
		text-indent: -2000em;
		overflow: hidden;
		background: transparent url(img/submit-stuff.jpg) left top no-repeat;
	}
	
	li#submit-stuff a:hover {
		background-position: left -86px;
	}
/* End Submit Stuff */

/* Guidance */
li#guidance {
	background-color: #ffe9ee;
}

li#guidance h3 {
	color: #fff;
	background-color: #e14f70;
}

li#guidance p {
	padding-left: 25px;
	color: #000;
	font-weight: bold;
	background: transparent url(img/guidance-sidebar.jpg) left top no-repeat;
}
/* End Guidance */

/* RSS */
#rss-subscribe p {
	position: relative;
	padding-left: 34px;
	background: transparent url(img/rss.jpg) left 3px no-repeat;
}

#rss-subscribe a#rss-logo-link {
	position: absolute;
	width: 33px;
	height: 26px;
	top: 1px;
	left: 0px;
}

#rss-subscribe p a#what-rss {
	display: block;
}
/* End RSS */

/* Twitter */
#twitter_div {
	background: transparent url(img/twitter-bg.jpg) right bottom no-repeat;
}

#twitter_update_list li {
	padding-left: 35px;
	background: transparent url(img/lquote.jpg) left 12px no-repeat;
}

#twitter_update_list li span {
	display: block;
	margin-bottom: 15px;
}

#sidebar #twitter_update_list li a#twitter-link {
	display: block;
	font-style: normal;
	color: #5c7a99
}
/* End Twitter */

/* Categories */
#sidebar .widget_categories ul {
	margin-left: 15px;
}

#sidebar .widget_categories ul li.cat-item {
	margin: 2px 0;
	padding: 0;
	color: #f0a7b7;
	list-style-type: disc;
}
/* End Categories */

/* Recent Comments */
#recentcomments li {
	padding-left: 35px;
	background: transparent url(img/lquote.jpg) left 8px no-repeat;
}
/* End Recent Comments */

/* Links */
#sidebar .blogroll {
	margin-left: 15px;
}

#sidebar .blogroll li {
	margin: 2px 0;
	padding: 0;
	color: #f0a7b7;
	list-style-type: disc;
}

#sidebar .links li {
	float: left;
	padding: 15px 15px 0 0;
}
/* End Links */

/* Newsletter */
.MailPressFormEmail {
	float: left;
	width: 150px;
}
#mp_submit {
	width: auto;
	float: left;
	margin-left: 5px;
	padding: 2px 5px;
	color: #fff;
	background-color: #e14f70;
	border: none;
	cursor: pointer;
}
/* End Newsletter */
/* End Sidebar */

/* Footer */
#footer {
	clear: both;
	text-align: center;
	padding: 15px 0 18px 0;
	background-color: #f7f8f9;
}

#footer-nav li {
	display: inline;
	margin: 5px 7px;
}

#footer p {
	margin: 12px 0 2px 0;
	color: #999;
}

#footer p span {
	padding-left: 10px;
}

body#home #footer-nav li#watch-footer-nav a {text-decoration: underline;}
body#submit-stuff #footer-nav li#submit-footer-nav a {text-decoration: underline;}
body#competitions #footer-nav li#comp-footer-nav a {text-decoration: underline;}
body#commissions #footer-nav li#comm-footer-nav a {text-decoration: underline;}
body#about #footer-nav li#about-footer-nav a {text-decoration: underline;}
body#terms #footer-nav li#terms-footer-nav a {text-decoration: underline;}
/* End Footer */
/* End Skin & Pages */


/********** 6. Links **********/
a:link, a:visited, a:focus {
	color: #000f2b;
	text-decoration: underline;
}

#navigation li a {
	color: #fff;
}

.commentlist a {
	color: #5c7a99;
}

.commentlist a {
	color: #5c7a99;
}

.commentlist .comment-body a {
	color: #000f2b;
}

	.commentlist .comment-body .report a {
		color: #5c7a99;
	}

.commentlist .reply, .commentlist .permalink {
	display: inline;
	margin-right: 10px;
}
	
#sidebar a:link, #sidebar a:visited, #sidebar a:focus {
	color: #4c576a;
	text-decoration: none;
}

.post-meta h2 a {
	color: #fff;
	text-decoration: none;
}

.post-meta p a {
	color: #3f0013;
}
 
.post-meta h2 a:hover,
#sidebar a:hover {
	text-decoration: underline;
}

.post-footer a {
	color: #5c7a99;
	text-decoration: none;
}

.post-footer a:hover {text-decoration: underline;}

#rss-subscribe p a#what-rss {
	color: #c7002d;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
/* End Links */


/********** 7. Messages **********/
h2.message {
	padding: 15px;
	color: #fff;
	background-color: #e14f70;
}

.error {
	padding-left: 5px;
	color: #e14f70;
	font-style: italic;
}

.guidance {
	position: relative;
	top: 10px;
	margin-bottom: 0;
	padding: 8px;
	font-weight: bold;
	text-align: right;
	background: #c7d8e9 url(img/guidance-video.jpg) 8px 8px no-repeat;
}

#submit-form label.error {
	padding-left: 0;
	color: #e14f70;
}
/* End Messages */


/********** 8. Clearfix **********/
#navigation:after,
#content-wrapper:after,
.ratingblock:after,
.ratingwrapper:after,
#submit-form:after,
#supporting-content .editor:after,
#sidebar .blogroll:after,
#sidebar .links:after,
#mailpress:after,
#footer-nav:after,
#footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* End Clearfix */