/*
Theme Name: MWDesigns
Theme URI: http://blog.mwdesigns.com/
Description: Matt Ward's style in a WordPress template.
Version: 1.0
Author: Matt Ward
Author URI: http://www.mwdesigns.com/
Tags: beach, surfing, blue, basic

*/

* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	background:url(http://www.mwdesigns.com/images/background.jpg) top center repeat-x #000000;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	color:#0099FF;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#FFCC66;
}
a img {
	border:0;
}
h1 {
	font-size:18px;
	font-weight:normal;
	margin:0;
}
/* H1 header tabbing */
h1 span.line1 {
	width:400px;
	clear:both;
	float:left;
}
h1 span.line2 {
	width:380px;
	padding-left:20px;
	clear:both;
	float:left;
}
h1 span.line3 {
	width:360px;
	padding-left:40px;
	clear:both;
	float:left;
}
h1 span.line4 {
	width:360px;
	padding-left:60px;
	clear:both;
	float:left;
}
h1 span.line5 {
	width:360px;
	padding-left:70px;
	clear:both;
	float:left;
}
h1 a {
	color:#0000CC;
}
h1 a:hover {
	color:#FF0000;
}
/* Standard things */
.clear_fix {
	clear:both;
}
.clear_header {
	clear:both;
	height:30px;
}
.container {
	margin:0 auto;
	width:900px;
}
.topBar {
	width:100%;
	height:50px;
	background:url(http://www.mwdesigns.com/images/topbar.png) repeat-x;
}
.logo {
	float:left;
	height:50px;
	width:396px;
	background:url(images/mwdesigns_journal.png) no-repeat center;
	text-indent:-9999px;
}
.leftCol {
	float:left;
	width:330px;
	padding-top:140px;
}
.rightCol {
	float:right;
	width:570px;
	padding-top:33px;
}
/* Navigation */
.topNav {
	float:right;
}
.topNav ul {
	list-style:none;
	display:inline;
	float:right;
	height:49px;
	padding:0;
	margin:0;
}
.topNav li {
	display:inline;
}
.topNav li a {
	display:block;
	float:left;
	height:49px;
	background:url(images/topnav.png) no-repeat;
	text-indent:-9999px;
	outline:none;
}
.topNav li a#home {
	background:url(http://www.mwdesigns.com/images/home.png) no-repeat;
	width:75px;
	background-position:0 0px;
}
.topNav li a#home:hover {
	background-position:0 -49px;
}
.topNav li a#dev {
	width:59px;
	background-position:0 0px;
}
.topNav li a#dev:hover {
	background-position:0 -49px;
}
.topNav li.active a#dev {
	background-position:0 -49px;
}
.topNav li a#research {
	width:95px;
	background-position:-59px 0px;
}
.topNav li a#research:hover {
	background-position:-59px -49px;
}
.topNav li.active a#research {
	background-position:-59px -49px;
}
.topNav li a#about {
	width:70px;
	background-position:-154px 0px;
}
.topNav li a#about:hover {
	background-position:-154px -49px;
}
.topNav li.active a#about {
	background-position:-154px -49px;
}

/* Footer */
.footer {
	text-align:center;
	color:#999999;
	width: 500px;
	margin: 10px auto;
}
.footer a#home {
	display:block;
	height:16px;
	width:82px;
	float:left;
	background:url(http://www.mwdesigns.com/images/mwdesigns_footer.png) no-repeat 0 -16px;
	text-indent:-9999px;
	outline:none;
	position:relative;
	top:2px;
	left:22px;
}
.footer a#home:hover {
	background-position: 0 0;
}
.footer a#wildest {
	display:block;
	font-size:12px;
	padding: 5px 0;
	color:
}
.footer p.superfooter {
	font-size:11px;
}
/* Homepage Stuff */
.RSS a#image { 
	display:block;
	height:55px;
	width:55px;
	padding-left:100px;
	float:left;
}
.RSS a#text {
	clear:left;
	display:block;
	background:url(images/subscribe.gif);
	height:23px;
	width:125px;
	text-indent:-9999px;
	margin-left:60px;
}
.RSS a#text:hover {
	background-position:0 -23px;
}
.RSS a#what {
	display:block;
	clear:both;
	margin-left:70px;
	margin-top:10px;
	color:#FFFFFF;
}
.RSS a#what:hover {
	color:#0099FF;
}
.icn_note {
	clear:both;
	width:260px;
	height:110px;
	margin-left:50px;
	background:url(http://www.mwdesigns.com/images/notebook.jpg) center right no-repeat;
}
.icn_note a {
	display:block;
	width:140px;
	height:60px;
	background:url(http://www.mwdesigns.com/images/drop_note.gif);
	text-indent:-9999px;
	outline:none;
	position:relative;
	top:25px;
}
.icn_note a:hover {
	background-position:0 -60px;
}

/* Posts */
.widecolumn {
	float:left;
	width:635px;
}
.post {
	float:left;
	width:635px;
	margin:0 0 10px 0;
}
.post h2 {
	padding:0 0 5px 10px;
	font-size:20px;
}
.post h2 a {
	color: #003366;
}
.post h2 a:hover {
	color:#FFFFFF;
}
.post .date {
	float:left;
	padding:7px 3px 0 40px;
	margin-top:15px;
	height:89px;
	width:42px;
	line-height:40px;
	text-align:center;
	background: url(images/date_bg.jpg);
	color:#663300;
}
.post .post_header {
	float:right;
	background: url(images/post_top.gif);
	width:550px;
	height:12px;
}
.post .header {
	float:right;
	background: url(images/post_header.gif);
	width:550px;
}
.post .entry_header {
	float:right;
	background: url(images/post_content_header.gif);
	width:550px;
	height:11px;
}
.post .entry_footer {
	float:right;
	background: url(images/post_content_footer.gif);
	width:550px;
	height:9px;
}
.post .postmeta {
	float:right;
	background: url(images/post_header.gif);
	width:550px;
}
.post .postmeta .comments {
	float:right;
	background:url(images/comment_count.gif);
	width:53px;
	height:28px;
	text-align:center;
	margin:10px 10px 0 0;
	font-size:22px;
	padding-left:5px;
}
.post .postmeta .tags {
	float:left;
	background:url(images/tag.jpg) no-repeat;
	margin:13px 0 0 10px;
	padding-left:30px;
}
.post .postmeta .tags a {
	color:#003366;
}
.post .postmeta .tags a:hover {
	color:#0000FF;
}
.post .post_footer {
	float:right;
	width:550px;
	height:11px;
	background: url(images/post_footer.gif);
}
.post .entry {
	float:right;
	width:510px;
	padding:0 20px;
	background: url(images/post_content.gif) repeat-y;
	font-size:12px;
}
.post .entry p {
	padding:5px 0;
	line-height: 1.5em;
}
.post .entry a {
	color:#3300FF;
}
.post .entry a:hover {
	color:#0099FF;
}
.post .entry p.post_writer {
	text-align:right;
}
.post .entry div.share-this {
	float:left;
	padding:5px;
}
.post .wp-caption {
	text-align:center;
	font-size:10px;
}
/* Sidebar */
div#sidebar {
	float:right;
	width:260px;
	padding:0 0 0 5px;
}
.tag-cloud {
	padding:5px;
}
/* searchbar */
#sidebar label.screen-reader-text {
	display:none;
}
#sidebar input#s {
	border: 1px solid #999999;
	background:url(images/search_bg.gif);
	font-size:14px;
	padding:5px;
	width:200px;
	margin-left:10px;
}
#sidebar input#searchsubmit {
	background:url(images/search.gif);
	width:30px;
	height:30px;
	border:none;
	text-indent:-9999px;
}
#sidebar input#searchsubmit:hover {
	cursor:pointer;
}
#sidebar ul {
	list-style:none;
}
#sidebar .image {
	float:right;
}
#sidebar .about {
	width:150px;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
}
/* Social Icons */
#sidebar ul.social {
	margin:10px 18px;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
}
#sidebar ul.social li {
	display:inline;
	float:left;
}
#sidebar ul.social li a {
	display:block;
	height:32px;
	width:32px;
	margin-left:5px;
	text-indent:-9999px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#sidebar ul.social li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
#sidebar ul.social li a#wordpress {
	background:url(http://www.mwdesigns.com/images/social/wordpress.png);
}
#sidebar ul.social li a#twitter {
	background:url(http://www.mwdesigns.com/images/social/twitter.png);
}
#sidebar ul.social li a#stumble {
	background:url(http://www.mwdesigns.com/images/social/stumbleupon.png);
}
#sidebar ul.social li a#delicious {
	background:url(http://www.mwdesigns.com/images/social/delicious.png);
}
#sidebar ul.social li a#facebook {
	background:url(http://www.mwdesigns.com/images/social/facebook.png);
}
#sidebar ul.social li a#google {
	background:url(http://www.mwdesigns.com/images/social/google.png);
}
/* Normal Links and Headers */
#sidebar h2 {
	color:#FFCC66;
	font-size:20px;
	padding:10px 5px;
}
#sidebar ul.lgLinks a {
	display:block;
	padding:5px 0 5px 10px;
	border-bottom: 1px solid #666666;
	font-size:12px;
}
/* Buttons */
.btn_resume {
	float:left;
	clear:both;
	padding:5px 20px;
}
.btn_resume a {
	display:block;
	width:227px;
	height:26px;
	background:url(http://www.mwdesigns.com/buttons/resume.gif);
	text-indent:-9999px;
	outline:none;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.btn_resume a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
.btn_webdesign {
	float:left;
	clear:both;
	padding:5px 20px;
}
.btn_webdesign a {
	display:block;
	width:227px;
	height:26px;
	background:url(http://www.mwdesigns.com/buttons/webdesign.gif);
	text-indent:-9999px;
	outline:none;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.btn_webdesign a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
.btn_clients {
	float:left;
	clear:both;
	width:133px;
	padding:5px 66px 10px 66px;
}
.btn_clients a {
	display:block;
	width:133px;
	height:26px;
	background:url(http://www.mwdesigns.com/buttons/clients.gif);
	text-indent:-9999px;
	outline:none;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.btn_clients a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
/* Comment Styles */
.vcard {
	float: left;
	width:90px;
	background:url(images/comments/user_comment.gif) top right no-repeat;
}
.comment-text {
	float:right;
	width:525px;
	padding:10px;
	background:#999999;
	font-size:12px;
}
.comment-text .comment-says {
	padding-bottom:5px;
}
.comment-text a {
	color:#0000CC;
}
.comment-text a:hover {
	color:#FFFFFF;
}
.comment-meta {
	color:#CCCCCC;
	clear:both;
	text-align:right;
	padding:5px;
	font-size:12px;
}
.comment-meta a {
	color:#FFFFFF;
}
.comment-meta a:hover {
	color:#0099FF;
}
#respond {
	color:#FFFFFF;
	clear:both;
}
#respond p {
	padding:5px;
}
#respond h2 {
	color:#FFCC66;
	font-size:20px;
	padding:10px 5px;
}
#respond label {
	padding:10px 25px;
}
#respond input {
	border: 1px solid #999999;
	background:url(images/search_bg.gif);
	font-size:14px;
	padding:5px;
	width:200px;
}
#respond textarea {
	width:500px;
	border: 1px solid #999999;
	background:#DDDDDD;
}
#respond input#submit {
	width:227px;
	height:26px;
	border:none;
	text-indent:-9999px;
	background:url(images/comments/post_comment.gif);
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#respond input#submit:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	cursor:pointer;
}
/* Lost page */
h2.lost-page {
	clear:both;
	padding:100px 75px;
	font-size:40px;
	color:#CC0000;
}
/* Post Navigation */
.navigation {
	color:#FFFFFF;
}
.alignleft {
	float: left;
	padding-bottom: 10px;
}
.alignright {
	float: right;
	padding-bottom: 10px;
}