/* Theme Name: All Orange Theme URI: http://online-lan.se/all-orange Author URI: http://online-lan.se/ Description: Universal, stylish orange theme for wordpress with modern menu. Can be used for blogs or company sites as well. Author: http://online-lan.se/ Version: 1.1 Tags: orange, blue, two-columns, fixed-width, editor-style, sticky-post License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*reset*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /*text*/ body{font:11px/16px Arial, Helvetica, sans-serif; color:#424242;} a:focus{outline:1px dotted invert} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1{font-size:25px} h2{font-size:23px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} ol{list-style:decimal} ul{list-style:square} li{margin-left:30px} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* this is the master css we will use for styling */ body{ background:#f48f06 url(./images/bg.gif) repeat-x 0 0; color:#666; } div, table, td, p, h1, h2, h3, img form, input, label{ padding:0; margin:0; } a { outline:none; color: #32AABD; } ul{ padding:0; margin:0; list-style-type:none; } img{ border:0; } .fltLft{ float:left; width:auto; } .fltrt{ float:right; width:auto; } .spacer{ padding:0; margin:0; clear:both; line-height:0; font-size:0; } label, input {float:left; display:block;} /*----------------------------*/ #header{ height:88px; padding:40px 0 0 0; background:url(./images/body-bg-top.png) no-repeat 0 100%; width:960px; margin:0 auto; } .navPanel{ height:37px; position:relative; width:960px; z-index:1000; } .logo{ margin:30px 0 20px 0; color:#fff; background-color:inherit; font:bold 40px/25px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; } .logo span.bigtxt{ color:#fff; background-color:inherit; font:bold 30px/25px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; } .logo span.small{ color:#fff; background-color:inherit; font:bold 12px/25px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; } .logo span.smallmoto{ color:#fff38c; background-color:inherit; font:bold 11px/30px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0; width:325px; display:block; text-align:center; } .logo a { color:#fff; text-decoration:none; } .navPanel ul.nav{ list-style-type:none; background:url(./images/menu-bg.gif) no-repeat 0 0; color:#FFFFFF; background-color:inherit; width:976px; position:absolute; left:-8px; /*top:34px;*/ /*change this if you need to change the header menu position */ } .navPanel ul.nav li{ float:left; margin:0; font:normal 12px/36px Arial, Helvetica, sans-serif; background:url(./images/divider.gif) no-repeat 0 17px; text-transform:uppercase; color:#FEFFFF; background-color:inherit; text-align:center; padding:17px 11px 0; position:relative; z-index:100; } .navPanel ul.nav li.home{ background-image:none; } .navPanel ul.nav li.home a{ background:url(./images/home-icon.gif) no-repeat 50% 50%; text-indent:-100000px; width:30px; } .navPanel ul.nav li.navstart{ background:none; padding:4px 9px 4px 9px; } .navPanel ul.nav li a{ color:#FEFFFF; text-decoration:none; background-color:inherit; display:block; } .navPanel ul.nav li a:hover{ color:#fef5aa; background-color:inherit; } /* Drop Down Menu */ .navPanel ul.nav ul { position:absolute; width:170px; left:0; top:53px; height:auto; font-size:13px; line-height:18px; display:none; } .navPanel ul.nav ul ul { position:absolute; width:170px; left:0; top:53px; height:auto; font-size:13px; line-height:18px; display:none; } .navPanel ul.nav ul li { float:none; text-align:left; padding:0; } .navPanel ul.nav ul li a { background:#DD8309!important; height:auto; text-indent:11px!important; height:100%; display:block; } .navPanel ul.nav ul li a:hover { background:#D8AB15!important; } .navPanel ul.nav ul ul { left:100%; top:0; } /*--------------------- Body Panel ------------------------*/ #banner { height:261px; width:641px; margin-bottom:10px; background-color:#F3EFB1; } #bodyPanel{ padding:0px 0 30px; background:url(./images/cont-bg-mid.gif) repeat-y 0 0; overflow:hidden; height:100%; } /*Left start*/ #left{ float:left; } #left h2, #left h3{ color:#dd2c0d; background-color:inherit; font:normal 18px/22px Arial, Helvetica, sans-serif; padding:0px 0 14px 35px; } #left h3.widget-title{ color:#dd2c0d; background-color:inherit; font:normal 18px/22px Arial, Helvetica, sans-serif; padding:20px 0 14px 35px; } #left h2.notop{ color:#dd2c0d; background-color:inherit; font:normal 18px/22px Arial, Helvetica, sans-serif; padding:0 0 14px 35px; } ul.left{ font:normal 12px/21px Arial, Helvetica, sans-serif; color:#32aabd; background-color:inherit; margin-bottom: 20px; } ul.left li{ background:url(./images/bullet.gif) no-repeat 0 50%; padding:0 0 0 20px; display:block; } ul.left li a{ font:normal 12px/21px Arial, Helvetica, sans-serif; color:#32aabd; background-color:inherit; text-decoration:none; } ul.left li a:hover{ font:normal 12px/21px Arial, Helvetica, sans-serif; color:#086371; background-color:inherit; text-decoration:underline; } /*Left End*/ /*Right start*/ #right{ float:right; margin-right:40px; } /*Banner Start*/ .banner-caption{ background:url(./images/caption-bg.gif) no-repeat 0 0; color:#fef5aa; background-color:inherit; font:normal 18px/36px Arial, Helvetica, sans-serif; position:absolute; top:220px; width:656px; height:53px; left:-8px; text-align:center; padding:17px 0 0 0; z-index:10; } /*Banner End*/ /*Posts starts*/ .fvrts{ width:642px; padding:10px 0 20px 0; } .fvrts h3{ color:#0d90a5; background-color:inherit; font:bold 18px/30px Arial, Helvetica, sans-serif; padding:10px 0 10px 0; clear:both; } div.navigation { height:100%; overflow:hidden; margin:10px 0; } div.navigation a { color:#32AABD; text-decoration:none; } div.navigation a:hover { text-decoration:underline; } h1.entry-title{ /*color:#0d90a5;*/ background-color:inherit; font:bold 18px/30px Arial, Helvetica, sans-serif; padding:10px 0 10px 0; } div.nav-previous { float:left; } div.nav-next { float:right; } /* Comment Form */ #commentform p { padding-bottom:12px; height:100%; overflow:hidden; } #commentform input.field { float:left; margin-right:10px; width:200px; height:14px; padding:2px 3px; } #commentform label { display:block; font-size:11px; line-height:20px; width:80px; } #commentform textarea { width:500px; height:120px; margin-bottom:10px; padding:3px 5px; border:1px solid #D6D6D6; } #commentform input { border:1px solid #D6D6D6; } #commentform input.btn { width:120px; height:25px; cursor:pointer; font-size:12px; } h3#respond, h3#comments { font-size:20px; padding-bottom:10px; } /* Comment Closed */ p.nocomments { font-weight:bold; font-style:italic; } .commentlist li { margin-bottom:10px; padding:10px; background-color:#e1e1e1; overflow:hidden; height:100%; margin-left:0; } .commentlist li.even { background-color:#F2F2F2; } .commentlist li.alt { background-color:#F2F2F2; } .commentlist li img.photo { float:left; margin:0 10px 5px 0; border:#ccc 1px solid; padding:2px; } .commentlist li p img { display:inline; } .commentlist li p { padding-bottom:8px; } .commentlist li p.commentmetadata { font-size:11px; padding-bottom:5px; } .wpcf7 p { height:100%; overflow:hidden; margin-bottom:4px; } .wpcf7 p input { border:1px solid #B1A167; height:20px; } .wpcf7 p textarea { border:1px solid #B1A167; } h3#reply-title { margin-bottom:10px; } .fvrts h3 a{ color:#0d90a5; background-color:inherit; font:bold 18px/30px Arial, Helvetica, sans-serif; } .fvrts h3 a:hover{ color:#0B7181; background-color:inherit; font:bold 18px/30px Arial, Helvetica, sans-serif; } .fvrts h4{ color:#f0d298; background-color:inherit; font:bold 12px/30px Arial, Helvetica, sans-serif; } .fvrts p{ font:normal 14px/17px Arial, Helvetica, sans-serif; color:#666; background-color:inherit; } .fvrts p.written-by{ font:italic 12px/12px Arial, Helvetica, sans-serif; color:#f0d298; background-color:inherit; padding:0 0 20px 0; } .fvrts p.written-by span{ font:italic 12px/12px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; } .dated{ background: url(./images/post-datecomment-bg.gif) repeat-x 0 0; color:#666; font:normal 10px/32px Arial, Helvetica, sans-serif; overflow:hidden; height:100%; padding:0 10px 0 0; } .dated .posted-on { font:normal 11px/32px Arial, Helvetica, sans-serif; float:left; padding:0 0 0 10px; } .dated .posted-on span{ background-color:inherit; } .dated .posted-by { font:normal 11px/32px Arial, Helvetica, sans-serif; float:left; padding:0 0 0 5px; } .dated p.righttxt{ color:#32aabd; font:normal 11px/32px Arial, Helvetica, sans-serif; /*float:right; background:url(./images/comment-icon.gif) no-repeat 0 50%;*/ } .dated p.righttxt a{ background-color:inherit; color:#32aabd; font:normal 11px/32px Arial, Helvetica, sans-serif; float:right; padding:0 0 0 15px; background:url(./images/comment-icon.gif) no-repeat 0 50%; } .dated p.righttxt a:hover{ /*background-color:inherit;*/ font:normal 11px/32px Arial, Helvetica, sans-serif; text-decoration:underline; } .fvrts a{ background-color:inherit; color:#32aabd; text-decoration:none; font:bold 12px/17px Arial, Helvetica, sans-serif; } .fvrts a:hover{ background-color:inherit; color:#086371; font:bold 12px/17px Arial, Helvetica, sans-serif; } .dated p.lefttxt span.written-by{ font:italic 12px/12px Arial, Helvetica, sans-serif; color:#666; background-color:inherit; padding:0 0 0 20px; } .dated p.lefttxt span.written-by-name{ font:italic 12px/12px Arial, Helvetica, sans-serif; color:#32aabd; background-color:inherit; } /* Post */ .leftPanel a { text-decoration:underline; } .leftPanel a:hover { text-decoration:none;} .leftPanel h1 { padding:0 0 11px; /*color:#32AABD;*/ } .leftPanel h2 { color:#32AABD; } .leftPanel h3 { padding:0 0 11px; font-size:22px; } .post { padding-bottom:0; } .post h2 { color:#32AABD; font-size:24px; font-weight:normal; line-height:28px; text-transform:uppercase; padding-bottom:5px; } .post h2 a {color:#32AABD; text-decoration:none;} .post h2 a:hover { text-decoration:underline;} .post p.postmeta { padding-bottom:18px; } .entryContent { overflow:hidden; height:100%; } /* headings */ .entryContent h1, .entryContent h2 { font-family:Arial, Helvetica, sans-serif; } .post h1 { text-transform:none; font-size:24px; line-height:28px; font-weight:normal; padding-bottom:12px; clear:both; } .post h2 { color:#575757; text-transform:none; font-size:21px; line-height:25px; padding-bottom:12px; clear:both; } .post h3 { font:19px/22px Arial, Helvetica, sans-serif; padding-bottom:12px; text-transform:none; clear:both; display:block; } .post h4 { font-size:16px; line-height:18px; padding-bottom:12px; clear:both; } .post h5 { font-size:14px; padding-bottom:10px; clear:both; } .post h6 { font-size:12px; padding-bottom:10px; clear:both; } /* Paragraph text */ .post p { padding-bottom:18px; height:100%; overflow:hidden; } /* Blockquote */ .entryContent blockquote { padding:10px 20px; font-style:italic; font-size:14px; font-weight:bold; } /* Unordered List */ .entryContent ul { list-style:disc; padding:0 0 20px 20px; } .entryContent ul li { padding-bottom:3px; } /* Ordered List */ .entryContent ol { list-style:decimal inside; padding:0 0 20px 5px; } /* Defination List */ .entryContent dl { padding:10px; } .entryContent dl dt { font-weight:bold; padding-bottom:3px; } .entryContent dl dd { padding:0 0 5px 10px; } /* Tabular data */ .entryContent table { border:#DCDCDC 1px solid; border-collapse:collapse; margin-bottom:20px; } .entryContent table td { border:#DCDCDC 1px solid; padding:3px 8px; } /* Code Display Style */ .entryContent pre { padding-bottom:20px; } /* Image testing */ .alignright { float:right; margin:0 0 10px 10px; } .alignleft { float:left; margin:0 10px 10px 0; } .aligncenter { margin:0 auto 10px; } .alignnone { display:block; margin-bottom:10px; } .size-thumbnail { margin-right:8px; display:inline; } /*Post end*/ /*Right End*/ /*-------------------- Footer -------------------------*/ #footer{ background:url(./images/body-bg-footer.png) repeat-x 0 0; overflow:hidden; height:100%; text-align:center; padding:0 0 50px 0; } #footer ul { text-align:center; padding:40px 0 0 0; } #footer ul li{ color:#32aabd; background-color:inherit; font:normal 14px/16px Arial, Helvetica, sans-serif; display:inline; width:auto; padding:0 2px 0 2px; margin:0; } #footer ul li a{ color:#32aabd; background-color:inherit; font:normal 14px/16px Arial, Helvetica, sans-serif; text-decoration:none; } #footer ul li a:hover{ color:#086371; background-color:inherit; font:normal 14px/16px Arial, Helvetica, sans-serif; } #footer span, #footer span a{ font:normal 11px/35px Arial, Helvetica, sans-serif; color:#666; background-color:inherit; text-align:center; } #footer span a { text-decoration: underline; } .widgetBlock {margin-bottom: 20px;} .widgetBlock a {color: #32aabd;} .widgetBlock div {margin-left: 20px;} .widget_search #s { /* This keeps the search inputs in line */ width: 60%; } #searchform {padding: 10px 0;} #searchform label { display:none; } /* alignment CSS classes */ .aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; display: inline; } .alignright { float: right; } /* image caption CSS classes */ .wp-caption { text-align: center; padding-top: 4px; margin: 10px auto; } .wp-caption img { margin: 0; padding: 0; border: 0 none; display: block; margin-left: auto; margin-right: auto; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .bypostauthor { } embed, object { max-width:630px; } /*default*/ .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; } .bypostauthor {} img {margin: 0; max-width: 630px; height: auto;} .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .clear {clear: both;} .sticky { background-color: #f9f9f9; padding: 10px; margin-bottom: 10px;} .entry-utility { margin-bottom: 20px; }