/* Theme Name: Fullscreen Theme URI: Version: 1.1 Author: kaic Author URI: http://kaicblog.com */ /* Blueprint CSS Styles */ @import url( 'css/screen.css' ); /* jQuery UI CSS */ @import url( 'css/jquery-ui-1.7.1.custom.css' ); /* Override */ body {color:#6d6d6d; background:#ffffff none repeat scroll 0 0; } .container { margin-top:0px;} h1,h2,h3,h4,h5,h6 { color: #999 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#0f0f0f;} a { color:#428ce7; text-decoration:underline } a:hover { color:#0f0f0fx } #bottom-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-decoration: none; position: absolute; top: 450px; left:0px; padding-left: 40px; padding-bottom: 10px; width: 580px; text-align: left; } #bottom-text p a {text-decoration:none; color:#9592FC; font-weight:bold;} #listad { position:absolute; top:450px; left:0px; padding: 0px; margin:0px;} #list {border:1px solid #EB76B2; color:#330000; font-family:Arial,sans-serif; font-size:10px; left:700px; top: 10px; height:175px; width:280px; padding:5px; position:absolute;} .inputbox{ color:#999999;float:left;width:165px;} .joinbutton{ position: relative; float: left; display: inline; padding-left: 3px;} #social{ border-top: 1px solid #EB76B2; margin-top:4px;} #social2{ margin-top:4px; padding-top:20px;} #fb{ background-image:url(images/fb.gif); background-repeat:no-repeat; border-right:1px solid #EB76B2; float:left; height:20px; margin-top:3px; width:126px;} #fb-p {display:block; line-height:1.0; margin:3px 0 0 23px; padding:0;width:100px; height:19px;} #fb-p a{text-decoration: none;} #twit{ background-image:url(images/twit.gif); background-repeat:no-repeat; float:left; height:20px; margin-left:5px; margin-top:3px; width:126px;} #twit-p {display:block; line-height:1.0; margin:3px 0 0 23px; padding:0; width: 100px; height:19px;} #twit-p a {text-decoration: none;} #mktbox { padding-left:400px; padding-top:10px;} #fblike { width: 456px; height:178px; overflow:hidden; border:hidden;} form { display:inline; page-break-after:always;} /* Masthead */ #masthead { height: 119px; position: relative; display:block; clear:both; background-image: url(images/frame-t.gif); background-repeat:no-repeat;} #masthead-short { height: 119px; position: relative; display:block; clear:both; background-image: url(images/frame-t.short.gif); background-repeat:no-repeat;} #masthead #nav { top:80px; padding:10px 10px 6px 0px; z-index:999; width:450px;} /** #masthead h2, #branding h2 { float:left; text-transform:uppercase; margin:0; padding:0 } **/ #masthead h2 a, #branding h2 a { color:#0f0f0f; } #masthead .description, #branding .description { float:left; color:#999; margin: 10px 12px; padding-left:12px; border-left: 1px solid #999; font-size:11px } #frame-left-about { background-image:url(images/frame-side.gif); width:10px; height:550px; z-index:-1;} #frame-right-about { background-image:url(images/frame-side.gif); width:10px; height:550px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-cakes { background-image:url(images/frame-side.gif); width:10px; height:1420px; z-index:-1;} #frame-right-cakes { background-image:url(images/frame-side.gif); width:10px; height:1420px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-catering { background-image:url(images/frame-side.gif); width:10px; height:1000px; z-index:-1;} #frame-right-catering { background-image:url(images/frame-side.gif); width:10px; height:1000px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-contact { background-image:url(images/frame-side.gif); width:10px; height:1000px; top:119px; z-index:-1;} #frame-right-contact { background-image:url(images/frame-side.gif); width:10px; height:1000px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-cupcakes {background-image:url(images/frame-side.gif); width:10px; height:1600px; z-index:-1;} #frame-right-cupcakes {background-image:url(images/frame-side.gif); width:10px; height:1600px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-events { background-image:url(images/frame-side.gif); width:10px; height:1100px; z-index:-1;} #frame-right-events { background-image:url(images/frame-side.gif); width:10px; height:1100px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-faq { background-image:url(images/frame-side.gif); width:10px; height:1200px; z-index:-1;} #frame-right-faq { background-image:url(images/frame-side.gif); width:10px; height:1200px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-others { background-image:url(images/frame-side.gif); width:10px; height:700px; z-index:-1;} #frame-right-others { background-image:url(images/frame-side.gif); width:10px; height:700px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-wedding { background-image:url(images/frame-side.gif); width:10px; height:1500px; z-index:-1;} #frame-right-wedding { background-image:url(images/frame-side.gif); width:10px; height:1500px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left-workshops { background-image:url(images/frame-side.gif); width:10px; height:1830px; z-index:-1;} #frame-right-workshops { background-image:url(images/frame-side.gif); width:10px; height:1830px; top:119px; margin-left:940px; position:absolute; z-index:-1;} #frame-left { background-image:url(images/frame-side.gif); width:10px; height:800px; z-index:-1;} #frame-right { background-image:url(images/frame-side.gif); width:10px; height:800px; top:119px; margin-left:940px; position:absolute; z-index:-1;} /* Popup Thumbs */ .thumbnail{position: relative; z-index: 0;} .thumbnail a{text-decoration:none;} .thumbnail:hover{ background-color: transparent; z-index: 3;} .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color:#eaeaea; padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none;} .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0;padding: 2px; z-index:4;} .thumbnail:hover span{ /*CSS for enlarged image on hover*/ /* visibility: visible; top:0; left: 100px; /*position where enlarged image should offset horizontally */ position:fixed; visibility:visible; top: 50%; left: 50%; margin-top: -200px; margin-left: -150px;} .thumbnail2{ padding: 3px 3px 8px 3px; background-color: #eee; border: 1px solid #eaeaea; float: left; margin-right: 10px; margin-bottom: 10px;} /* Home Thumbs & Nav*/ .home-thumbs { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; } .bottom-thumbs {position: absolute; top: 440px; left:0;} .thumbs { display:hidden; } ul.thumbs { width: 1920px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right: 1920px } ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; } ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; } ul.thumbs li img.attachment-thumbnail { margin:0 } ul.thumbs li.thumb-end {margin-top:144px} .logo { position:absolute; display: block; visibility: visible; border: 0 none; top: 5px; left:0px; padding-left:40px; width:300px; height: 119px;} .go-left { position:absolute; top:5px; right: 90px; display: none; border: 0 none;} .go-right { position:absolute; top:5px; right: 60px; border: 0 none; } .click-to-scroll { position:absolute; top:30px; right: 50px; border: 0 none; } #branding { background:#ffffff none repeat scroll 0 0; lear:both; color:#0f0f0f; display:block; height:50px; left:0; margin:auto; padding:40px; position:absolute; top:320px; width:100%; z-index:3;} #branding a, #masthead a { color:#474747; text-decoration:none;} #branding h1 a, #masthead h1 a { color:#fff; } #branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;} #branding a:hover { color:#000000} #branding .description { text-align:left;} #catering { display:block; background-image:url(./images/catering-bg.jpg); background-repeat:no-repeat; width:910px; height:980px; padding:"0 0 0 0";} #catering h2 {text-transform:uppercase; font-size:14px; text-decoration:none; color:#C6F; margin-left:240px; margin-right:200px;} #catering p { padding:10px 140px 0 250px; font-size:14px; } #catering ul li { padding:10px 100px 0 250px; font-size:12px; } #catering-sub { text-decoration:none; top:100px; right;10px; left:450px; font-size:10px; } /* IE 6 hacks for position fixed */ * html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;} * html .logo { top:20px; left: 0px; display: none} * html .go-left { top:5px; right: 280px; display: none} * html .go-right { top:5px; right: 240px; } /* Footer */ #footer-wrap { background-image: url(images/frame-b.gif); background-repeat: no-repeat; position: absolute; display: block; height: 240px; z-index:-2;} #footer { width: 950px; margin:0 auto;color:#333; text-align: left } #footer a { color:#333 } #footer a:hover { color:#ccc } #footer ul { list-style:none; margin:0; padding:0; border-top:1px solid #111 } #footer ul li { border-bottom:1px solid #111 } #footer ul li a { text-decoration:none; padding: 4px } .post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; padding: .4em 1em .4em 20px; text-decoration: none; position: relative; color:#999 } .icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px } .post-nav-next span.ui-icon { margin: 0 5px 0 0; position: absolute; left: 42px; top: 50%; margin-top: -8px } ul#icons { margin: 0; padding: 0 } ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none } ul#icons span.ui-icon { float: left; margin: 0 4px } #post-nav { float:right } /* Posts */ #content { display:block; clear:both; position: absolute; top: 118px; width: 900px; margin: 10px 20px 20px 20px; height: 560px; z-index:0;} #content-menu { display:block; position: absolute; top: 118px; width: 550px; margin: 10px 20px 20px 20px;} #content-menu h2 { text-align:left; font-size:16px; text-transform:uppercase; border-bottom:1px solid #EEEEEE; border-top:1px solid #EEEEEE;; padding:6px 0 0 0; background: url(images/stripe.png) repeat } .post { display:block; clear:both } #content h2, .post h2 { text-align:left; font-size:16px; text-transform:uppercase; border-bottom:1px solid #EEEEEE; border-top:1px solid #EEEEEE;; padding:6px 0 0 0; background: url(images/stripe.png) repeat } #content h2 a { text-decoration:none; } #content a { text-decoration:none; } .sub { text-transform:uppercase } .underlined { border-bottom:1px solid #222 } .nav { margin:5px 0; font-size:11px; } .nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .nav a:hover { color:#eee; background:#333; cursor:pointer } /* FAQ expand */ #faq1 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } #faq2 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } #faq3 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } #faq4 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } #faq5 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } #faq6 { border:1px solid #ccc; background:#f2f2f2; padding:20px 20px 0 20px; } /* Floats & Images */ .right { float: right; } .left { float: left; } .middle {margin: 0 auto;float:left;} .clear { clear: both; } img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px} img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px} img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px} img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px} .alignleft{float: left;} .alignright{float: right;} .aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;} /* .thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left} */ .attachment-medium {max-width:950px;overflow:hidden;display: inline} .attachment-large {max-width:950px;overflow:hidden;display: inline} /* Etc */ #filters {clear: both;height: 2em;margin-bottom: 1em;} #filters li {float: left;margin-right: 2em;} :focus {outline: 0;} .sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;} .hidden {display:none} /* Navigation at rest */ #nav { position: absolute; top:3px; right:5px; padding:10px 0 6px 10px; z-index:999; visibility: visible;} #branding #nav { position: absolute; top: 82px; left:507px; width: 600; z-index:999; } #nav ul, #nav ul li { margin: 0; padding: 0; z-index:3;} #branding #nav ul {height:30px; width:600px; z-index:3;} #nav ul li { font-size: 11px; font-weight: normal; text-transform: lowercase; list-style: none; float: left; margin-right: 15px; position: relative;color:#999 } #nav ul li a { color: #999; text-decoration: none; } #nav ul li a:hover {color:#fff} /* Navigation interaction */ #nav ul li ul { display: none; text-align:left;} #nav ul li.drop:hover ul { display: block; } #nav ul li span {cursor: pointer} /* Sub-navigation */ #nav ul li ul { padding-top: 7px; margin-left: -10px; position: absolute;z-index:200;} #nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210} #nav ul li ul li a { display: block; background:#DEDEDE none no-repeat scroll 5px 50%; color:#666666; padding: 7px 10px; width: 130px; color: #999; background-repeat: no-repeat; background-position: 5px 50%; } #nav ul li ul li a:hover { text-decoration: none; background:#B5B8FC;} /* Navigation enhanced styles */ #nav ul li ul.push { margin-top: 12px; z-index:211} #nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211} #nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211} #nav ul li.enhanced a.arrow { display: block; position: relative; top: -2px; width: 18px; height: 15px; overflow: hidden; float: left; } #nav ul li.enhanced a.arrow:hover { cursor: pointer; } #nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; } #nav ul li.enhanced a.rest img { top: 0; } #nav ul li.enhanced a.hover img { top: -15px; } #nav ul li.enhanced a.open img { top: -30px; }