:link,:visited{text-decoration:none;} ul,ol{list-style:none;} h1,h2,h3,h4,h5,h6,pre,code{font-size:small;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;} a img,:link img,:visited img{border:none;} address{font-style:normal;} * {margin:0px;padding:0px;outline:none;} html { margin:0px;padding:0px; font-size:100.01%; } body { margin:0px;padding:0px; background-color:#69b4fc; font:16px/24px Helvetica, Verdana, Arial, sans-serif;color:#000; } pre {font-family: "Courier 10 Pitch", Courier, monospace;} code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} small {display:none;} /* ======================================================================================================= */ /* CLEARFIX */ /* ======================================================================================================= */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*--------------------------------------------------------*/ /* ======================================================================================================= */ /* skiplinks */ /* ======================================================================================================= */ .skip-link {display:none;} /* ======================================================================================================= */ /* WRAPPER */ /* ======================================================================================================= */ #wrapper { display:block;overflow:hidden; width:100%; } /* ======================================================================================================= */ /* HEADER BOOKMARKS */ /* ======================================================================================================= */ #bookmarkarea_wrapper{ display:block;/*overflow:hidden;*/ width:100%; background-color:#333; } #bookmarkarea{ display:block; width:960px;/* height:20px; IE will NOT have a height here */ margin:0px auto; position:relative; } #bookmarkarea_achor { display:block;overflow:hidden; width:18px;height:32px; float:right; position:absolute;top:0px;right:0px;z-index:3; } #bookmarkarea_achor a{ display:block;overflow:hidden; width:18px;height:32px; text-indent:-9999px; background:url(../../img/interface/bookmark/bookmark-icon.png) 0px 0px no-repeat; } #bookmarkarea .active a{ height:32px; background-position:-100px 0px; } /* =================================== TOGGLE =================================== */ .toggle_container { display:block;overflow:hidden; width:900px;height:50px; float:left; } #shareheader { display:block;overflow:hidden; width:900px;height:200px; } #shareheader li{ float:right; margin:8px 0px 0px 15px; } /* ======================================================================================================= */ /* JUMBOTRON */ /* ======================================================================================================= */ #jumbotronarea_wrapper { display:block;overflow:hidden; width:100%; background:#69b4fc url(../../img/interface/jumbotron/lines.png) 0px 0px repeat-x; border-top:1px solid #fff;border-bottom:1px solid #fff; } #jumbotronarea { display:block;overflow:hidden; width:960px; margin:0px auto; background:url(../../img/interface/jumbotron/light.png) center top no-repeat; } .jumbotron_home {height:350px;} .jumbotron_default {height:280px;} .jumbotron_home div { display:block;overflow:hidden; width:960px;height:350px; background:url(../../img/interface/jumbotron/king.png) 0px 0px no-repeat; } .jumbotron_home a { display:block;overflow:hidden; width:960px;height:350px; background:url(../../img/interface/jumbotron/strategy-checkmeout.png) 0px 0px no-repeat; text-indent:-9999px; } /* ======================================================================================================= */ /* HEADER */ /* ======================================================================================================= */ #header_wrapper { display:block;overflow:hidden; width:100%; background:#000; border-bottom:5px solid #333; } #header { display:block;overflow:hidden; width:960px;height:128px; margin:0px auto;padding:12px 0px 0px 0px; position:relative; } #frederick-weiss { display:block;overflow:hidden; width:242px;height:114px; background:url(../../img/interface/header/logo/frederick-weiss.png) 0px 0px no-repeat; float:left; } #frederick-weiss a{ display:block;overflow:hidden; width:242px;height:114px; background:url(../../img/interface/header/logo/logo-background.png) 500px -2px no-repeat; text-indent:-9999px; } #frederick-weiss a:hover{ background-position:-3px -2px; } /* ======================================================================================================= */ /* NAV */ /* ======================================================================================================= */ #menu-item-22 {display:none !important;} #access { display:block;overflow:hidden; float:right; width:450px;height:74px; font-size:20px;line-height:24px;text-transform:uppercase;letter-spacing:2px; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; position:absolute;top:67px;right:0px; } #access li { display:block;overflow:hidden; height:74px; float:right; margin:0px;padding:0px; } .navabout.current-menu-item {/* ABOUT */ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} .navprocess.current-menu-item {/* PROCESS */ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} .navwork.current-menu-item {/* WORK */ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} .navblog.current-menu-item {/* BLOG*/ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} .navcontact.current-menu-item {/* CONTACT */ background:url(../../img/interface/nav/tri-nav.png) 40px bottom no-repeat;} .navwork.current-page-ancestor {/* WORK */ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} .navblog.current_page_parent {/* BLOG*/ background:url(../../img/interface/nav/tri-nav.png) center bottom no-repeat;} #access a { color:#fff; display:block;overflow:hidden; height:34px; padding:40px 17px 0px 17px;margin:0px; text-decoration:none; } #menu-item-17 a {/* CONTACT */padding:40px 0px 0px 17px !important;} #access .current-menu-item a{color:#69b4fc !important;} .navabout a:hover {/* ABOUT */ background:url(../../img/interface/nav/about.png) 22px 0px no-repeat;} .navprocess a:hover {/* PROCESS */ background:url(../../img/interface/nav/process.png) 33px 0px no-repeat;} .navwork a:hover {/* WORK */ background:url(../../img/interface/nav/work.png) 18px 0px no-repeat;} .navblog a:hover {/* BLOG */ background:url(../../img/interface/nav/blog.png) 15px 0px no-repeat;} .navcontact a:hover {/* CONTACT */ background:url(../../img/interface/nav/contact.png) 23px 0px no-repeat;} /* ======================================================================================================= */ /* CONTAINER */ /* ======================================================================================================= */ #main { display:block;overflow:hidden; width:100%; background-color:#e6e6e6; } #container { display:block;overflow:hidden; width:960px; margin:0px auto; } #content { display:block;overflow:hidden; width:679px; float:left; border-right:1px solid #ccc; } /* ======================================================================================================= */ /* DEFAULT CONTENT */ /* ======================================================================================================= */ #defaultcontent_wrapper { display:block;overflow:hidden; width:100%; background-color:#f4f4f4; border-top:1px solid #fff;border-bottom:1px solid #fff; } #defaultcontent { display:block;overflow:hidden; width:960px; margin:0px auto;padding:40px 0px 0px 0px; } #defaultcontent h2{ display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } #defaultcontent p{ display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } #defaultcontent .linkarea { display:block;overflow:hidden; margin:15px 0px 0px 0px; } #defaultcontent .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/about.png) 0px 0px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } #defaultcontent .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .contentpage_home { background:url(../../img/photos/frederick-weiss-think.png) right bottom no-repeat; height:500px; } .contentpage_home h2, .contentpage_home p {width:400px;} /* ======================================================================================================= */ /* FOOTER */ /* ======================================================================================================= */ #footerchess_wrapper { display:block;/*overflow:hidden;*/ width:100%; position:relative; } #footerchess { display:block;/*overflow:hidden;*/ width:960px; margin:0px auto; position:relative;z-index:4; } #footerchess img { display:block;overflow:hidden; width:327px;height:516px; position:absolute;top:70px;right:0px; } /* =================================== FOOTER =================================== */ #footer_wrapper { display:block;overflow:hidden; width:100%; background-color:#000; border-top:2px solid #69b4fc; } #footer { display:block;overflow:hidden; width:960px; margin:0px auto;padding:80px 0px 40px 0px; background:url(../../img/interface/footer/white.png) 100px 0px no-repeat; } #footer_blocks { display:block;overflow:hidden; width:650px;height:85px; border-bottom:1px solid #333; margin:0px 178px 40px 0px;padding:0px 0px 40px 0px; background:url(../../img/interface/footer/checkmate.png) 0px 0px no-repeat; } .footernavabout.current-menu-item {/* ABOUT */ text-decoration:underline;} .footernavprocess.current-menu-item {/* PROCESS */ text-decoration:underline;} .footernavwork.current-menu-item {/* WORK */ text-decoration:underline;} .footernavblog.current-menu-item {/* BLOG*/ text-decoration:underline;} .footernavcontact.current-menu-item {/* CONTACT */ text-decoration:underline;} .footernavwork.current-page-ancestor {/* WORK */ text-decoration:underline;} .footernavblog.current_page_parent {/* BLOG*/ text-decoration:underline;} #footer_threecolumnwrapper { display:block;overflow:hidden; height:250px; } /* =================================== SITE =================================== */ #footer_site { display:block;overflow:hidden; width:100px;height:250px; padding:0px 30px; float:left; border-right:1px solid #333; } #footer_site .headerarea{ display:block;overflow:hidden; font-size:20px;font-weight:normal;line-height:44px;color:#69b4fc;text-transform:uppercase; margin:0px 0px 10px 0px; } #footer_site ul{ display:block;overflow:hidden; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#666; margin:5px 0px 0px 0px; } #footer_site li{ display:block;overflow:hidden; margin:0px 0px 10px 0px; } #footer_site a{ display:block;overflow:hidden; } #footer_site a:link, #footer_site a:visited {color:#ccc;} #footer_site a:hover, #footer_site a:visited:hover {color:#fff;text-decoration:underline;} /* =================================== CONNECTIONS =================================== */ /* #footer_connections { display:block;overflow:hidden; width:550px; float:left; border-left:1px solid #333; } #footer_connections .headerarea{ display:block;overflow:hidden; padding:0px 0px 0px 76px; width:472px;height:80px; font:bold 40px/45px Helvetica, Verdana, Arial, sans-serif;color:#66b2f8;text-transform:uppercase; } #footer_connections_ul { display:block;overflow:hidden; width:582px;height:180px; padding:0px 0px 0px 68px; } #footer_connections ul{ display:block;overflow:hidden; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#ccc; width:700px; } #footer_connections li{ display:block;overflow:hidden; width:200px;height:71px; float:left; margin:0px 52px 20px 0px; } #footer_connections a{ display:block;overflow:hidden; width:200px;height:71px; background-image:url(../../img/interface/footer/footer_connections.png); background-repeat:no-repeat; text-indent:-9999px; } #footer_connections_facebook a {background-position:0px 0px;} #footer_connections_contact a {background-position:-600px 0px;} #footer_connections_twitter a {background-position:-400px 0px;} #footer_connections_linkedin a {background-position:-200px 0px;} #footer_connections_facebook a:hover {background-position:0px -200px;} #footer_connections_contact a:hover {background-position:-600px -200px;} #footer_connections_twitter a:hover {background-position:-400px -200px;} #footer_connections_linkedin a:hover {background-position:-200px -200px;} */ /* =================================== CONNECT =================================== */ #footer_connect { display:block;overflow:hidden; width:100px;height:250px; padding:0px 30px; float:left; border-right:1px solid #333; } #footer_connect .headerarea{ display:block;overflow:hidden; font-size:20px;font-weight:normal;line-height:44px;color:#69b4fc;text-transform:uppercase; margin:0px 0px 10px 0px; } #footer_connect ul{ display:block;overflow:hidden; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#ccc; } #footer_connect li{ display:block;overflow:hidden; margin:0px 0px 10px 0px; } #footer_connect a{ display:block;overflow:hidden; } #footer_connect a:link, #footer_connect a:visited {color:#ccc;} #footer_connect a:hover, #footer_connect a:visited:hover {color:#fff;text-decoration:underline;} /* =================================== TWITTER =================================== */ #footer_twitter { display:block;overflow:hidden; width:310px;height:250px; padding:0px 0px 0px 30px; float:left; } #footer_twitter .headerarea{ display:block;overflow:hidden; font-size:20px;font-weight:normal;line-height:44px;color:#69b4fc;text-transform:uppercase; margin:0px 0px 10px 0px; } #footer_twitter h2{display:none;} #footer_twitter ul, #footer_twitter p{ display:block;overflow:hidden; width:300px; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#ccc; } #footer_twitter li{ display:block;overflow:hidden; width:300px;height:132px; } #footer_twitter a:link, #footer_twitter a:visited {color:#69b4fc;text-decoration:underline;} #footer_twitter a:hover, #footer_twitter a:visited:hover {color:#fff;text-decoration:underline;} #footer_twitter .timesince{ display:block;overflow:hidden; text-decoration:none !important; color:#ccc !important; font-size:12px; } #footer_twitterarea { display:block;overflow:hidden; width:295px;height:132px; margin:0px 0px 10px 0px; } #footer_twitter .linkarea { display:block;overflow:hidden; margin:15px 0px 0px 0px; } #footer_twitter .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/follow.png) 0px 0px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } #footer_twitter .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* ======================================================================================================= */ /* FOOTER CLOSING */ /* ======================================================================================================= */ #footerclosing_wrapper { display:block;overflow:hidden; width:100%;height:40px; background-color:#69b4fc; border-top:5px solid #333; } #footerclosing{ display:block;overflow:hidden; width:960px;height:40px; margin:0px auto; font:italic 14px/40px Georgia, "Times New Roman", Times, serif;color:#000; } #footerclosing a:link, #footerclosing a:visited {color:#000;} #footerclosing a:hover, #footerclosing a:visited:hover {color:#fff;text-decoration:underline;} /* ======================================================================================================= */ /* SIDEBAR */ /* ======================================================================================================= */ #sidebararea { display:block;overflow:hidden; width:250px; padding:0px 0px 0px 30px; float:right; } #sidebararea .widget-container, #sidebar_facebook { display:block;overflow:hidden; background:url(../../img/elements/line.gif) left bottom repeat-x; margin:0px 0px 20px 0px;padding:0px 0px 20px 0px; } #sidebararea .widget-title{ display:block;overflow:hidden; font-size:16px;font-weight:normal;line-height:24px;color:#666;text-transform:uppercase; margin:0px 0px 10px 0px; } #sidebararea .widget-container li { display:block;overflow:hidden; margin:0px 0px 10px 10px;padding:0px 0px 0px 15px; background:url(../../img/elements/bullet.png) 0px 5px no-repeat; } #sidebararea .widget-container li a { display:block;overflow:hidden; font:italic 14px/18px Georgia, "Times New Roman", Times, serif;color:#000; } #sidebararea .widget-container li a:link, #sidebararea .widget-container li a:visited {color:#69b4fc;} #sidebararea .widget-container li a:hover, #sidebararea .widget-container li a:visited:hover {color:#333;text-decoration:underline;} #sidebararea #tag_cloud-3 a:link, #sidebararea #tag_cloud-3 a:visited {color:#69b4fc;} #sidebararea #tag_cloud-3 a:hover, #sidebararea #tag_cloud-3 a:visited:hover {color:#333;text-decoration:underline;} /*--------------------------------------------------------*/ /* ======================================================================================================= */ /* ARCHIVE */ /* ======================================================================================================= */ .car-monthlisting li{ display:block;overflow:hidden; margin:0px 0px 20px 0px; background-color:red; } /* ======================================================================================================= */ /* POST NAV */ /* ======================================================================================================= */ .wp-pagenavi { clear: both; display:block;overflow:hidden; height:40px; font-size:16px;font-weight:normal;line-height:40px;color:#666; } .wp-pagenavi a, .wp-pagenavi span { text-decoration:none; border:1px outset #e6e6e6; padding:5px 8px;margin:2px; background-color:#e6e6e6; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color:#e6e6e6; } .wp-pagenavi span.current { font-weight:bold; } .wp-pagenavi a:link, .wp-pagenavi a:visited {color:#66b2f8;} .wp-pagenavi a:hover, .wp-pagenavi a:visited:hover {color:#333;text-decoration:underline;} /* ======================================================================================================= */ /* BREADCRUMBS */ /* ======================================================================================================= */ #blogpage #crumbs { display:block;overflow:hidden; width:960px; font:italic 14px/20px Georgia, "Times New Roman", Times, serif;color:#666; margin:0px 0px 20px 0px;padding:0px 0px 10px 0px; background:url(../../img/elements/line.gif) left bottom repeat-x; } #blogpage #crumbs li { display:block;overflow:hidden; float:left; margin:0px 10px 0px 0px; } #blogpage #crumbs a:link, #blogpage #crumbs a:visited {color:#66b2f8;} #blogpage #crumbs a:hover, #blogpage #crumbs a:visited:hover {color:#333;text-decoration:underline;} /* ======================================================================================================= */ /* POST BLOCKS */ /* ======================================================================================================= */ .postblocks { display:block;overflow:hidden; width:622px; margin:0px 0px 80px 0px; } .blogindex .postblocks .wp-post-image { padding:10px;margin:10px 0px; background-color:#fff; border:1px solid #ccc; -moz-box-shadow:0px 2px 4px #ccc;-webkit-box-shadow:0px 2px 4px #ccc;box-shadow:0px 2px 4px #ccc; } .postblocks .entryheaderarea { display:block;overflow:hidden; margin:0px 0px 10px 0px; } .postblocks .entry-title { display:block;overflow:hidden; font-size:24px;line-height:30px;letter-spacing:2px;color:#333;text-align:left; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } .postblocks .entry-title a:link, .postblocks .entry-title a:visited {color:#333;} .postblocks .entry-title a:hover, .postblocks .entry-title a:visited:hover {color:#333;text-decoration:underline;} .postblocks .entry-content { display:block;overflow:hidden; position:relative; background:url(../../img/elements/line.gif) left bottom repeat-x; font-size:16px;font-weight:normal;line-height:24px;color:#333; } .postblocks .entry-content .summarydatearea { display:block;overflow:hidden; padding:2px 10px; position:absolute;top:20px;left:0px; background-color:#66b2f8; font:italic 14px/30px Georgia, "Times New Roman", Times, serif;color:#fff; } .entrycontent_footer { display:block;overflow:hidden; background:url(../../img/elements/line.gif) 0px 0px repeat-x; padding:10px 0px;margin:10px 0px 0px 0px; font:italic 14px/30px Georgia, "Times New Roman", Times, serif;color:#666; } .entrycontent_footer span {float:right;} .entrycontent_footer a:link, .entrycontent_footer a:visited {color:#66b2f8;} .entrycontent_footer a:hover, .entrycontent_footer a:visited:hover {color:#333;text-decoration:underline;} /* =================================== READ MORE =================================== */ .postblocks .linkarea { display:block;overflow:hidden; margin:20px 0px 0px 0px; } .postblocks .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/more.png) 0px 0px no-repeat; text-indent:-9999px; float:right;clear:both; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } .postblocks .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* =================================== SHARE-THIS PLUGIN =================================== */ .postblocks .sharethisplugin { display:block;overflow:hidden; width:300px !important; position:relative;top:-40px; margin:0px 0px 0px 0px; } /* ======================================================================================================= */ /* SINGLE PAGE */ /* ======================================================================================================= */ .postpagearea { display:block;overflow:hidden; width:622px; margin:0px 0px 80px 0px; } .postpagearea .entry-content img { padding:10px;margin:10px 0px; background-color:#fff; border:1px solid #ccc; -moz-box-shadow:0px 2px 4px #ccc;-webkit-box-shadow:0px 2px 4px #ccc;box-shadow:0px 2px 4px #ccc; } .postpagearea .entry-content blockquote { padding:0px 20px 0px 20px; border-left:3px solid #ccc; } .postpagearea .entryheaderarea { display:block;overflow:hidden; margin:0px 0px 10px 0px; } .postpagearea .entry-title { display:block;overflow:hidden; float:left; font-size:24px;line-height:30px;letter-spacing:2px;color:#333;text-align:left; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } .postpagearea .entry-title a:link, .postpagearea .entry-title a:visited {color:#333;} .postpagearea .entry-title a:hover, .postpagearea .entry-title a:visited:hover {color:#333;text-decoration:underline;} .postpagearea .entry-content { display:block;overflow:hidden; position:relative; width:622px; margin:0px 0px 10px 0px;padding:0px 0px 20px 0px; clear:both; background:url(../../img/elements/line.gif) left bottom repeat-x; font-size:16px;font-weight:normal;line-height:24px;color:#333; } .postpagearea .entry-content h2 { display:block;overflow:hidden; font-size:22px;line-height:26px;color:#69B4FC;text-align:left; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px; } .postpagearea .entry-content p {margin:0px 0px 24px 0px;} .postpagearea .entry-content p a:link, .postpagearea .entry-content p a:visited {color:#66b2f8;} .postpagearea .entry-content p a:hover, .postpagearea .entry-content p a:visited:hover {color:#333;text-decoration:underline;} .postpagearea .entry-content ul a:link, .postpagearea .entry-content ul a:visited {color:#66b2f8;} .postpagearea .entry-content ul a:hover, .postpagearea .entry-content ul a:visited:hover {color:#333;text-decoration:underline;} .postpagearea .entry-content ul, .postpagearea .entry-content ol {margin:0px 0px 24px 20px;} .postpagearea .entry-content ul li, .postpagearea .entry-content ol li {margin:0px 0px 10px 0px;} .postpagearea .entry-content ol li{list-style-type:decimal;} .postpagearea .entry-content .summarydatearea { display:block;overflow:hidden; padding:2px 10px; position:absolute;top:20px;left:0px; background-color:#66b2f8; font:italic 14px/30px Georgia, "Times New Roman", Times, serif;color:#fff; } .postpagearea .entry-utility { display:block;overflow:hidden; font:italic 14px/20px Georgia, "Times New Roman", Times, serif;color:#666; clear:both; background:url(../../img/elements/line.gif) left bottom repeat-x; padding:0px 0px 15px 0px; } .postpagearea .entry-utility a:link, .postpagearea .entry-utility a:visited {color:#66b2f8;} .postpagearea .entry-utility a:hover, .postpagearea .entry-utility a:visited:hover {color:#333;text-decoration:underline;} /* =Header -------------------------------------------------------------- */ #site-title { float: left; font-size: 30px; line-height: 36px; margin: 0 0 18px 0; width: 700px; } #site-title a { color: #000; font-weight: bold; text-decoration: none; } #site-description { clear: right; float: right; font-style: italic; margin: 14px 0 18px 0; width: 220px; } /* This is the custom header image */ #branding img { border-top: 4px solid #000; border-bottom: 1px solid #000; clear: both; display: block; } /* =Images -------------------------------------------------------------- */ /* #content img { margin: 0; height: auto; max-width: 640px; width: auto; } #content .attachment img { max-width: 900px; } */ #content .alignleft, #content img.alignleft { display: inline; float: left; margin:0px 20px 0px 0px; } #content .alignright, #content img.alignright { display: inline; float: right; margin:0px 0px 0px 20px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin:0px auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } /* #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } #content .attachment img { display: block; margin: 0 auto; } */ /* ======================================================================================================= */ /* Navigation */ /* ======================================================================================================= */ .navigation { color: #888; font-size: 12px; line-height: 18px; display:block;overflow:hidden; background-color: green; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above {margin:0px 0px 40px 0px;} #nav-below {margin:40px 0px 0px 0px;} /* ======================================================================================================= */ /* COMMENTS */ /* ======================================================================================================= */ #comments .thread-odd {background-color:#e6e6e6;} #comments .thread-even {background-color:#fff;} .thread-odd .children li {background-color:#fff !important;} .thread-even .children li {background-color:#f4f4f4 !important;} #comments { display:block;overflow:hidden; clear:both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#666; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } h3#comments-title { padding: 24px 0; } .commentlist { display:block;overflow:hidden; clear:both; } .commentlist li {padding:20px} .commentlist li.comment { display:block;overflow:hidden; clear:both; /*position:relative;*/ margin:0px 0px 40px 0px;; background-color:#fff; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } /* =================================== COMMENT BODY =================================== */ #comments .comment-body p { display:block;overflow:hidden; margin:0px 0px 20px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } #comments .comment-body p code {background-color:#000;color:#fff;} .comment-body a:link, .comment-body a:visited {color:#66b2f8;text-decoration:underline;} .comment-body a:hover, .comment-body a:visited:hover {color:#333;text-decoration:underline;} /* #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } */ /* =================================== REPLY =================================== */ .reply { display:block;overflow:hidden; margin:0px 0px 10px 0px; } .reply a{ display:block;overflow:hidden; width:100px;height:20px; padding:4px 0px; font-size:14px;font-weight:bold;line-height:20px;text-align:center;text-transform:uppercase; border:4px solid #66b2f8; float:right; } .reply a:link, .reply a:visited {background-color:#000;color:#fff;} .reply a:hover, .reply a:visited:hover {background-color:#66b2f8;color:#fff;} /* .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } */ /* =================================== COMMENT AUTHOR =================================== */ .comment-author { display:block;overflow:hidden; margin:0px 0px 20px 0px; } .theavatar{ float:left; margin:0px 20px 0px 0px; } .theavatar, .theavatar img { display:block;overflow:hidden; width:100px;height:100px; } .comment-author p{ display:block;overflow:hidden; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#333; float:left; } .comment-author p span{ display:block;overflow:hidden; font-size:14px;font-weight:normal;line-height:18px;color:#666; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .commentlist .children { display:block;overflow:hidden; } .commentlist .children li { display:block;overflow:hidden; margin:20px 0px 0px 0px; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } /* =================================== RESPOND =================================== */ #respond a:link, #respond a:visited {color:#66b2f8;text-decoration:underline;} #respond a:hover, #respond a:visited:hover {color:#333;text-decoration:underline;} #respond { margin:20px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width:55%; display:block;overflow:hidden; } #respond textarea { width:55%; display:block;overflow:hidden; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display:block;overflow:hidden; margin:20px 0px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* =Widget Areas -------------------------------------------------------------- */ /* .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s { width: 60%; } .widget_search label { display: none; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } */ /*--------------------------------------------------------*/ /* ======================================================================================================= */ /* FLIP CONTENT */ /* ======================================================================================================= */ #flipcontent_wrapper { display:block;overflow:hidden; width:100%; } #flipcontent { display:block;overflow:hidden; width:960px; margin:0px auto;padding:30px 0px 30px 0px; } .flipcontent_box { display:block;overflow:hidden; width:300px;height:400px; float:left; } .flipcontentbox_outside { display:block;overflow:hidden; width:300px;height:400px; background:url(../../img/elements/flip/outside.png) 0px 0px no-repeat; } .flipcontentbox_inside { display:block;overflow:hidden; width:300px;height:400px; background:url(../../img/elements/flip/inside.png) 0px 0px no-repeat; } .flipcontentbox_outside div, .flipcontentbox_inside div { display:block;overflow:hidden; width:300px;height:400px; } .flipcontentbox_outside div a{ display:block;overflow:hidden; width:300px;height:400px; text-indent:-9999px; } /* =================================== Inside =================================== */ .flipcontentbox_inside div p { display:block;overflow:hidden; width:300px;height:26px; margin:0px auto 0px auto; font-size:13px;font-weight:normal;line-height:28px;color:#333; } .flipcontentbox_inside div p a { display:block;overflow:hidden; width:290px;height:26px; margin:0px auto;padding:0px 10px 0px 0px; font-size:13px;font-weight:bold;line-height:28px;color:#999;text-transform:uppercase;text-align:right; } .flipcontentbox_inside div p a:hover{color:#000;} .flipcontentbox_inside div ul { display:block;overflow:hidden; width:260px;height:273px; margin:0px auto 19px auto; font-size:14px;font-weight:normal;line-height:45px;color:#666; list-style-position:inside;list-style-type:none; } .flipcontentbox_inside div ul li { display:block;overflow:hidden; height:40px; padding:0px 0px 4px 40px;margin:0px 0px 10px 0px; text-transform:uppercase; border-bottom:2px dotted #e6e6e6; } .flipcontentbox_inside div ul li:first-child {border-bottom:none;} #flipcontentbox_plan_inside li {background:url(../../img/elements/tabs/process/bullets/plan.png) 0px 0px no-repeat;} #flipcontentbox_design_inside li {background:url(../../img/elements/tabs/process/bullets/design.png) 0px 0px no-repeat;} #flipcontentbox_build_inside li {background:url(../../img/elements/tabs/process/bullets/build.png) 0px 0px no-repeat;} .flipcontentbox_inside div ul li.headerarea { /*background-image:none !important;*/ color:#fff;font-weight:bold;font-size:15px;line-height:40px;text-align:left; width:260px;height:40px; padding:0px 0px 0px 40px; display:block;overflow:hidden; } .flipcontentbox_inside div ul li.headerarea span { color:#477bac; } #flipcontentbox_plan_inside li.headerarea {background:url(../../img/elements/tabs/process/bullets/headericon_sprite.gif) 0px -89px no-repeat;} #flipcontentbox_design_inside li.headerarea {background:url(../../img/elements/tabs/process/bullets/headericon_sprite.gif) 0px -192px no-repeat;} #flipcontentbox_build_inside li.headerarea {background:url(../../img/elements/tabs/process/bullets/headericon_sprite.gif) 0px 12px no-repeat;} .flipcontentbox_inside div .linkarea { display:block;overflow:hidden; width:178px;height:49px; margin:0px auto; } .flipcontentbox_inside div .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/process.png) 0px 0px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; } .flipcontentbox_inside div .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* =================================== FLIP =================================== */ #flipcontentbox_design { margin:0px 30px; } #flipcontentbox_plan_outside div a {background:url(../../img/elements/flip/set/plan.png) 0px 0px no-repeat;} #flipcontentbox_design_outside div a {background:url(../../img/elements/flip/set/design.png) 0px 0px no-repeat;} #flipcontentbox_build_outside div a {background:url(../../img/elements/flip/set/build.png) 0px 0px no-repeat;} #flipcontentbox_plan_outside div a:hover {background-position:0px -472px;} #flipcontentbox_design_outside div a:hover {background-position:0px -472px;} #flipcontentbox_build_outside div a:hover {background-position:0px -472px;} .flipcontentbox_outside div a:hover{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } /* ======================================================================================================= */ /* ABOUT */ /* ======================================================================================================= */ #aboutpage_wrapper { display:block;overflow:hidden; width:100%; } #aboutpage{ display:block;overflow:hidden; width:480px; margin:0px auto;padding:40px 480px 20px 0px; background:url(../../img/photos/frederick-weiss-about.png) right bottom no-repeat; } .page-template-template-checkmate-php #aboutpage{background-position:right 10px;} #aboutpage #connectarea {width:440px;} #aboutpage h1 { display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } #aboutpage p{ display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } /* =================================== ABOUT LIST AREA =================================== */ #aboutlistarea { display:block;overflow:hidden; margin:20px 0px 40px 0px; } #aboutlistarea h3{ display:block;overflow:hidden; font-size:20px;font-weight:bold;line-height:24px;color:#000;text-transform:uppercase; margin:20px 0px 10px 0px; } #aboutlistarea ul{ display:block;overflow:hidden; font:italic 17px/24px Georgia, "Times New Roman", Times, serif;color:#66b2f8; } #aboutlistarea li{ margin:0px 0px 10px 20px;padding:0px 0px 0px 0px; display:list-item; list-style-position:outside;list-style-type:disc; } #aboutlistarea li span {color:#666;} #aboutlistarea_resume{ display:block;overflow:hidden; width:220px; float:left; } #aboutlistarea_process{ display:block;overflow:hidden; width:220px; float:right; } #aboutlistarea_resume .linkarea { display:block;overflow:hidden; } #aboutlistarea_resume .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/resume.png) 0px 0px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } #aboutlistarea_resume .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #aboutlistarea_process .linkarea { display:block;overflow:hidden; } #aboutlistarea_process .linkarea a{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/process.png) 0px 0px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } #aboutlistarea_process .linkarea a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* ======================================================================================================= */ /* CONNECT AREA */ /* ======================================================================================================= */ #connectarea { display:block;overflow:hidden; margin:20px 0px 0px 0px; } #connectarea li { display:block;overflow:hidden; height:60px; background:url(../../img/elements/line.gif) 0px 0px repeat-x; } #connectarea li div{ display:block;overflow:hidden; padding:0px 0px 0px 50px; font-size:15px;font-weight:bold;line-height:60px;color:#666; } #connectarea li div span.titlearea{ display:block;overflow:hidden; float:left; } #connectarea li div span.descriptionarea{ display:block;overflow:hidden; float:right; font:italic 15px/60px Georgia, "Times New Roman", Times, serif;color:#666; } /* #connectarea_coordinates div {background:url(../../img/elements/connect/coordinates.png) 0px 16px no-repeat;} #connectarea_mobile div {background:url(../../img/elements/connect/mobile.png) 0px 14px no-repeat;} #connectarea_email div {background:url(../../img/elements/connect/email.png) 0px 18px no-repeat;} #connectarea_vcard div {background:url(../../img/elements/connect/vcard.png) 0px 18px no-repeat;} #connectarea_social div {background:url(../../img/elements/connect/social.png) 0px 20px no-repeat;} #connectarea_faceTime div {background:url(../../img/elements/connect/facetime.png) 0px 18px no-repeat;} #connectarea_aim div {background:url(../../img/elements/connect/aim.png) 0px 16px no-repeat;} */ #connectarea_coordinates div {background:url(../../img/elements/connect/sprite_connect.png) 0px 16px no-repeat;} #connectarea_mobile div {background:url(../../img/elements/connect/sprite_connect.png) 0px -86px no-repeat;} #connectarea_email div {background:url(../../img/elements/connect/sprite_connect) 0px -182px no-repeat;} #connectarea_vcard div {background:url(../../img/elements/connect/sprite_connect.png) 0px -282px no-repeat;} #connectarea_social div {background:url(../../img/elements/connect/sprite_connect.png) 0px -380px no-repeat;} #connectarea_faceTime div {background:url(../../img/elements/connect/sprite_connect.png) 0px -482px no-repeat;} #connectarea_aim div {background:url(../../img/elements/connect/sprite_connect) 0px -584px no-repeat;} #connectarea a:link, #connectarea a:visited {color:#666;} #connectarea a:hover, #connectarea a:visited:hover {color:#66b2f8;text-decoration:underline;} #socialicon_linkedin{ margin:18px 10px 0px 0px; float:left; display:block;overflow:hidden; width:28px;height:27px; background:url(../../img/elements/social/sprite_social.png) 0px 0px no-repeat; /*background:url(../../img/elements/social/linkedin.png) 0px 0px no-repeat;*/ text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; } #socialicon_linkedin:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #socialicon_twitter{ margin:18px 10px 0px 0px; float:left; display:block;overflow:hidden; width:28px;height:27px; background:url(../../img/elements/social/sprite_social.png) 0px -100px no-repeat; /*background:url(../../img/elements/social/twitter.png) 0px 0px no-repeat;*/ text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; } #socialicon_twitter:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #socialicon_facebook{ margin:18px 10px 0px 0px; float:left; display:block;overflow:hidden; width:28px;height:27px; background:url(../../img/elements/social/sprite_social) 0px -200px no-repeat; /*background:url(../../img/elements/social/facebook.png) 0px 0px no-repeat;*/ text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; } #socialicon_facebook:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #socialicon_snipplr{ margin:18px 0px 0px 0px; float:left; display:block;overflow:hidden; width:28px;height:27px; background:url(../../img/elements/social/sprite_social.png) 0px -300px no-repeat; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; } #socialicon_snipplr:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* ======================================================================================================= */ /* SKILLS AREA */ /* ======================================================================================================= */ #skillsarea_wrapper { display:block;overflow:hidden; width:100%; background-color:#f4f4f4; border-top:1px solid #fff;border-bottom:1px solid #fff; } #skillsarea{ display:block;overflow:hidden; width:960px; margin:0px auto;padding:30px 0px 40px 0px; } #skillsarea h2{ display:block;overflow:hidden; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } /* =================================== TABS =================================== */ #skillsarea ul.tabs { display:block;overflow:hidden; width:260px;height:40px; float:right; } #skillsarea ul.tabs li { display:block;overflow:hidden; height:40px; float:right; font-size:15px;font-weight:bold;line-height:40px;color:#999; border-left:1px solid #ccc; padding:0px 0px 0px 15px;margin:0px 0px 0px 15px; position: relative; } #skillsarea ul.tabs li a { display:block;overflow:hidden; color:#999; } #skillsarea ul.tabs li a:hover { } html #skillsarea ul.tabs li.active, html #skillsarea ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ text-decoration:underline; } #skillsarea .tab_container { display:block;overflow:hidden; width:960px;/*height:520px;*/ } #skillsarea .tab_content { } /* =================================== SKILL SET =================================== */ .skillsarea_set { display:block;overflow:hidden; width:440px; } .skillsarea_set_left {float:left;} .skillsarea_set_right {float:right;} .skillsarea_set .headerarea{ display:block;overflow:hidden; font-size:16px;font-weight:bold;line-height:20px;color:#ccc;text-transform:uppercase;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.9); margin:10px 0px 20px 0px; width:440px; } .skillsarea_set .headerarea span{ display:block;overflow:hidden; width:140px; padding:0px 20px 0px 0px; text-align:right; } .skillsarea_set ul{ display:block;overflow:hidden; margin:0px 0px 14px 0px; } .skillsarea_set li{ display:block;overflow:hidden; margin:0px 0px 25px 0px;/*margin:0px 0px 14px 0px;*/ background-color:#ccc; width:440px;height:20px; font:italic 15px/20px Georgia, "Times New Roman", Times, serif;color:#666; } .skillsarea_set li .ssetskillpercent { display:block;overflow:hidden; background-image:url(../../img/elements/skills.jpg);background-repeat:no-repeat; width:440px;height:20px; } .skillsarea_set li .ssetskillpercent_40 {background-position:-40px 0px} .skillsarea_set li .ssetskillpercent_70 {background-position:100px 0px} .skillsarea_set li .ssetskillpercent_80 {background-position:120px 0px} .skillsarea_set li .ssetskillpercent_90 {background-position:140px 0px} .skillsarea_set li .ssetskillpercent_100 {background-position:160px 0px} .skillsarea_set li .ssetlabel{ display:block;overflow:hidden; background-color:#f4f4f4; width:140px;height:20px; padding:0px 20px 0px 0px; text-align:right; } .skillsarea_set li .ssetlabel span{ } /* =================================== SKILL SET NAVIGATION =================================== */ #skillsarea_set_nav { display:block;overflow:hidden; width:940px;height:40px; margin:20px 0px 0px 0px;padding:0px 10px; background:url(../../img/elements/tabs/tabs.png) 0px 0px no-repeat; } #skillsarea_set_nav ol{ display:block;overflow:hidden; width:650px;height:40px; float:left; } #skillsarea_set_nav ol li { display:block;overflow:hidden; height:40px; float:left; font-size:15px;font-weight:bold;line-height:40px;color:#ccc; border-right:1px solid #ebebeb; padding:0px 10px 0px 0px;margin:0px 10px 0px 0px; } /* =================================== ICONS =================================== */ #skillsarea_set_nav .skillsicons_tools, #skillsarea_set_nav .skillsicons_passionate, #skillsarea_set_nav .skillsicons_knowledge{ height:40px; } .tab_content .skillsicons_tools, .tab_content .skillsicons_passionate, .tab_content .skillsicons_knowledge{ height:20px; } .skillsicons_tools { display:block;overflow:hidden; width:16px; float:left; padding:0px 4px 0px 0px; background:url(../../img/elements/tabs/tools.png) 0px center no-repeat; } .skillsicons_passionate { display:block;overflow:hidden; width:16px; float:left; padding:0px 4px 0px 0px; background:url(../../img/elements/tabs/passion.png) 0px center no-repeat; } .skillsicons_knowledge { display:block;overflow:hidden; width:16px; float:left; padding:0px 4px 0px 0px; background:url(../../img/elements/tabs/knowledge.png) 0px center no-repeat; } /* ======================================================================================================= */ /* PROCESS */ /* ======================================================================================================= */ .contentpage_process { background:url(../../img/photos/frederick-weiss-process.png) right bottom no-repeat; padding:40px 0px 20px 0px !important; } .contentpage_process h2, .contentpage_process p {width:440px;} .contentpage_process #connectarea {width:440px;} #processpage_wrapper { display:block;overflow:hidden; width:100%; } #processpage{ display:block;overflow:hidden; width:960px; margin:0px auto;padding:20px 0px; } #processpage h1 { display:block;overflow:hidden; width:550px; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; background:url(../../img/elements/line.gif) left bottom repeat-x; } /* #processpage p{ display:none;overflow:hidden; width:550px; padding:0px 0px 20px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } */ #processpage .tab_content ul{ display:block;overflow:hidden; width:500px;/*width:550px;*/height:360px; padding:20px 460px 20px 0px; font:italic 20px/26px Georgia, "Times New Roman", Times, serif;/*font:italic 17px/24px Georgia, "Times New Roman", Times, serif;*/color:#666; } #processpage .tab_content li{ display:block;overflow:hidden; margin:0px 0px 20px 0px;padding:0px 0px 20px 40px; } /* =================================== TABS =================================== */ #processpage ul.tabs { display:block;overflow:hidden; width:960px;height:80px; margin:30px 0px 20px 0px; } #processpage ul.tabs li { display:block;overflow:hidden; height:80px;width:296px; padding:0px 0px 0px 0px; float:left;position:relative; } #processpage ul.tabs li a { display:block;overflow:hidden; width:296px;height:80px; color:#fff; text-indent:-9999px; } #tabs_design {margin:0px 36px;} #tabs_plan a {background:url(../../img/elements/tabs/process/navigation.png) 0px 0px no-repeat;} #tabs_design a {background:url(../../img/elements/tabs/process/navigation.png) -332px 0px no-repeat;} #tabs_build a {background:url(../../img/elements/tabs/process/navigation.png) -664px 0px no-repeat;} #tabs_plan a:hover {background-position:0px -200px;} #tabs_design a:hover {background-position:-332px -200px;} #tabs_build a:hover {background-position:-664px -200px;} #tabs_plan.active a {background-position:0px -200px;} #tabs_design.active a {background-position:-332px -200px;} #tabs_build.active a {background-position:-664px -200px;} #processpage .tab_container { display:block;overflow:hidden; width:960px; } #processpage .tab_content { } #processpage #PLAN.tab_content {padding:20px 0px 0px 0px;} #processpage #DESIGN.tab_content {padding:20px 0px 0px 0px;} #processpage #BUILD.tab_content {padding:20px 0px 0px 0px;} #processpage #PLAN.tab_content ul {background:url(../../img/elements/tabs/process/PLAN.png) right top no-repeat;} #processpage #DESIGN.tab_content ul {background:url(../../img/elements/tabs/process/DESIGN.png) right top no-repeat;} #processpage #BUILD.tab_content ul {background:url(../../img/elements/tabs/process/BUILD.png) right top no-repeat;} #processpage #PLAN.tab_content li {background:url(../../img/elements/tabs/process/bullets/plan.png) 0px 0px no-repeat;} #processpage #DESIGN.tab_content li {background:url(../../img/elements/tabs/process/bullets/design.png) 0px 0px no-repeat;} #processpage #BUILD.tab_content li {background:url(../../img/elements/tabs/process/bullets/build.png) 0px 0px no-repeat;} /* ======================================================================================================= */ /* WORK */ /* ======================================================================================================= */ #workpagenav_wrapper { display:block;overflow:hidden; width:100%; } #workpagenav{ display:block;overflow:hidden; width:960px;height:65px; margin:0px auto;padding:35px 0px 0px 0px; } #workpage_wrapper { display:block;overflow:hidden; width:100%; background-color:#f4f4f4; border-top:1px solid #fff;border-bottom:1px solid #fff; } #workpage{ display:block;overflow:hidden; width:960px; margin:0px auto;padding:40px 0px 40px 0px; } /* ======================================================================================================= */ /* workpage_clientarea */ /* ======================================================================================================= */ #workpage_clientarea { display:block;overflow:hidden; } /* =================================== FEATURED IMAGE =================================== */ #featuredclientimage { display:block;overflow:hidden; width:400px; padding:5px; float:right; background:#fff; border:1px solid #ccc; -moz-box-shadow: 0px 2px 4px #ccc;-webkit-box-shadow: 0px 2px 4px #ccc;box-shadow: 0px 2px 4px #ccc; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } #featuredclientimage img { width:400px; display:block;overflow:hidden; } /* =================================== COPY =================================== */ #workpage_clientarea h1{ display:block;overflow:hidden; width:410px; padding:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } #workpage_clientarea p{ display:block;overflow:hidden; width:410px; padding:0px 0px 20px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } /* =================================== WORK PAGE SERVICES =================================== */ #workpageservices { display:block;overflow:hidden; width:410px; padding:0px 0px 20px 0px;margin:40px 0px 0px 0px; font-size:16px;font-weight:normal;line-height:24px;color:#333; } #workpageservices li { display:block;overflow:hidden; height:60px; background:url(../../img/elements/line.gif) 0px 0px repeat-x; } #workpageservices li div{ display:block;overflow:hidden; height:60px; padding:0px 0px 0px 50px; font-size:15px;font-weight:bold;line-height:60px;color:#666; } #workpageservices li span{ display:block;overflow:hidden; width:245px;height:45px; padding:15px 5px 0px 0px; float:right; font:italic 14px/18px Georgia, "Times New Roman", Times, serif;color:#666;text-align:right; } #workpageserviceslist_link span {line-height:30px !important;} #workpageservices a:link, #workpageservices a:visited {color:#666;} #workpageservices a:hover, #workpageservices a:visited:hover {color:#66b2f8;text-decoration:underline;} #workpageserviceslist_service div {background:url(../../img/elements/connect/services.png) 2px 18px no-repeat;} #workpageserviceslist_technology div {background:url(../../img/elements/connect/technology.png) 3px 20px no-repeat;} #workpageserviceslist_link div {background:url(../../img/elements/connect/link.png) 2px 18px no-repeat;} #emoplugin { display:block;overflow:hidden; height:60px; padding:15px 0px 0px 0px; background:url(../../img/elements/line.gif) 0px 0px repeat-x; } /* ======================================================================================================= */ /* PORTFOLIO */ /* ======================================================================================================= */ #portfolio-filter { display:block;overflow:hidden; } #portfolio-filter li{ display:block;overflow:hidden; float:left; margin:0px 20px 0px 0px; font-size:16px;font-weight:normal;line-height:20px;color:#666; } #portfolio-filter a, #portfolio-filter span { display:block;overflow:hidden; padding:6px; } #portfolio-filter span { font:italic 16px/20px Georgia, "Times New Roman", Times, serif;color:#999; } #portfolio-filter a:link, #portfolio-filter a:visited {color:#666;} #portfolio-filter a:hover, #portfolio-filter a:visited:hover {color:#333;text-decoration:underline;} #portfolio-filter li .current { background-color:#fff; text-decoration:none !important; } /* =================================== PORTFOLIO LIST =================================== */ #portfolio-list { display:block;overflow:hidden; width:1000px } #portfolio-list li{ display:block;overflow:hidden; width:300px;height:290px; float:left; background:url(../../img/elements/portfolio/portfolio-listitem.png) 0px 0px no-repeat; margin:0px 30px 30px 0px; position:relative; } #portfolio-list li a{ display:block;overflow:hidden; width:300px;height:290px; position:absolute;left:0px;top:0px;z-index:4; background:url(../../img/work/_tools/view.png) 0px 0px repeat; cursor:pointer; text-indent:-9999px; } #portfolio-list li a:hover {background-position:0px -290px;} #portfolio-list li div{ display:block;overflow:hidden; width:265px;height:200px; margin:19px auto 15px auto; } #portfolio-list li:hover div img{position:relative;top:-200px;} #portfolio-list li p{ display:block;overflow:hidden; width:265px; font-size:14px;line-height:18px;font-weight:bold;text-transform:uppercase;color:#999; margin:0px 0px 0px 19px; } /* ======================================================================================================= */ /* CONTACT */ /* ======================================================================================================= */ .contentpage_contact { } .contentpage_contact #connectarea {float:right;width:310px;margin:55px 0px 0px 0px;} #contactpage_wrapper { display:block;overflow:hidden; width:100%; } #contactpage{ display:block;overflow:hidden; width:960px;height:100px; margin:0px auto; position:relative; } #contactpage div { display:block;overflow:hidden; height:55px; float:left; font:italic 23px/55px Georgia, "Times New Roman", Times, serif;color:#666; } #contactpage div a:link, #contactpage div a:visited {color:#666;} #contactpage div a:hover, #contactpage div a:visited:hover {color:#333;text-decoration:underline;} #contactpage_email { background:url(../../img/elements/contact/email.png) left center no-repeat; padding:0px 0px 0px 70px; position:absolute;top:20px;left:200px; } #contactpage_phone { background:url(../../img/elements/contact/phone.png) left center no-repeat; padding:0px 0px 0px 40px; position:absolute;top:20px;left:653px; } /* =================================== FORM =================================== */ #contentpage_form { display:block;overflow:hidden; float:left; width:550px; } #contentpage_form h1 { display:block;overflow:hidden; margin:0px 0px 20px 0px; font-size:30px;line-height:34px;text-transform:uppercase;letter-spacing:2px;color:#66b2f8; font-family: "atrament-web-1","atrament-web-2", Verdana, Arial, Helvetica, sans-serif; } #contentpage_form fieldset {border:none;} #contentpage_form div{ display:block;overflow:hidden; margin:0px 0px 20px 0px; clear:both; } #contentpage_form label{ display:block;overflow:hidden; float:left; width:150px; padding:0px 48px 0px 0px; font:italic 15px/20px Georgia, "Times New Roman", Times, serif;color:#333;text-transform:uppercase;text-align:right; } #contentpage_form label span {color:#66b2f8;} #contentpage_form input[type=text], #contentpage_form textarea { display:block;overflow:hidden; float:left; /*border:1px solid #e6e6e6;*/ background-color:#fff !important; } #contentpage_form input[type=text] { width:330px;height:25px; padding:0px 10px; font-size:14px;font-weight:normal;line-height:25px;color:#333; } #contentpage_form textarea { width:330px;height:190px; padding:5px 10px; font-size:14px;font-weight:normal;line-height:25px;color:#333; } #contentpage_form input[type=text]:focus, #contentpage_form textarea:focus { color:#66b2f8; } #contentpage_form .wpcf7-submit{ display:block;overflow:hidden; width:178px;height:49px; background:url(../../img/buttons/send.png) 0px 0px no-repeat; border:none !important; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop"); -moz-opacity: 1; opacity: 1; float:right; cursor:pointer !important; -webkit-transition:opacity 1s linear;-moz-transition:opacity 1s linear;-o-transition:opacity 1s linear; } #contentpage_form .wpcf7-submit:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } /* ======================================================================================================= */ /* BLOG */ /* ======================================================================================================= */ #blogpagenav_wrapper { display:block;overflow:hidden; width:100%; } #blogpagenav{ display:block;overflow:hidden; width:960px;height:65px; margin:0px auto;padding:35px 0px 0px 0px; } /* =================================== NAV =================================== */ #blogpagenav_list {/* The UL*/ display:block;overflow:hidden; width:620px; float:left; } #blogpagenav_list li{ display:block;overflow:hidden; float:left; margin:0px 20px 0px 0px; font-size:16px;font-weight:normal;line-height:20px;color:#666; } #blogpagenav_list a { display:block;overflow:hidden; padding:6px; } #blogpagenav_list a:link, #blogpagenav_list a:visited {color:#666;} #blogpagenav_list a:hover, #blogpagenav_list a:visited:hover {color:#333;text-decoration:underline;} #blogpagenav_list li .current { background-color:#fff; text-decoration:none !important; } /* =================================== SEARCH =================================== */ #blogpagenav form{ display:block;overflow:hidden; width:280px;height:32px; background-color:#fff; border:1px solid #d2d2d2; float:right; } #blogpagenav form label {display:none;} #blogpagenav form #s{ display:block;overflow:hidden; width:210px;height:32px; padding:0px 5px; font-size:16px;font-weight:normal;line-height:32px;color:#999; border:none !important; background-color:transparent !important; float:left; } #blogpagenav form #s:focus {color:#66b2f8;} #blogpagenav form #searchsubmit { display:block;overflow:hidden; width:50px;height:32px; float:right; background:transparent url(../../img/blog/search/search.png) 24px 8px no-repeat; border:none !important; cursor:pointer !important; } #blogpagenav form #searchsubmit:hover {background-position:24px -192px;} /* =================================== PAGE =================================== */ #blogpage_wrapper { display:block;overflow:hidden; width:100%; background-color:#f4f4f4; border-top:1px solid #fff;border-bottom:1px solid #fff; } #blogpage{ display:block;overflow:hidden; width:960px; margin:0px auto;padding:40px 0px; } /* ======================================================================================================= */ /* 404 */ /* ======================================================================================================= */ .contentpage_404 h1{ display:block;overflow:hidden; } .contentpage_404 h3{ display:block;overflow:hidden; margin:0px 0px 40px 0px; width:300px; float:left; font-size:30px;font-weight:normal;line-height:40px;color:#333; } .contentpage_404 img{ float:right; } .contentpage_404 #anotherpage404 { display:block;overflow:hidden; width:300px; float:left; font-size:40px;font-weight:normal;line-height:45px; } #menu-404nav ul{ margin:0px 0px 2em 5px; } #menu-404nav a:link, #menu-404nav a:visited {color:#66b2f8 !important;text-decoration:underline;} #menu-404nav a:hover, #menu-404nav a:visited:hover {color:#333 !important;text-decoration:underline;} #menu-404nav li{ margin:0px 0px 15px 20px !important;padding:0px 0px 0px 5px; list-style-position:outside; display:list-item; } #menu-404nav ul li{list-style-type:disc;} #menu-404nav ol li{list-style-type:decimal;} /*--------------------------------------------------------*/ /* Uniform Theme: Uniform Default Version: 1.6 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://pixelmatrixdesign.com/uniform/ --- Generated by Uniform Theme Generator: http://pixelmatrixdesign.com/uniform/themer.html */ /* Global Declaration */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image:url(../../jquery/forms/images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button *{ margin: 0; padding: 0; } /* INPUT & TEXTAREA */ input.text, input.email, input.password, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; padding: 3px; color: #777; background:#fff url('../../jquery/forms/images/bg-input-focus.png') repeat-x 0px 0px; background:#fff url('../../jquery/forms/images/bg-input.png') repeat-x 0px 0px; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; } input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background:#fff url('../../jquery/forms/images/bg-input-focus.png') repeat-x 0px 0px; } /* SPRITES */ /* Select */ div.selector { background-position: -483px -130px; line-height: 26px; height: 26px; } div.selector span { background-position: right 0px; height: 26px; line-height: 26px; } div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px; } div.selector:active, div.selector.active { background-position: -483px -156px; } div.selector:active span, div.selector.active span { background-position: right -26px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -182px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -483px -208px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled { background-position: -483px -234px; } div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { width: 19px; height: 19px; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } div.button { background-position: 0px -523px; } div.button span { background-position: right -643px; } div.button.focus, div.button:focus, div.button:hover, div.button.hover { background-position: 0px -553px; } div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span { background-position: right -673px; } div.button.active, div.button:active { background-position: 0px -583px; } div.button.active span, div.button:active span { background-position: right -703px; color: #555; } div.button.disabled, div.button:disabled { background-position: 0px -613px; } div.button.disabled span, div.button:disabled span { background-position: right -733px; color: #bbb; cursor: default; } /* PRESENTATION */ /* Button */ div.button { height: 30px; } div.button span { margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; padding-right: 15px; } /* Select */ div.selector { width: 190px; font-size: 12px; } div.selector select { min-width: 190px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; border: solid 1px #fff; } div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; } div.selector span { color: #666; width: 158px; text-shadow: 0 1px 0 #fff; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader { width: 190px; cursor: pointer; } div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; } div.uploader input { width: 190px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Button */ div.button a, div.button button, div.button input { position: absolute; } div.button { cursor: pointer; position: relative; } div.button span { display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center; } /* Select */ div.selector { position: relative; padding-left: 10px; overflow: hidden; } div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0); height: 25px; border: none; background: none; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } /*--------------------------------------------------------*/