/*
Theme Name: theycallmes
Theme URI: http://theycallmes.com/
Description: Matt loves S. :)
Version: 1.0
Author: Matt
*/

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em; margin-bottom:0.5em;}
h2 {font-size:1.75em;margin-bottom:0.75em;}
h3 {font-size:1.25em;line-height:1.25;margin-bottom:.5em;font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p {margin:.75em 0 .75em 0;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {background:#80b1e0; color:#fff; font-weight:bold; font-size:1.15em; font-family:'Myriad Pro','Myriad','Arial',sans-serif;}
th, td {padding:5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}


html { margin:0; padding:0; background: #333 url(img/bg.png) top left repeat-x fixed; color:#333; font-size:14px; }
body { marging:0; padding:10px; font-size:66.7%; text-align:center; }
a{ color:#0099ff; }
a:hover{ color: #ff9600; }

/* Begin Images */
img {
	padding: 0;
	border:none;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


#wrap { font-family: "Lucida Grande", Verdana, Arial, sans-serif; text-align:left; width: 960px; margin:0 auto 20px auto; }
#page { font-size:1.3em; float:left; width:602px; margin: 0 0 20px 0; clear:both; }
	.top { background:url(img/bg-page-top.png) top left no-repeat; }
	#page .affect{ margin-top: 14px; background: url(img/bg-page-span.png) top left repeat-y; }
#header { position: relative; }
#header a.home { text-indent:-5000px; position:absolute; display:block; width:210px; height:76px; }
#logo { text-indent:-5000px; padding:0; margin: 1em 0; width:210px; height:76px; background: transparent url(img/logo.png) top left no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp/wp-content/themes/theycallmes/img/logo.png', sizingMethod='scale'); }


#search { position: absolute; top:15px; left:600px; width:338px; height:50px; background:url(img/bg-search.png) top left repeat-x; }
	#search .icon { height:50px; width: 47px; background:url(img/bg-search-icon.png) top left no-repeat; }
	#search .searchbox { position: absolute; font-size:1.5em; top:16px; left:40px; width: 210px; outline:none; border:none; padding:0; background: transparent; }
	#search .btn { display:block; position: absolute; text-indent:-5000px; top:0; right:0; height:50px; width: 99px; outline:none; border:none; margin:0; padding:0; background: transparent url(img/bg-search-btn.png) top right no-repeat; }

.mainnav { list-style-type: none; margin:0; padding:0; position: relative; left:-5px; }
.mainnav .page_item { float:left; margin-top:1.5em; background:url(img/bg-nav-off.png) top left no-repeat; }
.mainnav .page_item a { outline:none; float:left; height:70px; padding:0 2.5em; line-height:65px; vertical-align: middle; background:url(img/bg-nav-off-end.png) top right no-repeat; }
.mainnav .page_item:hover { background:url(img/bg-nav-over.png) top left no-repeat; }
.mainnav .page_item:hover a { background:url(img/bg-nav-over-end.png) top right no-repeat; }
.mainnav .page_item.current_page_item { background:url(img/bg-nav-on.png) top left no-repeat; }
.mainnav .page_item.current_page_item a { background:url(img/bg-nav-on-end.png) top right no-repeat; }


.mainnav .page_item a { text-decoration:none; color:#fff; }

#content { }
	.page.main { padding:4px 0 20px 0; }
	.page.main .inner { padding:0 20px; }
	.main.clear { clear:both; width:602px; height:14px; background: transparent url(img/bg-page-bottom.png) top left no-repeat; }
	.post { margin-bottom:2.5em; clear:both; }

#side{ float:left; margin-left:2px; }
#followme { position:relative; width:336px; height:364px; margin-top:2px; background:url(img/bg-follow-me.png) top left no-repeat;  }
#followme .twitter { text-decoration:none; position:absolute; top:70px; left:40px; width:119px; height:59px; background:url(img/follow-twitter.png) top left no-repeat;  }
#followme .feed { text-decoration:none; position:absolute; top:73px; right:40px; width:90px; height:50px; background:url(img/follow-rss.png) top left no-repeat;  }
#followme a { color:#666; }
#followme a:hover { color:#999; }

#sidebar_static,#sidebar { float:left; margin: 0 0 20px 0; padding:0; width: 167px; background:url(img/bg-sidebar-span.png) top left repeat-y; }
#sidebar { margin-left:2px; }
	#sidebar_static h2, #sidebar h2 { height:51px; margin: 0; padding:0 0; line-height:51px; vertical-align: middle; text-align: center; color:#fff; background:url(img/bg-sidebar-h2.png) top left repeat-x; }
	#sidebar_static h2 img, #sidebar h2 img { vertical-align: middle; }
	#sidebar_static .bottom, #sidebar .bottom { height:9px; margin: -8px 0 0 0; width:100%; background:url(img/bg-sidebar-bottom.png) bottom left no-repeat; }
	
	.widget ul, .widget ul li { list-style-type: none; margin-left:0; padding-left:0; }
	.widget ul li { margin-bottom:1em; }
	.widget-top{ background:url(img/bg-widget-top.png) top left no-repeat; padding:0; }
	.widget-bottom{ height:17px; margin-top:-14px; background:url(img/bg-widget-bottom.png) top left no-repeat; }
	.kong_badges dt { display:inline; width:42px; height:42px; }
	.kong_badges dt img { width:42px !important; height:42px !important; }
	
#footer { color:#999;  width:941px; text-align: center; margin:20px 0 0 0; background:#151515; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; clear:both; }
	#footer h2 { color:#666; }
	#footer .pad { padding:20px; }
	#footer td { text-align:left; }
	#footer a { color:#666; }
	#footer a:hover { color:#999; }


.dsq-widget { padding:10px; }
#footer a.dsq-widget-user { font-weight: bold; color:#666; text-decoration: none; }
#footer a img.dsq-widget-avatar { border:5px #000 solid;margin: 0 5px 5px 0; }
#footer a.dsq-widget-thread { font-size:1.25em; font-weight: bold; color:#ccc; }
.dsq-widget li {margin:0; padding-bottom:10px; border-bottom:1px solid #333;  }

.wp-caption { border:#ccc 1px solid; background:#e6e6e6; text-align:center; padding:5px; margin:0 5px 5px 0; }

