/*
Theme Name: Ryan Keiser A
Theme URI: http://ryankeiser
Description: A custom theme for ryankeiser.net
Version: 3.0
Author: Ryan Keiser
Author URI: http://ryankeiser.net/
Tags: magazine, light, link, blue, two column, widgets, jquery
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote,
em, a, img, ol, ul, li, fieldset, form, label, legend, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	list-style-type: none;
}

/* COLORS & STUFF */
body { background: #e7ee1f url(images/body-bg.png) top left repeat; }
/* LAYOUT PIECES */
#ryan-keiser { width: 1003px; margin-right: auto; margin-left: auto; min-width: 1003px; }
#header { height: 900px; }
#aboutme { width: 555px; float: left; }
#title { text-indent: -9999px; background: transparent url(images/main-title.png) no-repeat; height: 540px; margin-bottom: 50px; }
#me { padding: 0 16px 0 125px; background: transparent url(images/rk-avatar.jpg) no-repeat 0 56px; display: block; }
#home-goodies { width: 400px; margin-left: 48px; float: left; background: transparent url(images/nav-sec-bttm.png) bottom left no-repeat; padding-bottom: 81px; }
#identity { background: transparent url(images/rk-id.png) no-repeat 0 15px; height: 115px; margin-left: 51px; }
#home-secs-wrap { background: #28DBFB; float: left; }
#home-secs { background: #28dbfb; float: left; }
#home-sec { width: 400px; float: left; }
#reachme-wrap { background: transparent url(images/contact-sec-bg-top.png) top left no-repeat; padding-top: 140px; margin-top: -60px; }
#reachme-sec { background: transparent url(images/contact-sec-bg.png) top left repeat-y ; }
#reachme { width: 1003px; margin: 0 auto; display: block; }
#contactme-bottom { height: 150px; background: transparent url(images/contact-sec-bg-bttm.png) no-repeat top left; }
#work, #play { float: left; background: #28dbfb; padding: 0 15px 15px 15px; }
#blog-work { padding: 0 0 15px 0; }
.port-piece { margin: 0 0 30px 0; }
.idea { margin: 15px 0; padding: 10px 0 10px 80px; }
.digimem { background: transparent url(images/play-mems.png) left no-repeat; }
.se { background: transparent url(images/play-sparking-emotion.png) left no-repeat; }
.ediy { background: transparent url(images/play-ediy.png) no-repeat 25px 0; }
.eats { background: transparent url(images/play-towneats.png) left no-repeat; }
.lh { background: transparent url(images/play-living-history.png) left no-repeat; }
#contactme { float: left; width: 595px; padding: 20px 10px 0 10px; height: 450px; }
#contacts { margin: 25px 0 0 25px; float: left; width: 310px; }
#tweetme { padding: 20px 0 0 0; margin-right: 20px; height: 450px; }
.tweet, .twitter-message { font-weight: bold; margin: 0 0 25px 0; font-size: .9em; }
.twitter-timestamp { font-size: .8em; }
#footer { background: transparent url(images/footer-bttm.png) no-repeat bottom center; width: 1003px; margin: 15px auto 0 auto; clear: left; }
#colorinspiration { background: #fff; width: 696px; margin: 0 0 64px 160px; padding: 10px 10px 190px 10px; }
#colorinspiration-title { width: 225px; float: left; margin-right: 15px; text-align: center; padding-top: 15px; }
#colorinspiration-img { width: 249px; float: left; }
#colorinspiration-scheme { float: left; text-align: center; margin-left: 15px; width: 177px; }
#colorinspiration-prev { margin-top: 15px; display: block; }
/* TYPE */
html, body { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
h1 { font-size: 48px; line-height: 1em; text-transform: uppercase; }
h2, h3, h4 { font-size: 36px; text-transform: uppercase; }
#work h2, #work h3 { text-transform: none; font-size: 28px; }
#blog-work p{line-height:1.5em;}
em { font-weight: bold; font-style: normal; }
#me { font-size: 16px; line-height: 1.45em; }
#work { font-size: 1em; }
#port-work { font-size: 1.1em; }
.sec-intro { font-weight: bold; margin: 0 0 15px 0; }
.availability { font-weight: bold; }
#contactme { font-size: .9em; }
#twitterid { font-size: 28px; font-style: italic; margin: 15px 0 25px 0; background: transparent url(images/rk-twitter.png) left no-repeat; padding-left: 60px; float: left; width: 308px; }
.port-intro { font-weight: bold; color: #1ea4bc; margin: 0 0 10px 0; color: #e7ee1f; font-size: .9em; }
#port-work .port-intro { margin: 10px 0; }
#footer h1 { font-size: 2.25em; text-align: center; }
.subtitle { font-weight: bold; color: #999; font-size:.8em; }
#colorinspiration-img, .colorsource { font-size: .85em; font-weight: normal; }
#colorscheme, #colorinspiration-scheme { font-size: .95em; font-weight: bold; }
#copyright { color: #e7ee1f; margin-left: 215px; }
.archive-month { text-transform: uppercase; }
/* LINKS */
a:link, a:visited, a:hover { color: #f2205d; text-decoration: none; border-bottom: 1px dotted #e7ee1f; padding: 2px; font-weight: bold; }
a:hover { background: #e7ee1f; color: #000; }
a:active { outline: 1px dotted #e7ee1f; }
a:visited { border: none; }
#identity a, #identity a:hover { height: 100px; text-indent: -9999px; display: block; border: none; background: transparent; }
#work a { color: #000; font-size: 16px; }
#work h2 a, #port-work h3 a, #work h2 a:link, #port-work h3 a:link { font-size: 36px; border-bottom: none; }
#contact-social a { color: #000; font-weight: normal; border: none; font-size: .85em; }
	#contact-social a:hover { background: transparent; color: #e7ee1f; }
.small-link { font-size: 14px; font-weight: normal; }
#colorinspiration a, #colorinspiration a:hover { border-bottom: none; background: transparent; }
#blog-sidebar a { color: #000; font-weight: normal; margin-left: 10px; border-bottom: none; }
.post-img:hover, .post-img:link, .post-img { border-width: 0; background: #fff; }
/* TABS */
.tabs { margin-top: 15px; }
	.tabs li { width: 109px; height: 83px; float: left; margin: 0 45px; }
#rk-blog .tabs .blog { width: 140px; margin: 0; }
.tab a { display: block; height: 85px; text-indent: -9999px; border: none; outline: none; }
	.tab a:hover { background: transparent; border: none; }
/* LISTS */
#work ul { margin-top: 10px; }
#work li { display: inline; margin-right: 20px; }
li.work { background: transparent url(images/nav-tabs-new.png) no-repeat 0 0; }
	li.work .active { background: transparent url(images/nav-tabs-new.png) no-repeat -109px 0; }
	li.work:hover { background: transparent url(images/nav-tabs-new.png) no-repeat -218px 0; }
li.play { background: transparent url(images/nav-tabs-new.png) no-repeat 0 -83px; }
	li.play .active { background: transparent url(images/nav-tabs-new.png) no-repeat -109px -83px; }
	li.play:hover { background: transparent url(images/nav-tabs-new.png) no-repeat -218px -83px; }
li.blogm { background: transparent url(images/nav-tabs-new.png) no-repeat 0 -166px; }
	li.blogm .active { background: transparent url(images/nav-tabs-new.png) no-repeat -109px -166px; }
	li.blogm :hover { background: transparent url(images/nav-tabs-new.png) no-repeat -218px -166px; }
li.blog { background: transparent url(images/nav-tabs.png) no-repeat -280px -230px; }
	li.blog .active { background: transparent url(images/nav-tabs.png) no-repeat 0 -230px; }
li.home { background: transparent url(images/nav-tabs-new.png) no-repeat 0px -256px; }
	li.home:hover { background: transparent url(images/nav-tabs-new.png) no-repeat -218px -256px; }
.rss { background: transparent url(images/rss.png) left no-repeat; padding-left: 15px; }
#contacts ul { margin-top: 15px; line-height: 1.5em; }
#contact-social li { float: left; width: 135px; padding-left: 15px; }
.flickr { background: transparent url(images/ico-flickr.png) left no-repeat }
.friendfeed { background: transparent url(images/ico-friendfeed.png) left no-repeat }
.facebook { background: transparent url(images/ico-facebook.png) left no-repeat }
.delicious { background: transparent url(images/ico-delicious.png) left no-repeat }
.linkedin { background: transparent url(images/ico-linkedin.png) left no-repeat }
.dribbble { background: transparent url(images/ico-dribbble.png) left no-repeat }
#twitter_update_list { font-size: .9em; }
	#twitter_update_list li { padding: 10px 0; border-top: 1px dotted #000; }
	#twitter_update_list a:link, a#twitter-link a:link { border-bottom: none; color: #000; }
	#twitter_update_list a:visited, a#twitter-link a:visited { font-weight: normal; font-style: italic; color: #000; }
#twitter-link { }
#colorscheme { text-align: center; font-weight: bold; }
	#colorscheme li { padding: 5px; margin: 0 0 10px 0; }
.cB93B22 { background-color:#b93b22; color:#fff; }
.c042C72 { background-color:#042c72; color:#fff; }
.c5B4132 { background-color:#5b4132; color:#fff; }
.cce4b00 { background-color:#ce4b00; color:#fff; }
.c268a30 { background-color:#268a30; color:#fff; }
.c166cb7 { background-color:#166cb7; color:#fff; }
.cD3FF71 { background-color:#d3ff71; color: #000; }
.c296D06 { background-color:#296d06; color: #fff; }
.cDCCDE6 { background-color:#dccde6; color: #000; }
.cF79033 { background-color:#F79033; color: #fff; }
.c9B3A07 { background-color:#9b3a07; color: #fff; }
.cFAFF9b { background-color:#faff9b; color:#000; }
.c88A761 { background-color:#88A761; color:#fff; }
.cE0E0AA { background-color:#E0E0AA; color: #000; }
.cFE713C { background-color:#FE713C; color: #fff; }
.c94D39E { background-color:#94d39e; color: #000; }
.cC2694B { background-color:#c2694b; color: #fff; }
.cEABB31 { background-color:#eabb31; color: #000; }


#blog-sidebar ul { font-size: .9em; }
#blog-sidebar li { padding: 5px 0; border-bottom: 1px solid #000; }
/* FORMS */
#contactform { width: 250px; float: left; margin: 25px 0px 0 0; }
label, input { float: left; }
#name, #email { font-size: 15px; padding: 4px; font-weight: bold; text-transform: uppercase; width: 235px; margin-bottom: 15px; border: none; }
label { font-weight: bold; }
#commentform label { font-size: 1.15em; width: 90px; padding-right: 15px; text-align: right; }
#commentform p { float: left; width: 600px; }
#commentform small { font-size: .75em; font-weight: normal; }
#commentform #author, #commentform #email, #commentform #url { font-family: calibri, helvetica, arial, sans-serif; padding: 4px; border: 1px solid #000; text-transform: none; width: 300px; font-weight: normal; font-size: 1.25em; margin-bottom: 0;}
fieldset { }
textarea { padding: 4px; font-size: 16px; line-height: 1.1em; font-family: Calibri, Helvetica, Arial, sans-serif; height: 75px; width: 235px; border: none; }
#submit { margin-top: 15px; }
/* BLOG AREA */
#rk-blog { float: left; width: 1003px; margin: 25px auto 50px auto; background: transparent url(images/blog-sec-bg.png) bottom right no-repeat; padding-bottom: 85px; }
#blog-header { width: 1003px; background: transparent url(images/nav-top-bg.png) no-repeat scroll -107px 68px; float: left; }
	#blog-header .tabs { margin-top:10px; position: relative; top: 21px; }
#da-blog { background: #28dbfb; float: left; width: 1003px; padding-bottom: 50px; }
#blog-id { float: right; margin: 0 13px 15px 0; margin-bottom: 15px; }
#blog-posts { float: left; width: 666px; margin: 20px; padding-bottom: 59px; background: transparent url(images/blog-post-bg.png) bottom left no-repeat }
.blog-post { background: #fff; padding: 20px; font-size: 1.25em; margin: 0; float: left; width: 626px; font-family: cambria, georgia, "times new roman", serif; line-height: 1.35em; }
	.blog-post h2, .blog-post h3 { margin-bottom: 15px; }
.blogmain { padding: 20px; }
.blog-post h1 { float: left; }
.title-comment-ttl { background: url(images/comments-bubble-small.png) no-repeat; float: left; line-height: .8em; height: 20px; margin-left: 10px; font-family: calibri, helvetica, arial, sans-serif; }
	.title-comment-ttl a:link, .title-comment-ttl a:visited { color: #fff; font-size: .8em; }
	.title-comment-ttl a:hover { background: none; color: #000; }
.metadata { font-family: calibri, helvetica, arial, sans-serif; font-size: .8em; color: #444; clear: left; margin: 20px 0; }
.published { margin-top: 15px; }
.comment .metadata { clear: none; }
.blog-post { font-size: 1.05em; }
	.blog-post p { margin: 0 0 20px 0; line-height: 1.35em; }
.blog-post-comments { margin: 50px 0 25px 0; font-size: .9em; }
.blog-post-comment-ttl { font-family: calibri, helvetica, arial, sans-serif; font-size: 1.1em; text-transform: uppercase; margin-bottom: 15px; font-weight: bold; }
	.blog-post-comment-ttl a { border: none; color: #fff; }
		.blog-post-comment-ttl a:hover { background: transparent; }
.comment { margin: 15px 0 0 0; float: left; line-height: 1.25em; width: 620px; }
	.comment img { float: left; margin-right: 10px; margin-bottom: 15px; }
.ttl-comments { background: url(images/comments-bubble.png) no-repeat; color: #fff; padding: 2px 5px 15px 5px; font-weight: bold; }
.comment-author { font-weight: bold; }
.avatar { width: 82px; height: 76px; }
.avatar-bubble { margin-left: -92px; }
#blog-sidebar { float: left; width: 270px; margin: 25px 20px 0 0; font-weight: bold; }
#blog-search { float: left; margin: 15px 0; }
#searchbox { background: #e7ee1f; border: none; font-family: calibri, helvetica, arial, sans-serif; padding: 5px; font-size: 1.15em; width: 265px; }
.categories, .blog-post-social { font-size: .8em; }
.secondary { padding: 20px; width: 626px; background: #fff; }
	.secondary p { margin: 0; }
#sidebar h1 { font-size: 16px; }
#sidebar-subtitle { font-size: .8em; }
#blog-sidebar h1 { font-size: 32px; }
.sidebar-subtitle { font-size: 14px; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #000; }
.secondary h1 { font-size: 1.5em; margin: 0 0 10px; }
.blog-post h1, .secondary h1 { text-transform: none; }
.secondary h1 a, .secondary h1 a:link { border: none; }
.post-continue a { padding: 3px 10px; background: #f2205d; color: #fff; border: none; float: right; font-family: calibri, helvetica, arial, sans-serif; }
.post-description { clear: both; margin: 0; }
#blog-about { margin-top: 25px; font-weight: normal; line-height: normal; }
	#blog-about p { margin-top: 15px; }
.b404 h1 { font-size: 48px; }
.b404 p { clear: left; }
#comment-submit { float: left; font-family: calibri, helvetica, arial, sans-serif; border-top: 1px dotted #ddd; padding-top: 25px; }
#comment { border: 1px solid #000; padding: 5px; }
.submit-comment { background: #f2205d; font-weight: bold; text-transform: uppercase; padding: 8px; font-size: 18px; color: #fff; border: none; }
#comment-submit #submit { margin-top: 10px; margin-left: 105px; }
#comment-submit h3 { text-transform: none; font-size: 22px; color: #777; }
#commentform textarea { width: 465px; border: 1px solid #000; height: 180px;}
#blog-portfolio-sidebar { margin-top: 25px; }
	#blog-portfolio-sidebar h1 { font-size: 24px; margin-bottom:10px; margin-top: 15px; text-transform: none; }
	#blog-portfolio-sidebar li { border: none; }
	#blog-portfolio-sidebar a { margin-left:0px; }
#blog-separator { background: #fff; padding-left: 20px; font-weight: bold; text-transform: uppercase; }
.categories { font-size: .75em; }
#blog-rss { margin-top: 25px; }
.wp-caption-text { font-size: .8em; font-style: italic; }
/* 404 */
#e404 { background: url(images/body-bg-bw.png) top left repeat; }
/* CONTACT FORM  */
div.wpcf7 { margin:0;padding:0 }
div.wpcf7-response-output { margin:2em 0.5em 1em;padding:0.2em 1em }
div.wpcf7-mail-sent-ok { background:#E7EE1F none repeat scroll 0 0; border:none; float:left; margin-top:15px }
div.wpcf7-mail-sent-ng { background:#E7EE1F none repeat scroll 0 0; border:none; float:left; margin-top:15px }
div.wpcf7-spam-blocked { background:#E7EE1F none repeat scroll 0 0; border:none; float:left; margin-top:15px }
div.wpcf7-validation-errors { background:#E7EE1F none repeat scroll 0 0; border:none; float:left; margin-top:15px }
span.wpcf7-form-control-wrap { position:relative }
span.wpcf7-not-valid-tip { position:absolute; top:20%; left:20%; z-index:100; background:#fff; border:1px solid #f00; font-size:10pt; width:280px; padding:2px }
span.wpcf7-not-valid-tip-no-ajax { color:#f00; font-size:10pt; display:block }
span.wpcf7-list-item { margin-left:0.5em }
span.wpcf7-quiz-label{ font-weight:bold;margin-top:15px;float: left;margin-right:5px;padding-top:7px;}
#quiz{border: none; width:188px; float: left;font-size:15px;padding:4px;margin-top:15px;}
/* Last Update 2.7.09 */