/* Theme Name: inFlow Integrated Theme URI: http://www.inflowinventory.com Description: Theme specific for inFlow Inventory's blog. Version: 1.0 Author: Louis Leung Author URI: http://www.inflowinventory.com */ /************************************************************************** ------------------------------ GENERAL ------------------------------------ **************************************************************************/ * { margin:0; padding:0; background: transparent; } html { background:white; } #container { font:normal 14px Arial, sans-serif; color: #666666; top:0px; width:980px; position:relative; margin:0 auto; } a { outline:none; text-decoration:none;} a:link, a:visited { color: #666666; } a:hover { color: #F47C00; } a img { border:none; } ul { list-style-type:none; } hr { border:0; border-top: 1px solid #B1B1B1; height: 0; background: white; padding:0; margin:0;} /************************************************************************** ---------------------------- MASTER PAGE ---------------------------------- **************************************************************************/ #hdr { } /* nav bar */ #hdr_logo { } #hdr hr { left: 387px; top: 65px; width:593px; position:absolute; } #hdr_nav { left: 355px; top: 35px; width:600px; font-size: 16px; position: absolute; text-align:right;} #hdr_nav li { float: left; display:block; width: 120px; height: 18px; } #hdr_nav li#hdr_nav_features a { position:relative; left: 0px; } #hdr_nav li#hdr_nav_download a { position:relative; left: 12px; } #hdr_nav li#hdr_nav_purchase a { position:relative; left: 22px; } #hdr_nav li#hdr_nav_faq a { position:relative; left: 0px; } #hdr_nav li#hdr_nav_support a { position:relative; left: 0px; } #hdr_nav_locator { visibility:hidden; left: 35px; position:absolute; top: 26px; width:112px; height: 5px; background-color:#FCA311; z-index: 900;} /*border:1px solid red;*/ #content { position: relative; width: 980px; display:block; top: -10px;} #ftr { position:relative; padding-top:30px; background-color: White; height: 210px; border-top: 1px solid #B1B1B1;} #ftr * { background-color: Transparent; color:#666666;} #ftr a:hover { color: #F47C00; } #ftr_col { } #ftr_col li { position:relative; left:50px; width:245px; float: left; } #ftr_col li h3 { height:25px; font-size: 16px; font-weight:bold; padding-bottom: 3px;} #ftr_col li li { position:relative; left:0px; height:23px; font-size: 14px; font-weight:normal; float: none; } li#ftr_col2 { position:relative; left:80px; } li#ftr_col3 { position:relative; left:110px; } li#ftr_col4 { position:relative; left:100px; width:100px;} #ftr_col4 li { width:100px;} #ftr_line { position:absolute; left:50px; top:200px; font-size: 11px; } /************************************************************************** ---------------------------- BLOG GENERAL --------------------------------- **************************************************************************/ #container { background-position: 0px -17px; background-image:url('http://www.inflowinventory.com/v2Testing/images/blog/Watercolor.jpg'); background-color: Transparent; background-repeat: no-repeat; } #blog { padding-top: 33px;} .title { height: 91px; width: 970px; border-bottom: 1px solid #B1B1B1; padding-left: 10px; font-size:100px; font-weight:normal; color: #979797;} .title a { color: #979797; } .title a:hover { color: #F47C00; } #blog_content { padding: 15px 0px 50px 0px; font:normal 13px Arial, sans-serif; min-height: 900px;} #sidebar { float:left; width: 200px; padding: 10px 0px 10px 17px;} #blog_maincol { max-width:740px; padding: 0px 0px 0px 20px; margin-left:240px; line-height: 150%; } /************************************************************************** ----------------------------- SIDE BAR ------------------------------------ **************************************************************************/ .sidebar_widget { padding-bottom: 10px; } .sidebar_widget h3 { color:#333333; font-size:20px; font-weight: normal; padding: 30px 0px 12px 0px; } .sidebar_widget li { padding-bottom: 12px; } /************************************************************************** ----------------------------- POST ------------------------------------ **************************************************************************/ .post { } #post_content { padding: 0px 0px 30px 10px; border-bottom: 1px solid #B1B1B1;} #post_content a { color: #0071BC; } #post_content a:hover { color: #F47C00; } #post_content h3 { padding: 20px 0px 5px 0px; font-size:18px; font-weight:normal; color:#4D4D4D;} /* title and date */ #post_content h2.title { padding: 35px 0px 0px 0px; border: none; font-size: 42px; font-weight: bold; color: #999999; width: 100%; height: 100%; line-height: 100%; } #post_content h2.title a { color: #999999; } #post_content h2.title a:hover { color: #F47C00; } #post_content small { color: #666666; font-size: 14px; } /* post body content */ #post_content_summary { padding: 20px 50px 10px 0px; } #post_content_entry { padding: 20px 50px 0px 0px;} #post_content_entry p { padding: 0px 0px 20px 0px;} #post_content_entry li { padding: 0px 0px 2px 0px; } p.feedburnerFlareBlock span { padding-left: 5px; padding-right: 5px;} .related_post { padding: 0px 30px 20px 0px; } /* for comments */ .commentblock { padding: 5px 50px 20px 0px;} .commentauthor { font-size: 14px; font-weight:bold; } .commentdate { font-size: 14px; } /* comment input */ .field { padding: 5px 0px 5px; 0px; } #author { } #email { } input { border: 1px solid silver; color: #333333; height: 20px; font-size:14px; } #comment { border: 1px solid silver; color: #333333; font:normal 14px Arial, sans-serif; } #submit { width: 305px; height: 30px; color:White; font-size: 18px; background: #B9B9B9; border: solid 1px #999999; padding: 0px 0px 5px 0px; cursor: pointer; } /* for navigation */ .alignleft { float: left; font-size: 14px; padding: 10px 0px 0px 0px; } .alignright { float: right; font-size: 14px; padding: 10px 0px 0px 0px; }