/* Theme Name: BusinessXpand_loupe Theme URI: http://www.businessxpand.com/products/wordpress/wordpress-themes/loupe-theme/ Description: Loupe Theme Tags: black, purple, green, two-columns, threaded-comments Version: 1.2 Author: BusinessXpand Author URI: http://www.businessxpand.com */ /* yahoo css reset - start*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, label { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul, li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* yahoo css reset - end*/ /*ie6 warning*/ #ie6 { height:0px; background-color:#222; position:absolute; top:0px; left:0px; width: 100%; font-size:12px; line-height:22px; color:#222222; overflow:hidden; } * html #ie6 { height:25px; } #ie6 a:link, #ie6 a:active, #ie6 a:visited { color:#fff; text-decoration:none; } #ie6 a:hover { color:#555; text-decoration:underline; } #warning { float:left; margin-left:10px; } #browser_links { float:right; margin-right: 10px; } /*ie6 warning end*/ /*type*/ h1, h2, h3, h4, h5, h6 { margin-top:10px; color: #96BF0D; font-weight:normal; } h1 { font-size:18pt; line-height: 22pt; } h2 { font-size:16pt; line-height: 20pt; } h3 { font-size:14pt; line-height: 18pt; } h4 { font-size:12pt; line-height: 16pt; } h5 { font-size:10pt; line-height: 14pt; } h6 { font-size:8pt; line-height: 12pt; } p { margin-top:10px; } a:link, a:active, a:visited { color: #222222; text-decoration: none; } a:hover { color: #999; text-decoration:underline; } strong { font-weight:bold; } em { font-style:italic; } #content ul li { list-style-position:inside; list-style-type:disc; list-style-image:none; margin-top: 5px; } #content ol li { list-style-position:inside; list-style-type: decimal; list-style-image:none; margin-top: 5px; } #content ol li ol, #content ul li ul { margin-left:20px; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color:#FFFFFF; } .wp-caption-text { font-size:8pt; line-height:11pt; padding-right: 10px; } /*type end*/ /*form start*/ form { text-align:left; } textarea { width:99%; margin:10px 0 0 0; } input { width:98%; } .submit { width: 57px; height: 44px; float: right; margin: 5px; } /*form end*/ /*table start*/ table { border-collapse:collapse; width:99%; border:0 none; } th, td { } col { } thead { border-bottom:1px solid #000; font-weight:bold; } th { text-align:left; } .odd { background-color:#F6F6F6; } tr:hover { background-color:#230022; color:#FFFFFF; } thead tr:hover { background-color:transparent; color: inherit; } /*table end*/ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 2px 10px; display: inline; } img.alignleft { margin: 0 10px 2px 0; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left } /* End Images */ body { font-family:"Trebuchet MS", Verdana, sans-serif; font-size:9pt; line-height: 16pt; color:#999999; background-color: #000000; } #header { background: transparent url(images/header_bg.png) top left repeat-x; height:160px; width:100%; position:relative; } #headerimg { position:absolute; top:25px; left:40px; } #title h1, #tagline /*required for wp directory*/ { color:#FFFFFF; position:absolute; bottom: 50px; left: 116px; } #tagline { bottom:34px; font-size: 11pt; } #rss { position:absolute; bottom:45px; right:40px; } #menu { left:40px; top:10px; height:50px; } #menu li{ display:inline; margin:0 6px; float:left; } #menu li a { color:#CCCCCC; } #menu li a:hover, .current_page_parent, .current_page_item { color:#999999; border-top: 20px solid #96BF0D; text-decoration:none; float:left; } .clear { clear:both; } .black { background-color:#000000; } .white { background-color:#FFFFFF; } #site { width: 800px; margin: 0 auto; } .navigation { width:100%; height: 30px; } .next { float:right; } .previous { float:left; } #footer { height: 20px; width: 100%; } #content { width: 600px; padding:20px; overflow:hidden; float:left; border-left: 10px solid #96BF0D; } #content li.entry { width:200px; height:200px; overflow:hidden; list-style:none; position:relative; float:left; display:inline; margin: 0; } a.list_title { position:absolute; bottom: 4px; left: 4px; padding: 4px; width: 184px; background-color: rgba(255,255,255,0.7); } #sidebar { float:right; width:130px; padding:10px; background-color: #5A0F56; background-color: rgba(070, 000, 068, 0.5); } .alt, .postmetadata { color: #999999; background-color:#F6FCDB; padding: 20px; border-left: 10px solid #96BF0D; } .even { background-color:#FFFFFF; padding:10px; } #comments_div .commentlist li { margin-top: 20px; list-style: none; } #sidebar li a:link, #sidebar li a:active, #sidebar li a:visited, #s { display: block !important; height:20px; color: #CCCCCC; padding-left: 10px !important; line-height: 25pt; text-align:left; font-size:9pt; border: 0 none; } #sidebar li a:hover, .current-cat { color:#fff; text-decoration:none; border-left: 10px solid #96BF0D; } #sidebar li td a:link { display:inline !important; padding-left: 0px !important; } #content.no-border { border: 0 none; }