/*
Theme Name: Mousepad for Jim
Theme URI: http://j1m.net/
Description: WIP.
Author: Pasi Lallinaho
Author URI: http://alshain.fi/
Version: 2010.02
*/

body {
	background: #fafafa url(images/bg.png) 0 0 repeat-x;

	font-size: small;
	font-family: "Verdana", sans-serif;
	line-height: 1.35em;
	color: #222;

/*	padding-bottom: 5em; */
}

/* */

.group:after {
	/* self-clearing float */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;a
}

.hidden,
label.screen-reader-text {
	display: none;
}

/* */

.wrapper {
	/* should be 96% at most! 					 */
	width: 86%;

	/* makes sure there is always SOME padding around content        */
	padding: 0 2%;

	/* these make the layout be not-completely-fluid, comment these  *
	 * if you want a completely fluid layout. if you want a fixed-   *
	 * width layout, set both these and width to the same value.     */
	min-width: 900px;
	max-width: 1200px;

	/* centers the content 						 */
	margin: 0 auto;
}

#mousepad_title {
	background: #2058ac url(images/titlebg.png) 0 100% repeat-x;
	height: 100px;
/*	padding: 20px 0; */

	margin: -5px 0 4em 0;
}

	#mousepad_title h1 { float: left; margin-left: -75px; }
	#mousepad_search { float: right; width: 35%; margin-top: 55px; }

#mousepad_main {
	float: left;
	width: 60%;
	margin-right: 5%;
}

#mousepad_sidebars {
	float: left;
	width: 35%;
}

#mousepad_footer {
	clear: both;
	background: #2058ac url(images/titlebg.png) 0 100% repeat-x;
	color: #fff;
	padding: 20px 0;

	margin: 4em 0 7px 0;
}

/* */

a, a:link, a:visited {
	text-decoration: none;
	color: #3771c8;
}
	a:hover, a:active { color: #244a83; }
	h1 a { color: #000; }
	#mousepad_sidebars .sb_section li a, #mousepad_sidebars .sb_section li a:visited { color: #888; }
	#mousepad_sidebars .sb_section li a:hover, #mousepad_sidebars .sb_section li a:active { color: #444; }
	#mousepad_sidebars .sb_section li a.rsswidget { color: #888; !important }
	.post-meta a, .post-meta a:visited { color: #aaa; }
	.post-meta a:hover, .post-meta a:active { color: #777; }
	#mousepad_footer a, #mousepad_footer a:visited { color: #fff; }
	#mousepad_footer a:hover, #mousepad_footer a:active { color: #87aade; }
	#mousepad_sidebars h2 a { color: #87aade; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.35em;
	margin: 1em 0 0.5em 0;
}
	#mousepad_headtitle h1 { margin: 6px 0; }
	#mousepad_title h1 { margin-top: 0; }
	#mousepad_main h1 { font-size: 200%; margin: 2em 0 0.5em 0; }
	#mousepad_main .post-order1 h1 { margin-top: 0; }
	h2 { font-size: 155%; color: #3f3f3f; }
	#mousepad_footer h2 { color: #87aade; }
	h3 { font-size: 145%; color: #444; }
	h4 { font-size: 130%; color: #4f4f4f; }
	h5 { font-size: 120%; color: #555; }
	h6 { font-size: 110%; color: #5f5f5f; }

#mousepad_sidebars h2 img {
	display: none;
}

p, ul, ol {
	margin-bottom: 1em;
}
	.post-post li { list-style-position: inside; }
	.post-post ul li { list-style-type: disc; }
	.post-post ol li { list-style-type: decimal; }

li ul li {
	margin-left: 2em;
}

/* */

.post-meta {
	font-size: 90%;
	color: #aaa;
	margin-bottom: 0.5em;
}

.wp-caption {
	padding: 9px 4px 0 4px;
	background-color: #f3f3f3;
	text-align: center;
}
.wp-caption-text {
	font-size: 85%;
	color: #777;
	line-height: 1.3em;
	padding: 0;
}

#mousepad_search input#s,
#mousepad_footer input#s {
	padding: 4px;
	background-color: #87aade;
	border: none;
	color: #fff;
}
#mousepad_search input#s {
	margin-left: 15px;
}

#mousepad_search input#searchsubmit,
#mousepad_footer input#searchsubmit {
	background-color: transparent;
	border: none;
	color: #3771c8;
	font-weight: bold;
	font-size: 110%;
}

#mousepad_sidebars .section {
	padding: 5px 0 5px 15px;;
}

#mousepad_sidebars .section .sidebar-arrow {
	margin-left: -15px;
}

#mousepad_sidebars #navi {
	font-size: 135%;
	line-height: 1.4em;
	margin-top: 15px;
}

#mousepad_sidebars h2 {
	margin-top: 0;
	font-size: 135%;
	color: #87aade;
}

#mousepad_sidebars .widget {
	margin-bottom: 2em;
}

#respond, #comments {
	margin-top: 3em;
	border-top: 1px solid #ddd;
}

.avatar {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}

.comment-comment {
	font-size: 90%;
	line-height: 1.4em;
	margin: 0 0 25px 42px;
	color: #555;
}

.comment-li {
	margin-top: 20px;
}

.pingback .comment-meta {
	margin-left: 42px;
}

#mousepad_footer .widget {
	float: left;
	width: 23%;
	margin-right: 2%;
}

#mousepad_sidebars li a.rsswidget {
	display: block;
	padding: 1em 0;
	border-bottom: 1px solid #eee;
}

/* wordpress image aligning */
.alignright { float:right; margin: 0 0 0.5em 1em; }
.alignleft { float:left; margin: 0 1em 0.5em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }