/*
Theme Name: RyanIAm
Theme URI: http://ryaniam.com
Description: My theme. Based on Starkers by Elliot Jay Stocks, which is based on Kubrick by Michael Heilemann.
Version: 1.0
Author: Ryan Kirk
Author URI: http://ryaniam.com
Tags: ryaniam, clean, basic
*/

/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
/* Modified version 1.2 by Ryan Kirk */

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, strong, sub, sup, tt, var, b, u, i, center, 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;
	text-decoration: none; 		/* RK - For reset */
	font-style: normal; 		/* RK - For reset */
	font-weight: normal; 		/* RK - For reset */
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {line-height: 1.5; font-size: 14px; font-family: Helvetica, Arial, sans-serif;} /* RK - Base style, modified by TEA, 01/19/2010 */
ol, ul {	list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after 	{	content: ''; content: none;}
:focus {	outline: 0;} /* RK - Base style, modified by TEA for IE8 DOM compliance, 01/19/2010 */
ins {	text-decoration: none; background-color: yellow;} /* RK - Base style */
del {	text-decoration: line-through;}
table {	border-collapse: collapse; border-spacing: 0;}
a, a:link, a:visited, a:hover, a:active, a:focus	{color: #124362; background-color: transparent;} /* RK - Base style */
html, body { height: 100%; }


/************************ MORE GENERIC STUFF ************************/

.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin: 5px 15px 0 0; }
.alignright { float:right; margin: 5px 0 0 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

div, ul, li { position:relative; }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; }


/************************ LAYOUT ************************/

#wrapper { margin: 50px auto 0 auto; width: 960px; }
#mid-wrapper { border-left:10px solid #a8d11a; float:left; width:99%; z-index: 1; margin-left: -10px; }
#outer-wrapper { border-left:10px solid #a8d11a; float:left; width:99%; z-index: 2; height: 100%; }
#main-content { float: left; margin: 65px 0 0 10px; width: 600px;}
#footer { clear: both; float: left; margin: 35px 0 0 10px; padding-bottom: 5px; }
#sidebar { position: fixed; right: 65px; background-color:#F1F1F1; color:#444444; margin:0 5px 0 0; padding:40px 40px 25px; width:230px; height: 100%; z-index: 10; }
#sidebar-images { background-image: url("style/images/img-bg.jpg"); background-position: right top; background-repeat: repeat-y; height:9999px; position:fixed; right:0; width:70px; }


/************************ TYPOGRAPHY ************************/

p, ul { font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; }

h1 {
background-color:white;
background-image:url("style/images/ryaniam.png");
background-position:0 45px;
background-repeat:no-repeat;
border-bottom:1px solid #D8D8D8;
font-size:30px;
height:100px;
margin:-115px 0 20px;
padding-bottom:10px;
position:fixed;
width:600px;
z-index:50;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {color: transparent; font-size: 45px; }
h2 { margin-bottom: 2px; }
#sidebar ul { font-family:Georgia,Times,"Times New Roman",serif; font-size:12px; }
#footer { font-size: 11px; color: #888; font-family: Georgia, Times, "Times New Roman", serif; }
#main-content ul { list-style-type: disc; margin: -10px 0 10px 25px; }
em { font-style: oblique; }
strong { font-weight: bold; }

blockquote, q { background-color: #F9F9F9; margin: 25px auto 20px auto; overflow: hidden; padding: 5px 10px 0; border: 1px solid #e9e9e9; border-left: none; border-right: none; width: 85%; }



/************************ POST ************************/

.post p, .post-content p { margin-bottom: 15px; }
.post p { margin-top: 5px; }
a:hover { text-decoration: underline; }

.post, .search .page { margin: 20px 0 45px; border-bottom: 1px solid #d8d8d8; padding-bottom: 14px; }
#main-content h2, .post h2 a, .post h2 a:link, .post h2 a:hover, .post h2 a:active, .post h2 a:focus { font-size: 26px; color: #333; font-family: "Trebuchet MS", Helvetica, Arial, serif; margin-bottom: -3px; }
.post p.post-date, .search .page p.post-date { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 11px; color: #999; letter-spacing: 0.5px; text-transform: uppercase; margin: 0; }
.post-content { margin: 10px 0 15px; color: #333; }
.post p.post-tags, .search .page p.post-tags { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 11px; color: #999; letter-spacing: 0.5px; text-transform: uppercase; margin: 20px 0 -13px 0; }
#main-content .prev-next { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 11px; color: #999; letter-spacing: 0.5px; text-transform: uppercase; margin: -15px 0 0 0; padding-bottom: 15px; text-align: right; }
.post h3, .search .page h3 { margin: 0; font-size: 18px; }

.post ol { font-family: Georgia, Times, "Times New Roman", serif; list-style:decimal outside none; margin: -8px 0 15px 30px; }

/************************ SIDEBAR ************************/

#sidebar h2, #sidebar h2 a, .twitterwidget-title { font-size: 12px; font-family: Helvetica, Arial, serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #333;  }
#sidebar li.widget { margin: 15px 0; }
#ila { border-color: #ccc; border-style: solid none; border-width: 1px medium; padding:2px 0 1px; margin: 20px 0; }
#sidebar ul {}
#sidebar #text-4 { margin-top: 5px; }

li#categories-3 ul li { display: inline; margin: 0 10px 0 0; }

/* Twitter widget */
.from-meta, .intent-meta { display: none; }

li#twitter-3 li { margin: 0 0 10px; }
input#searchsubmit, input#s { font-family: "Trebuchet MS", Helvetica, Arial, serif; font-size:11px; letter-spacing:0.5px; text-transform:uppercase; float: left; position: relative; }
input#s { height: 16px; }
input#searchsubmit { background-color:#B7E31C; border:1px solid #999; cursor:pointer; height:22px; margin:0 0 0 -1px; }

/* Webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0){
    input#searchsubmit {
        margin: 0 0 0 -3px;
    }
}


/************************ COMMENTS ************************/

#respond { margin-top: 15px; font-size: 11px; }
h3 { font-family: Georgia, Times, "Times New Roman", serif; font-weight: bold; font-size: 14px; margin: 20px 0 10px 0; }
form p { font-size: 12px; }
form p input, form textarea { border: 1px solid #bbb; margin: 3px 6px 3px 0; padding: 3px; }
input#submit { margin: 3px 0 7px 0; }

ol.commentlist {}
.vcard {}
span.says { display: none; }
.comment, .pingback { background-color: #F9F9F9; margin-bottom: 15px; min-height: 115px; overflow: hidden; padding: 15px 20px 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius:5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #e9e9e9; }
img.avatar { margin-top: 30px; }
cite.fn { color: #999999; display: block; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 13px; letter-spacing: 0.5px; margin-top: -95px; text-transform: uppercase; }
.commentmetadata { color: #999999; display: block; float: right; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; font-size: 11px; letter-spacing: 0.5px; position: relative; text-align: right; text-transform: uppercase; top: -25px; width: 200px; }
.comment-body p { float: right; font-size: 12px; margin-top: -14px; padding: 0 30px 20px 0; width: 435px; }
li.bypostauthor { background-color: #e9e9e9; border: none; }

.pingback cite.fn { margin: 25px 0 0; }
.pingback .commentmetadata { margin: -20px 0 0; }
.pingback .comment-body p { float: left; width: 555px; margin-top: 10px; }


/************************ FOOTER ************************/

#footer p { font-family: Georgia, Times, "Times New Roman", serif; font-size: 11px; }
#footer a { color: #888; }
#bg-img { background-image: url("style/images/bitmap.png"); background-repeat: no-repeat; background-position: left bottom; bottom:0; height:349px; left:-80px; position: fixed; width:341px; z-index:0; opacity: 0.8; }