body { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:62.5%; color:#fff; background:#111 url(../img/bak_page.png) repeat-x 0 0 } body,h1,h2,h3,h4,h5,h6,p,table,ul,ol,li,form,fieldset,blockquote,input,pre { margin:0; padding:0 } h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1 } ul,ol,li { list-style:none } table { border-collapse:collapse } td { padding:0 } img,table,fieldset{ border:none } h1,h2,legend { display:none } input,textarea,select,button { font-family:Arial,Helvetica,sans-serif } acronym { border:none } hr { display:none } code { display:block; font-family:Monaco,Courier New, sans-serif } .fl { float:left } .fr { float:right } .h, .accessibility { display:none } .clr { clear:both; height:0; overflow:hidden } .clear:after { display:block; clear:both; content:'.'; height:0; overflow:hidden; visibility:hidden } .clr_left { clear:left } body a { color:#666666; text-decoration:none } body a:hover { text-decoration:underline } #sidebar a { text-decoration:underline } #sidebar a:hover { text-decoration:none } /* STRUCTURE */ #content { width:996px; margin:0 auto } #header { height:40px; margin:0 -4px; background:transparent url(../img/bak_header.png) no-repeat 0 0 /* background:transparent url(../img/img_header.png) no-repeat; height:205px; position:relative */ } #header .image { display:block; width:96px; height:34px; background:transparent url(../img/logo_header.png) no-repeat 0 0 /* position:absolute; bottom:-85px; right:0; width:177px; height:155px; background:transparent url(../img/img_flower.png) 0 0 */ } #header #navigation_info { position:absolute; top:50%; left:30px; margin-top:-20px; width:263px; min-height:102px; padding:15px } #header #navigation { margin:0 10px 0 49px } #body { margin:40px 0 0 } #body #sidebar { float:right; width:220px; margin:0 0 0 20px; padding:0 15px; /* border:1px solid #222; */ /* background-color:#111 */ /*background:#444 url(../img/bak_sidebar.png) no-repeat*/ } #body #page, #body #comments_container { margin:0 270px 15px 0; padding:30px; background-color:#fff; color:#333 } #body #page.full_page { margin-right:0 } #body #page { background:#fff url(../img/bak_article.gif) no-repeat top right } #archive, #projects { float:left; min-height:800px } #login_page { min-height:800px } #body #comments_container { padding:0 } #comments_container #comments { padding:30px } #comments_container #comment_form { padding:20px 30px 20px; background-color:#efefef } #body #page { } #body #comments { } #body #footer { } /* MODULE */ /*infobubble*/ #navigation_info { } #navigation_info img { margin-bottom:10px } #navigation_info h6 { font-size:4em; font-weight:normal margin-bottom:5px; text-transform:capitalize } #navigation_info p { font-size:1.1em } /*empty header image*/ #no_navigation_info { position:absolute; top:5px; right:5px; width:999px; height:200px; /*background:transparent url(../img/img_bubbles.png) no-repeat 100% 0*/ } /*navigation*/ #navigation { } #navigation .navigationContent { } #navigation ul { } #navigation ul li { float:left; height:35px; font-family:"Lucida Grande", Lucida, Arial, sans; font-size:1.4em; font-weight:bold } /* #navigation ul li:last-child { float:right } */ #navigation ul li:hover { background:transparent url(../img/bak_navigation_overlays.png) no-repeat 0 0 } #navigation ul li a { display:block; padding:10px 15px; color:#fff; text-shadow:#000 0 0 3px } #navigation ul li a:hover { text-decoration:none } #navigation ul li:hover a, #navigation ul li a:active, #navigation ul li.active a { background:transparent url(../img/bak_navigation_overlays.png) no-repeat 100% -27px } #navigation ul li a:active, #navigation ul li a:visited { outline:none } /*pages*/ #page { position:relative } #page h3 { margin-bottom:20px; font-family:"Lucida Grande", Lucida, Arial, sans; font-size:3.6em; color:#666666; letter-spacing:-2px } #page .article { min-height:500px; font-family:Verdana,Helvetica,sans-serif; color:#666666; line-height:2 } #page .article h4, #page .article p, #page .article code, #page .article blockquote, #page .article div { font-size:1.2em; } #page .article h4 { padding-bottom:0.5em; font-weight:bold } #page .article * + p, #page .article * + h4 { padding-top:3em } #page .article h4 + p { padding-top:1.5em } #page .article img.fr { margin:30px 0 10px 10px } #page .article code, #page .article pre { overflow:hidden; margin-top:10px; padding:0.5em 1em; font-size:11px; color:#fff; background-color:#666666 } #page .article blockquote { padding:1.5em 4em; font-style:italic } #page .article abbr, #page .article acronym { border-bottom:1px dotted #333 } #page .article ol { list-style:decimal outside none; margin:10px 0 0 20px } #page .article ol li { list-style:decimal outside none; padding-top:10px; font-size:1.2em } #page .article a { color:#ff5a00; text-decoration:underline; font-weight:bold } #page .article a:hover { text-decoration:none } #page .article_info { margin-bottom:30px; /* border:1px solid #ddd; border-left:none; border-right:none; background-color:#efefef; */ /* padding:0 5px 5px; */color:#999; font-size:1.1em; line-height:1 } #page .article_info p { padding-top:5px; text-transform:uppercase } #page .article_info strong { color:#666666; font-weight:normal } #page .article_info a { color:#ff5a00; text-decoration:underline; font-weight:bold } /*page zoom controller*/ #page .page_properties { position:absolute; top:15px; right:30px; font-size:1.1em; color:#999 } #page .page_properties strong { color:#666666 } #page .page_properties a:hover { color:#ff5a00 } /* single pages */ #SinglePage { } /*footer*/ #footer { background:#111 url(/img/bak_footer.png) repeat-x; margin-right:270px } #footer_about { float:left; width:200px; padding:20px 15px 15px 15px; background:#0b0b0b url(/img/bak_footer_about.png) repeat-x } #footer_about h5 { font-family:"Lucida Grande", Lucida, Arial, sans; font-size:2.8em; letter-spacing:-1px } #footer_about p { color:#666666 } #footer_about p.first { color:#999 } #footer_about p:last-child { color:#444 } #footer_main { margin-left:230px; padding:25px 0 20px 15px } .footer_module { float:left; width:215px; margin:0 25px 15px 0; color:#555 } .footer_module h5 { font-family:"Lucida Grande", Lucida, Arial, sans; font-size:2.0em; letter-spacing:-1px; color:#999 } .footer_module.first p { color:#999 } #footer h5 { color:#ccc } #footer p { padding:5px 0; font-size:1.1em; line-height:1.2 } /*sidebar modules*/ .module { margin-bottom:35px } .module h5 { font-family:"Lucida Grande", Lucida, Arial, sans; font-size:2.0em; letter-spacing:-1px } .module ul, .module ol { margin-top:10px } /*special sidebar module*/ .special_module { } .special_module .top { height:6px; background:transparent url(../img/brd_special_t.gif) no-repeat } .special_module .body { padding:6px 10px; border-left:2px solid #fff; border-right:2px solid #fff; background:#ff7600 url(../img/bak_special.gif) repeat-x bottom left } .special_module p { font-size:1.1em; padding-top:5px } .special_module p a { color:#fff } .special_module .bottom { height:6px; background:transparent url(../img/brd_special_b.gif) no-repeat } /*portfolio container*/ .portfolio_item_container { border:1px solid #222; background-color:#181818; padding:10px; margin-top:10px; color:#ccc } .portfolio_item_container a.image { float:right; margin-left:10px } .portfolio_item_container h6 { font-size:1.1em; color:#999; font-weight:bold } .portfolio_item_container p { padding-top:0.5em; font-size:1.1em } .portfolio_item_container a { display:block; padding-top:0.5em; color:#999 } /*entry list*/ ol.entry_list { } ol.entry_list li { background:transparent url(../img/ico_bullet1.gif) no-repeat 10px 9px } ol.entry_list li.alt { /*background-color:#494949;*/ background-color:#191919; border-top:1px solid /*#4f4f4f*/ #282828; border-bottom:1px solid /*#4f4f4f*/ #222222 } #sidebar ol.entry_list li a { display:block; padding:7px 20px; color:#ccc; text-decoration:none } #sidebar ol.entry_list li:hover { /*background-color:#666666*/ background-color:#333333 } /*flickr list*/ ul.flickr_list { } ul.flickr_list li { float:left; width:36px; height:36px; border:1px solid #fff; padding:1px; margin:0 10px 10px 0 } ul.flickr_list li:hover { overflow:visible; border-color:#666666 } ul.flickr_list li a { display:block; width:36px; height:36px; overflow:hidden } ul.flickr_list li:hover a { position:relative; width:75px; height:75px; margin:-22px 0 0 -22px; padding:1px; border:1px solid #fff; background-color:#333 } ul.flickr_list li a img { margin:-20px 0 0 -20px } ul.flickr_list li:hover a img { margin:0 } /*delicious list*/ ol.delicious_list { } ol.delicious_list li { background:transparent url(/img/ico_delicious.png) no-repeat 7px 8px } ol.delicious_list li.alt { background-color:#191919; border-top:1px solid #222222; border-bottom:1px solid #282828 } #sidebar ol.delicious_list li a { display:block; padding:7px 24px; color:#ccc; text-decoration:none } #sidebar ol.delicious_list li:hover { background-color:#333333 } /*tag list*/ ul.tag_list { } ul.tag_list li { display:inline; padding-right:0.1em } #sidebar ul.tag_list li a { color:#999; text-decoration:none; line-height:0.8 } #sidebar ul.tag_list li a:hover { color:#eee } ul.tag_list li .tl_i1 { font-size:1.2em } ul.tag_list li .tl_i2 { font-size:1.4em } ul.tag_list li .tl_i3 { font-size:1.8em } ul.tag_list li .tl_i4 { font-size:2.0em } ul.tag_list li .tl_i5 { font-size:2.4em } ul.tag_list li .tl_i6 { font-size:3.0em } /*archive expanded list*/ ul.archive_expanded { margin:0 -30px 0 } ul.archive_expanded li { float:left; width:200px; margin:0 0 30px 30px; font-size:1.2em } ul.archive_expanded li h4 { margin-bottom:5px; font-family:"Lucida Grande", Lucida, Arial, sans; font-size:1.167em; font-weight:bold; color:red } ul.archive_expanded li p { color:#999 } /*archive collapsed list*/ ul.archive_collapsed { margin:0 -30px } ul.archive_collapsed li { float:left; width:210px; margin:0 0 15px 30px; font-size:1.2em } ul.archive_collapsed li a { font-family:"Lucida Grande", Lucida, Arial, sans; font-size:1.167em; font-weight:bold; color:#666666 } /*project list*/ ul.project_list { margin:0 } ul.project_list li { margin-bottom:30px } ul.project_list li img { float:left; margin-right:30px } ul.project_list li .rhs { margin-left:158px } ul.project_list li .rhs h4 { margin-bottom:10px; font-family:"Lucida Grande", Lucida, Arial, sans; font-size:2.4em; color:#666666 } ul.project_list li .rhs p { font-size:1.4em; color:#999; padding-bottom:5px } ul.project_list li .rhs .link { margin-top:5px } ul.project_list li .rhs .link a { font-size:0.786em; font-weight:bold; color:#ff6000; text-transform:uppercase } ul.project_list li .rhs a:hover { text-decoration:underline } /*comment*/ #comments h4 { font-family:"Lucida Grande", Lucida, Arial, sans; font-size:3.6em; color:#666666; letter-spacing:-2px } .comment { margin-top:30px; overflow:hidden } .comment .comment_info { float:left; width:40px; height:111px; margin-right:30px; padding:5px; color:#fff; background:#999 url(../img/ico_comment1.gif) no-repeat; text-align:center } .comment .comment_info .number { font-size:3.6em; font-weight:bold } .comment .comment_info .date { } .comment .comment_info.reply { background-image:url(../img/ico_comment2.gif) } .comment .from { margin-bottom:5px; font-size:1.4em; color:#666666 } .comment .comment_body { margin-left:80px } .comment .comment_body p { font-size:1.1em; font-family:Verdana,Helvetica,sans-serif; color:#666666; line-height:2 } .comment .comment_body a { color:#0099ff; text-decoration:underline } p.empty { margin-top:10px; font-size:1.1em; font-family:Verdana,Helvetic,sans-serif; color:#999 } /*comment form*/ #comment_form { } #comment_form h4 { font-family:"Lucida Grande", Lucida, Arial, sans; margin-bottom:5px; font-size:2.4em; color:#666666; letter-spacing:-2px } #comment_form div.error { padding-bottom:5px; font-size:1.1em; font-weight:bold; color:#333 } #comment_form input.error { border:1px solid #dd7878; background-color:#ffdada; color:#dd7878 } #comment_form .form_line { margin-bottom:5px } #comment_form .fl1 { padding:5px 0 } #comment_form .lhs { float:left; margin-right:10px } #comment_form label { display:none } #comment_form .fl1 label { display:inline; font-size:1.1em; color:#666666 } #comment_form input { font-size:1.1em } #comment_form img { border:1px solid #e8e8e8 } #comment_form textarea { width:595px; font-size:1.1em } #comment_form button { font-size:1.2em; font-weight:bold } #comment_form a.button { font-size:1.1em } #comment_form #i_spam { display:none } #comment_form #f_spam { display:none } /*page form*/ .page_form { margin:10px -30px; padding:20px 30px 20px; background-color:#efefef } /*popup layer*/ #spam_popup { display:none; position:absolute; top:0; left:0; width:240px; background-color:#fff; padding:20px; color:#666666; z-index:10000 } #spam_popup h5 { margin-bottom:5px; font-size:1.6em; font-weight:bold; text-transform:capitalize } #spam_popup p { margin-bottom:5px; font-size:1.2em } #spam_popup a { cursor:pointer } #spam_popup label { display:none } #spam_popup #i_spam { margin-bottom:5px; display:block } #spam_popup .form_line { margin-bottom:15px } /* Love Food */ #SinglePage.lovefood { margin-top:60px; padding-bottom:30px; border-bottom:1px solid #303030 } #SinglePage.lovefood .heroImage { float:left; margin-right:40px } #SinglePage.lovefood .content { margin-left:335px } #SinglePage.lovefood .content .heading { position:relative; padding-bottom:15px; border-bottom:1px solid #303030 } #SinglePage.lovefood .content .leader { margin-bottom:10px; font-family:"Lucida Grande", Lucida, Arial, sans-serif; font-size:3.6em; color:#fff; text-transform:uppercase } #SinglePage.lovefood .content h3 { margin-bottom:20px } #SinglePage.lovefood .content .heading p { margin-bottom:15px; font-family:"Lucida Grande", Lucida, Arial, sans-serif; font-size:1.8em; color:#fff; text-transform:uppercase } #SinglePage.lovefood .content .heading p span { text-transform:lowercase } #SinglePage.lovefood .content .heading .badge { position:absolute; bottom:30px; right:0 } #SinglePage.lovefood .content .body { padding:30px 0; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:100 } #SinglePage.lovefood .content .body p { margin-bottom:15px; line-height:1.4 } #SinglePage.lovefood .content .infobox { padding:15px; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:100; background:#0b0b0b url(/img/bak_footer_about.png) repeat-x } #SinglePage.lovefood .content .infobox .text { float:left; width:210px } #SinglePage.lovefood .content .infobox .text h4 { margin-bottom:10px; font-family:"Lucida Grande", Lucida, Arial, sans-serif; font-size:3.0em; color:#fff; } #SinglePage.lovefood .content .infobox .text p { margin-top:10px; font-size:1.6em } #SinglePage.lovefood .content .infobox .images { margin-left:230px } #SinglePageFooter.lovefood { padding:10px 0; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:200; color:#666666 } /* Slideways */ body.bodySlideways { background:#c5c5c5 url(../img/bak_slideways.png) repeat-x 0 0 fixed } #SinglePage.slideways { padding-bottom:80px; border-bottom:1px solid #999 } #SinglePage.slideways .hero { margin-bottom:80px } #SinglePage.slideways .hero .heroContent { float:left; width:420px; padding-top:10px } #SinglePage.slideways .hero .heroContent h2 { display:block; margin-bottom:10px } #SinglePage.slideways .hero .heroContent h3 { margin-bottom:20px; font-family:"Lucida Grande", Lucida, Arial, sans-serif; font-size:1.4em; font-weight:800; color:#888; text-transform:uppercase } #SinglePage.slideways .hero .heroContent p { margin-bottom:30px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:200; color:#444; text-shadow:0 1px 1px #fff } #SinglePage.slideways .hero .heroContent a { display:block; margin-top:122px } #SinglePage.slideways .hero #SlidewaysHeroDemo { float:right; width:361px; height:241px; padding:25px 90px 29px 93px; background:#484b50 url(../img/Slideways-Hero.png) no-repeat 0 0 } #SinglePage.slideways .contentSection { color:#000 } #SinglePage.slideways .contentSection + .contentSection { margin-top:80px } #SinglePage.slideways .contentSection-imageLeft .contentSectionImage { float:left; margin-right:40px } #SinglePage.slideways .contentSection-imageRight .contentSectionImage { float:right; margin-left:40px } #SinglePage.slideways .contentSection h4 { margin-bottom:15px; font-family:"Lucida Grande", Lucida, Arial, sans-serif; font-size:1.4em; font-weight:800; color:#444; text-transform:uppercase; text-shadow:0 1px 1px #fff } #SinglePage.slideways .contentSection p { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.6em; font-weight:200; color:#444; line-height:1.2; text-shadow:0 1px 1px #fff } #SinglePage.slideways .contentSection p + p { margin-top:15px } #SinglePage.slideways .contentSection a { text-decoration:underline } /* Slideways Demo */ #SlidewaysHeroDemo { } #SlidewaysHeroDemo-Contents { position:relative; width:361px; height:241px; background:transparent url(../img/Slideways-Loader.gif) no-repeat 50% 50% } #SlidewaysHeroDemo-Content { } #SlidewaysHeroDemo-Caption { position:absolute; left:0; bottom:0; width:355px; height:11px; overflow:hidden; padding:2px 3px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-overflow:ellipsis; background:transparent url(../img/Slideways-Hero-Overlay.png) repeat 0 0 } #SlidewaysHeroDemo-Caption strong { padding-left:20px; background:transparent url(../img/Slideways-Caption-Icon.png) no-repeat 0 2px } /*forms*/ input, textarea, iframe { font-family:Verdana,Helvetica,sans-serif; padding:5px; color:#999; border:1px solid #e8e8e8 } input[type=image] { border:none } input:focus, textarea:focus { color:#666666; border:1px solid #ccc } button, .button { padding:5px 10px; border:1px solid #1e8de4; background:#25b2ff url(../img/bak_button1.gif) repeat-x bottom left; color:#fff; text-transform:uppercase; cursor:pointer } a.button { padding:7px 10px 6px } button:active, .button:active { background:#21a1e6 url(../img/bak_button1_f.gif) repeat-x bottom left } .button:hover { text-decoration:none } .button:focus { color:#fff; border:1px solid #1e8de4 } /*text*/ .lowercase { text-transform:lowercase } /* SIFR */ .sIFR-alternate { display:none } /* GENERIC STYLES */ .mb00 { margin-bottom:0 } #js_dim_background { position:absolute; top:0; left:0; background-image:url(/img/trn_50_b.png); z-index:1 }