/* -------------------------------------------------------
Ryan Kohnen // www.ypsuccess.com
02.2010
------------------------------------------------------- */

/*
        Eric Meyer's CSS Reset
        http://meyerweb.com/eric/tools/css/reset/
        v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, 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;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ---------- Body ---------- */


	body { font: normal 12px/20px Arial, Verdana, sans-serif; background: url('../images/background.jpg') repeat-x #FEFEFD; color: #B7BBA8; margin: 21px 0 0 0; padding: 0; }


/* ---------- Layout ---------- */


	#layout { width: 992px; margin: 0 auto; padding: 0; position: relative; }	

        #layout .layout-top { width: 992px; height: 21px; margin: 0; padding: 0; background: url(../images/layout-top.png) no-repeat 0 0; display: block; }

	#layout .content { width: 992px; margin: 0; padding: 0; color: #C1C1C1; background: url(../images/layout-background.png) repeat-y; }
	#layout .content .main { width: 956px; height: 241px; margin: 0 auto; padding: 0; background: url(../images/header-main.jpg) #404041 no-repeat; position: relative; }
	#layout .content .main .left { width: 251px; height: 105px; margin: 0; padding: 70px 0 0 354px; float: left; }
	#layout .content .main .left h1 { text-indent: -9999px; width: 251px; height: 105px; display: block; margin: 0; padding: 0; background: url('../images/ryan-kohnen-logo.jpg') no-repeat; }
	#layout .content .main .left h1 a { width: 251px; height: 105px; display: block; text-indent: -99999px; }
	#layout .content .main .left .logo { width: 251px; height: 105px; margin: 0; padding: 0; float: left; position: relative; }
	#layout .content .main .right { width: 224px; height: 241px; margin: 0; padding: 0; float: left; position: relative; }

	ul#contact-header { width: 162px; height: 20px; list-style-type: none; margin: 0; padding: 54px 0 0 121px; }
	ul#contact-header li { float: left; margin: 0; padding: 0; }
	ul#contact-header li.phone { display: block; position: relative; width: 107px; height: 20px; background-image: url('../images/header-phone.jpg'); }
	ul#contact-header li.email a { display: block; position: relative; width: 55px; height: 20px; background-image: url('../images/header-email.jpg'); }
	ul#contact-header span { left: -10000px; position: absolute; }

	ul#social-networking { width: 147px; height: 46px; list-style-type: none; margin: 0; padding: 38px 0 0 128px; }
	ul#social-networking li { float: left; margin: 0; padding: 0; }
	ul#social-networking li.twitter a { display: block; position: relative; width: 47px; height: 46px; background-image: url('../images/header-twitter.jpg'); }
	ul#social-networking li.facebook a { display: block; position: relative; width: 49px; height: 46px; background-image: url('../images/header-facebook.jpg'); }
	ul#social-networking li.linkedin a { display: block; position: relative; width: 51px; height: 46px; background-image: url('../images/header-linkedin.jpg'); }
	ul#social-networking span { left: -10000px; position: absolute; }

	#layout .content .navigation { width: 956px; height: 37px; margin: 0 auto; padding: 0; background: url(../images/navigation-background.jpg) #404041 no-repeat; clear: both; }

	ul#main-options { width: 725px; height: 37px; margin: 0; padding: 0 0 0 117px; list-style-type: none; }
	ul#main-options li { margin: 0; padding: 0; float: left; }
	ul#main-options li#home a { display: block; position: relative; width: 97px; height: 37px; top: 0px; background-image: url('../images/menu-home.jpg'); }
	ul#main-options li#home a#there { background-position: 0px -74px; width: 97px; height: 37px; }
	ul#main-options li#speaking a { display: block; position: relative; width: 84px; height: 37px; top: 0px; background-image: url('../images/menu-speaking.jpg'); }
	ul#main-options li#speaking a#there { background-position: 0px -74px; width: 84px; height: 37px; }
	ul#main-options li#bio a { display: block; position: relative; width: 44px; height: 37px; top: 0px; background-image: url('../images/menu-bio.jpg'); }
	ul#main-options li#bio a#there { background-position: 0px -74px; width: 44px; height: 37px; }
	ul#main-options li#book a { display: block; position: relative; width: 112px; height: 37px; top: 0px; background-image: url('../images/menu-book.jpg'); }
	ul#main-options li#book a#there { background-position: 0px -74px; width: 112px; height: 37px; }
	ul#main-options li#ypo a { display: block; position: relative; width: 265px; height: 37px; top: 0px; background-image: url('../images/menu-ypo.jpg'); }
	ul#main-options li#ypo a#there { background-position: 0px -74px; width: 265px; height: 37px; }
	ul#main-options li#contact a { display: block; position: relative; width: 123px; height: 37px; top: 0px; background-image: url('../images/menu-contact.jpg'); }
	ul#main-options li#contact a#there { background-position: 0px -74px; width: 123px; height: 37px; }
	ul#main-options a:hover { background-position: 0px -37px; }
	ul#main-options span { left: -10000px; position: absolute; }

        #layout .content .content-curve { width: 956px; height: 33px; margin: 0 auto; padding: 0; background: url(../images/content-curve.jpg) #404041 repeat-y; clear: both; }
        #layout .content .content-main { width: 956px; margin: 0 auto; padding: 0; background: url(../images/content-background.jpg) #404041 repeat-y; clear: both; overflow: hidden; position: relative; }
        #layout .content .content-main .content-container { width: 906px; margin: 0 auto; padding: 0 0 15px 0;  background: #FFF; overflow: hidden; }
        #layout .content .content-main .content-container .content-home { width: 906px; margin: 0 auto; padding: 0;  background: url(../images/divider-main.jpg) repeat-y; overflow: hidden; }
        #layout .content .content-main .content-container .content-home .highlight { width: 806px; margin: 0 auto; padding: 0; overflow: hidden; }
	#layout .content .content-main .content-container .content-home .highlight a:active, #layout .content .content-main .content-container .content-home .highlight a:visited, #layout .content .content-main .content-container .content-home .highlight a:link { color: #9EAA3D; text-decoration: none; font-weight: bold; }
	#layout .content .content-main .content-container .content-home .highlight a:hover { color: #9EAA3D; text-decoration: underline; font-weight: bold; }
	#layout .content .content-main .content-container .content-home .highlight h2 { color: #9EAA3D; font-size: 21px; line-height: 22px; font-family: Georgia, Times, sans-serif; font-weight: normal; margin-top: 6px; margin-bottom: 7px; }
        #layout .content .content-main .content-container .content-home .highlight p { margin: 0; padding: 3px 0 0 0; font-size: 12px; border: none; color: #666; font-weight: normal; }
        #layout .content .content-main .content-container .content-home .highlight .left { width: 234px; margin: 0; padding: 0 0 7px 0; float: left; }
        #layout .content .content-main .content-container .content-home .highlight .middle { width: 254px; margin: 0; padding: 0 0 0 24px; float: left; }
        #layout .content .content-main .content-container .content-home .highlight .right { width: 250px; height: 150px; margin: 0 0 0 44px; padding: 0 0 0 0; float: left; }
		.options { display: block; width: 234px; margin: 0; padding: 3px 0 0 0; font-size: 12px; border: none; color: #666; font-weight: normal; }
		.options li { display: block; margin: 0; padding: 0 15px 4px 18px; background:url('../images/arrow-green.jpg') no-repeat 0 5px; }
        #layout .content .content-main .content-container-interior { width: 906px; margin: 0 auto; padding: 0 0 10px 0;  background: #FFF; overflow: hidden; }
		#layout .content .content-main .content-container-interior a:active, #layout .content .content-main .content-container-interior a:visited, #layout .content .content-main .content-container-interior a:link { color: #9EAA3D; text-decoration: none; font-weight: bold; }
        	#layout .content .content-main .content-container-interior a:hover { color: #9EAA3D; text-decoration: underline; font-weight: bold; }
        #layout .content .content-main .content-container-interior .content-home-interior { width: 906px; margin: 0 auto; padding: 0; background: url(../images/divider-interior.jpg) repeat-y; overflow: hidden; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior { width: 806px; margin: 0 auto; padding: 0; overflow: hidden; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior h2 { color: #9EAA3D; font-size: 21px; line-height: 23px; font-family: Georgia, Times, sans-serif; font-weight: normal; margin-top: 9px; margin-bottom: 7px; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior h3 { color: #9EAA3D; font-size: 13px; line-height: 17px; font-weight: bold; margin-bottom: 7px; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior p { color: #666; font-weight: normal; margin-bottom: 7px; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior { width: 239px; margin: 0 auto; padding: 0; float: left; }
	#layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu { display: block; width: 207px; margin: 0; padding: 4px 0 13px 2px; font-size: 12px; border: none; color: #617D6B; font-weight: bold; }
	#layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu li { display: block; margin: 0; padding: 7px 15px 7px 14px; background:url('../images/bullet.jpg') no-repeat 0 15px; border-bottom: 1px solid #D5D5D5; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu a:active, #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu a:visited, #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu a:link { color: #888; text-decoration: none; }
 	#layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu a:hover { color: #888; text-decoration: underline; }
	#layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu .there a:active, #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu .there a:visited, #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu .there a:link, #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .left-interior .sidemenu .there a:hover { color: #9EAA3D; text-decoration: none; }
        #layout .content .content-main .content-container-interior .content-home-interior .highlight-interior .right-interior { width: 537px; margin: 0 auto; padding: 0 0 0 30px; float: left; }
                .options-interior { display: block; width: 537px; margin: 0; padding: 4px 0 0 0; font-size: 12px; border: none; color: #666; font-weight: normal; }
                .options-interior li { display: block; margin: 0; padding: 0 15px 5px 18px; background:url('../images/arrow-green.jpg') no-repeat 0 5px; }
        #layout .content .content-main .content-container-interior-speaking { width: 906px; margin: 0 auto; padding: 0 0 10px 0;  background: #FFF; overflow: hidden; }
        #layout .content .content-main .content-container-interior-speaking .content-home-interior-speaking { width: 906px; margin: 0 auto; padding: 0; background: url(../images/divider-speaking.jpg) repeat-y; overflow: hidden; }
        #layout .content .content-main .content-container-interior-speaking .content-home-interior-speaking .highlight-interior-speaking { width: 806px; margin: 0 auto; padding: 0; overflow: hidden; }
        #layout .content .content-main .content-container-interior-speaking .content-home-interior-speaking .highlight-interior-speaking .left-interior-speaking { width: 337px; margin: 0 auto; padding: 0 0 0 15px; float: left; }
        #layout .content .content-main .content-container-interior-speaking .content-home-interior-speaking .highlight-interior-speaking .right-interior-speaking { width: 363px; margin: 0 auto; padding: 0 0 0 75px; float: left; }
        #layout .content .content-main .content-container-interior-speaking .content-home-interior-speaking .highlight-interior-speaking h3 { color: #666; font-size: 13px; line-height: 17px; font-weight: bold; margin-top: 11px; margin-bottom: 14px; text-align:center; }
        #layout .content .content-divider { width: 956px; height: 80px; margin: 0 auto; padding: 0; background: url(../images/content-divider.jpg) #404041 no-repeat; clear: both; }
        #layout .content .content-footer { width: 956px; height: 125px; margin: 0 auto; padding: 0; background: url(../images/content-footer-background-main.jpg) #404041 no-repeat; clear: both; }
        #layout .content .content-footer-interior { width: 956px; height: 72px; margin: 0 auto; padding: 0; background: url(../images/content-footer-background-interior.jpg) #404041 no-repeat; clear: both; }
        #layout .layout-footer { width: 992px; height: 32px; margin: 0; padding: 0; background: url(../images/layout-footer.png) no-repeat 0 0; }

        #layout .content .highlight-footer { width: 956px; margin: 0 auto; padding: 0; background: url(../images/content-background.jpg) #404041 repeat-y; clear: both; overflow: hidden; }
        #layout .content .highlight-footer .interior { width: 906px; margin: 0 auto; padding: 9px 0 2px 0;  background: #7E7F80; overflow: hidden; }
        #layout .content .highlight-footer .interior .content { width: 906px; margin: 0 auto; padding: 0; background: url(../images/divider-highlight.jpg) repeat-y; overflow: hidden; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior { width: 806px; margin: 0 auto; padding: 0; overflow: hidden; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior .highlight-left-interior { width: 215px; margin: 0 auto; padding: 0; float: left; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior p { color: #D5D5D5; font-size: 12px; line-height: 20px; font-weight: normal; margin-top: 11px; margin-bottom: 7px; text-align: left; font-family: Helvetica, Arial; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior p.alt { color: #DBDBDB; font-size: 13px; line-height: 20px; font-weight: normal; margin-top: 12px; margin-bottom: 7px; text-align: left; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior p.quote { color: #222; font-size: 12px; line-height: 20px; font-weight: normal; margin-top: 0px;margin-bottom: 13px; text-align: left; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior .highlight-middle-interior { width: 391px; margin: 0 auto; padding: 0 0 0 55px; float: left; position: relative; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior .highlight-middle-interior h3 { color: #CFDF58; font-size: 21px; line-height: 22px; font-family: Georgia, Times, sans-serif; font-weight: normal; margin-top: 9px; margin-bottom: 7px; }
        #layout .content .highlight-footer .interior .content .highlight-footer-interior .highlight-right-interior { width: 130px; margin: 0 auto; padding: 0 0 0 15px; float: left; }

        #footer { width: 992px; margin: 0 auto; padding: 0; font-size: 11px; line-height: 13px; color: #5B5B5B; clear: both; }
        #footer a:active, #footer a:visited, #footer a:link { color: #555; text-decoration: none; }
        #footer a:hover { color: #555; text-decoration: underline; }
        #footer .content { width: 906px; margin: 0 auto; padding: 0; font-size: 11px; line-height: 16px; }
        #footer .content h4 { padding: 0 0 5px 0; color: #444; font-size: 12px; line-height: 13px; font-weight: bold; }
        #footer .content h4.alt { padding: 7px 0 5px 0; color: #444; font-size: 12px; font-weight: bold; }
        #footer .content .main { width: 906px; margin: 0; padding: 0 0 30px 0; font-size: 11px; line-height: 16px; float: left; }
        #footer .content .main .links { width: 105px; margin: 0; padding: 1px 10px 0 0; font-size: 11px; line-height: 18px; color: #474747; float: left; }
        #footer .content .main .tweet { width: 340px; margin: 0 35px 0 0; padding: 0; font-size: 11px; line-height: 18px; float: left; }
        #footer .content .main .tweet a:active, #footer .content .main .tweet a:visited, #footer .content .main .tweet a:link { color: #222; text-decoration: none; }
        #footer .content .main .tweet a:hover { color: #222; text-decoration: underline; }
        #footer .content .main .tweet .content-tweet { width: 340px; margin: 0; padding: 1px 0 0 0; font-size: 11px; line-height: 18px; float:left; clear: both; }
        #footer .content .main .tweet .content-tweet-update { width: 340px; margin: 0; padding: 0; font-size: 11px; line-height: 18px; float:left; clear: both; }
        #footer .content .main .quote { width: 216px; margin: 0; padding: 1px 45px 0 0; font-size: 11px; line-height: 18px; float: left; }
        #footer .content .main .contact { width: 155px; margin: 0; padding: 1px 0 0 0; font-size: 11px; line-height: 18px; float: left; }

	div.divider-interior { width: 100%; height: 1px; margin: 11px 0 11px 0; padding: 0; border-top: 1px solid #D5D5D5; display: block; font-size: 1px; line-height: 1px }

	.twitted { width: 345px; margin-bottom: 0; border: 0px solid #888; font-size: 13px; }
		.twitted h2 { margin: 0; padding: 0.3em 0.8em; font-size: 12px; color: #FFF; background-color: #888; }
		.twitted p.preLoader-alt { margin: 0; padding: 0; background: transparent url("loader.gif") 1em center no-repeat; /* generate your own loader gif: http://www.ajaxload.info */ }
		.twitted ul#twitter_update_list { margin: 0; padding: 0; list-style-type: none; }
		.twitted ul#twitter_update_list li { margin: 0; padding: 0 0 2px 0; border-bottom: 0px solid #ccc; }
		.twitted ul#twitter_update_list li span { /* tweet content */ display: block; }
		.twitted ul#twitter_update_list li span a { /* links in tweet content */ color: #00f; }
		.twitted ul#twitter_update_list li a { /* timestamp link */ color: #000; }
		.twitted ul#twitter_update_list li.firstTweet { }
		.twitted ul#twitter_update_list li.lastTweet { border-bottom: none; }
		.twitted p.profileLink { display: block; margin: 0; padding: 0; background-color: #ddd; }

		.photo-front { float: right; padding: 0 0 8px 8px; }

                #video { padding: 6px 0 0 0; margin: 0; }