/* word whiz media, v2 stylesheet (screen) start: 1.17.2009 =========== TOC =GENERAL RESET & DEFAULTS =TYPOGRAPHY =HEADER =NAVIGATION =MAINCONTENT =INDIVIDUAL PAGE STYLES (HOME/SERVICES/PORTFOLIO) =BLOG PAGE STYLES =SIDEBAR =FOOTER =========== NOTES looking at the code? nice...you're my kinda person! got questions? got gripes? don't be a stranger - get [ at ] mariekyle.com =========== COLORS background:rgba(0, 0, 9, 0.8) ----------------------- */ /* ------------------------------------------------------------------------------ =GENERAL RESET & DEFAULTS ---------------------------------------------------------------------------------*/ 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,input,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:101%;vertical-align:baseline;background:transparent; } html, body { overflow-x: hidden!important; } body { background:#000; } ol,ul { list-style:none;} blockquote,q { quotes:none; font-style:oblique; margin-left:10px; padding:5px 0 0 30px; width:85%; background:url(../img/lquote.png) 0 0 no-repeat; } blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse;border-spacing:0; } img { border:none; } .clear { clear:both; } .floatleft { float:left; } .floatright { float:right; } .whiteout { white-space: nowrap } .small { font-size:80%; text-transform: none; } /* ------------------------------------------------------------------------------ =TYPOGRAPHY ---------------------------------------------------------------------------------*/ body { font-family:'LiberationSansRegular', Tahoma, sans-serif; font-weight:normal; color:#444; font-size:85%; } h3 { text-transform:uppercase; font-size:100%; color:#242424; color:#444;padding-bottom:5px; } h4 {} h5 {} h6 {} strong {} em {} a { color:#8a8989; } p { padding-bottom:10px; line-height:130% } ul#nav a { font-family:'LiberationSansBold'; } /* ------------------------------------------------------------------------------ =STRUCTURE ---------------------------------------------------------------------------------*/ #container { width:1010px; margin:0 0 0 30px; } #branding { display:block; float:left; width:360px; } #nav, #main { display:block; float:right; width:545px; } #footer { background:#000 none repeat scroll 0 0; clear:both; display:block; font-size:70%; height:100%; padding:1% 0 1% 47%; position:fixed; top:650px; width:100%; } #content, #blogcontent { display:block; margin-bottom:150px } #blogcontent { overflow:hidden; } /* ------------------------------------------------------------------------------ =HEADER ---------------------------------------------------------------------------------*/ div#bgimg { background: url(../img/bgrepeat.png) 0 0 repeat-x #000; position:fixed; width: 100%; height: 700px; z-index:-1; } div#bgimg span { display:block; background: url(../img/bg1.jpg) -95px 0px no-repeat transparent; width:inherit; height:inherit; } #branding a { display:block; width:235px; height:66px; margin:44px 0 0 120px; text-indent: -9999px; } /*search form*/ li#n_search_off { display:none; } li#n_search { overflow:hidden; padding:15px 0 0 0 !important; display:block; } form#searchform { background:#B1B1B1; float:right; } form#searchform input { color:#f3f3f3; padding:0 2px; font-size:75%; } input#s { width:100px; background:#B1B1B1; font-family:'LiberationSansItalic'; letter-spacing:0.09em; } input#searchsubmit { background:#535151; } /* ------------------------------------------------------------------------------ =NAVIGATION ---------------------------------------------------------------------------------*/ /*main navigation*/ ul#nav { background:transparent url(../img/bg1.jpg) no-repeat scroll -590px 0; margin-left:465px; padding:20px 0 0 10px; position:fixed; z-index:6000; } ul#nav li { display:block; float:left; padding-right:20px; } ul#nav li a { display:block; text-transform:uppercase; color:#989898; padding-top:20px; font-size:70%; letter-spacing:0.07em; text-decoration:none; } ul#nav li a:hover, .current_page_item, #currentpage a { color:#000!important; background:url(../img/navarrow.png) top center no-repeat; } /*sub navigation*/ ul#nav ul { margin-left:-181px; width:230px; height:57px; background:url(../img/contactbg.png) 0 0 no-repeat; visibility:hidden } ul#nav li:hover ul { visibility:visible; } #n_contact a:hover { background:none!important; } li#n_contact:hover { background:url(../img/navarrow.png) top center no-repeat; } li#n_contact:hover, li#n_contact:hover a { color:#000; } /* CONTROLING THE CHILD OF A PSEUDO ELEMENT*/ ul#nav ul li { padding:0; text-indent:-9999px; } ul#nav ul li a { width:36px; height:14px; margin:15px 5px 0 4px; } li#n_mail a:hover { background:url(../img/contactbg.png) -4px -72px no-repeat!important; } li#n_twit a:hover { background:url(../img/contactbg.png) -49px -72px no-repeat!important; } li#n_face a:hover { background:url(../img/contactbg.png) -94px -72px no-repeat!important; } li#n_link a:hover { background:url(../img/contactbg.png) -139px -72px no-repeat!important; } li#n_skype a:hover { background:url(../img/contactbg.png) -184px -72px no-repeat!important; } /* ------------------------------------------------------------------------------ =MAINCONTENT ---------------------------------------------------------------------------------*/ #main { margin-bottom:5px; margin-top:110px; }/*height:630px;*/ #main h2 { background:url(../img/hr_dotted.png) left bottom no-repeat; font-size:200%; color:#9a9a9a;margin-bottom:9px; padding-bottom:10px; font-weight:normal; } .post ol { list-style:decimal inside; padding:10px 0 10px 30px; color:#555; } .post ol li { padding-bottom: 10px; } .post ul { list-style:disc inside; padding:10px 0 10px 25px; color:#555; } .post ul li { padding-bottom: 10px; } .post img { border:2px solid #888; } .post a:hover { color:#494949; background:#fff; } .social_bookmark { margin:20px 0 0 0; } .social_bookmark a strong em { font-style:normal; font-size:10px; font-style:normal; font-weight:normal!important; padding:0; text-transform:uppercase; } .d { margin-top:-10px; } #prevnextnav { display:block; overflow: hidden; } #prevnextnav1 { display:block; float:left; } #prevnextnav2 { display:block; float:right; } /* ------------------------------------------------------------------------------ =INDIVIDUAL PAGE STYLES (HOME/SERVICES/PORTFOLIO) ---------------------------------------------------------------------------------*/ /*HOME PAGE*/ #mksignature { display:block; float:right; } /* PORTFOLIO PAGE */ .workdiv { background:url(../img/pen.png) 300px 12px no-repeat; } .workdiv ul { padding-bottom:15px; } .workdivp, .workdiv a { font-size:14px; } .workdiv p { padding:0; line-height:100%; } .workdiv li { padding-bottom:7px; display:block; } .workdiv li em { font-size:80%; display:block; } .workdiv li span { color:#8A8989; } .workdiv a:hover{color:#333; } /*SERVICES PAGE*/ ul#servicelist { list-style:disc outside; height:260px; margin-left:0px; padding:40px 0 0 290px; background:url(../img/suitcase.png) 0 20px no-repeat; } ul#servicelist li { text-transform:uppercase; font-family:'LiberationSansBold'; font-size:90%; padding: 0 0 4px 0} ul#servicelist li span { display:block; font-size:83%; text-transform:lowercase; font-family:'LiberationSansRegular' } #portprintarticles { width:295px; } #portwebarticles { display:block; overflow:hidden; } #portwebarticles li { display:block; width:250px; float:left; text-align:center; text-transform: uppercase; } #portwebarticles li a { text-decoration: none; color:#d8dde0; display:inherit; width:inherit; height:29px; margin-top:5px; padding:25px 0 0; background:url(../img/linkcloudbg.gif) 0 0 no-repeat transparent; } #portwebarticles li a:hover { background-position:0px -54px; } /* --------------------------------------------------------------------------- =BLOG PAGE STYLES ------------------------------------------------------------------------------*/ /*LIGHTBOX*/ /*ARCHIVE PAGE*/ #aheader span { color:#555; } /*BLOG HOME PAGE*/ /*col 1 - posts*/ #homepostwrap { float:left; margin-right:20px; width:321px; } #homeposts h3 { padding:0 0 3px 0; } #homeposts h3 a { text-decoration:none; color:#333; text-transform:none; font-size:119%; } #homeposts h3 a:hover { color:#000; } #homeposts span p, #homeposts span p a { display:inline; } #homeposts span p a { text-transform:uppercase; } .homepostdate { background:transparent url(../img/dot.png) no-repeat scroll 1px 3px; color:#8B8A8A; font-size:65%; padding:0 0 1px 10px !important; text-transform:uppercase; } div.postlisting { background:url(../img/hr_dotted_lite.png) bottom left repeat-x; padding:0 0 20px 13px; margin:0 0 10px 0; } .firstpost { background:#fff!important; border:1px solid #e3e3e3; padding:10px 13px 13px 13px!important; } .firstpost h3 { font-family:'LiberationSansBold'; font-size:145%; font-weight:normal; } /*SIDEBAR - category*/ #text-5 { margin-bottom:20px!important; } #text-5 div a { font-size: 15px !important; height: 30px; padding: 15px 0 0 38px; background:url(../img/feedicon.png) left center no-repeat; } #sb1 > li { display:block; margin-bottom: 45px; } #sb1 li a { display:inline-block; font-size:80%; text-decoration:none; line-height: 17px; } #sb1 a:hover { text-decoration:underline; color:#494949; } #sb1 li div { line-height:103%; color: #7f7e7e; font-size: 80%;} #sb1 li cite, #rss-3 li a { font-size: 90%; color:#494949; } #rss-3 li { margin-bottom: 10px!important; } #sb1 li ul li { margin-bottom: 3px; display:block; } #sb1 { float:left; width:200px; } #sb1 h2 { background:none; border-bottom: 1px solid #B1B1B1; color:#494949; text-transform:uppercase; font-size:91%; margin-top:10px; padding-bottom:3px; } #sb1 li h2 > a {background:none; color:#494949; text-transform:uppercase; font-size:91%; margin-top:10px; padding-bottom:3px; } .textwidget iframe {height:730px!important;} /*SINGLE POST*/ #single { margin-bottom:150px; } #single h2 { background:transparent url(../img/hr_dotted.png) no-repeat scroll left top; padding:10px 0 0 0; margin-bottom: 0; color:#444;} #single hr { color:#fff; border-top:1px solid #afafaf; margin: 30px 0 40px } #singleback { display:block; font-size:10px; margin:-106px 0 0 365px; padding:0; position:fixed; text-align:right; text-decoration:none; z-index:7000; } #singleback:hover { text-decoration:underline; } #singledatecat { color: #8b8a8a; font-size:11px; padding:5px 0 30px; } #singledatecat span { text-transform:uppercase; font-size:90%; } #singledatecat a { color:#413f3f; text-decoration:none; font-style:italic; } #singledatecat a:hover { text-decoration:underline; } h3#respond, h3#comments { font-size:120%; color:#aaa; padding-bottom:10px; font-weight:normal; text-transform: capitalize; margin-top:15px; } form#commentform { overflow:hidden; } form#commentform label { color:#3F3E3E; display:block; font-size:80%; font-family:'LiberationSansBold'; padding:0 0 3px 2px; text-transform:uppercase; } form#commentform input, form#commentform textarea { display:block; background:#555; border:none; width:100%; margin-bottom:10px; padding:2px; color:#fff; font-size:80%; font-style: italic; } form#commentform input#submit { display:block; width:100px; float:right; font-style: normal; margin-right:0px; } #commentpages { float:right; margin-top:24px; } h4#subcomments { color:#8B8A8A; display:block; font-size:10px; font-weight:normal; margin:0px 0 15px; text-transform:uppercase; } .avatar { display:none; } #commenters li { background:#fff; border:1px #e2e2e2 solid; display:block; padding:15px; margin-bottom: 10px; } #commenters li cite a { font-style:normal; text-decoration:none; color:#6e6c6c; text-transform:uppercase; font-size:12px; } p.commenterdate, p.commenterdate a { color:#a19f9f; font-style:italic; font-size:11px; padding:3px 0; } .commentertext { color:#6e6c6c; padding-top:8px; display:block; } .commentertext p { line-height:17px; font-size:13px; } /*SEARCH PAGE*/ .postlisting-search { background:url(../img/hr_dotted_lite.png) bottom left repeat-x; padding:0 0 20px 13px; margin-bottom:10px; } /* ------------------------------------------------------------------------------ =FOOTER ---------------------------------------------------------------------------------*/ #footer li { display:block; float:left; color:#b0afaf; margin-right:5px; } #footer li a { color:#f6f6f6; text-decoration:none; } #footer li a:hover { text-decoration:underline; } #alogin a { color:#555!important; } #iemsg { display:none; }