/* Theme Name: Protègèm Theme URI: http://www.Protegem.co.uk Description: A theme by Protègèm. Version: 2.0 Author: Mike Ballan Author URI: http://www.mikeballan.co.uk */ /***** Global Settings *****/ html { overflow: -moz-scrollbars-vertical; } body { margin:0; padding:0; background:url(images/bg-01.gif); background-repeat:repeat-x; background-color:#FFFFFF; font:12px Trebuchet MS, Helvetica, sans-serif; color:#333333; } /***** Headings *****/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { font-size:24px; color:#582a73; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #c7b7d1; text-transform:uppercase; } h2 { font-size:18px; color:#FFFFFF; padding:0 0 5px 0; } h3 { font-size:14px; color:#582a73; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #c7b7d1; text-transform:uppercase; } h4 { font-size:14px; color:#FFFFFF; padding:0 0 5px 0; } h5 { font-size:14px; color:#582a73; padding:0; } h1 a:link { text-decoration:none; } h1 a:visited { text-decoration:none; } h1 a:active { text-decoration:none; } h1 a:hover { text-decoration:none; } /***** Common Formatting *****/ p { margin:0; padding:0 0 10px 0; } a:link, a:visited, a:active { color:#663399; text-decoration:underline; } a:hover { color:#663399; text-decoration:underline; } hr { margin:5px 0 15px 0; border:0; color:#eae6f1; background-color:#eae6f1; height:1px; width:100%; text-align:left; } img { border:0; } /***** Body *****/ #container-01 { margin:0 auto; padding:0; width:960px; text-align:left; } #col-logo { margin:0; padding:14px 0 0 0; width:960px; height:80px; } #col-banner { margin:0; padding:40px 30px 60px 40px; width:890px; height:230px; text-align:left; background:url(images/bg-02.gif) no-repeat; } #col-banner-1-2 { float:left; margin:0; padding:0; width:600px; height:230px; text-align:left; background:url(images/bg-03.jpg) no-repeat; } #col-banner-2-2 { float:right; margin:0; padding:0 0 0 30px; width:260px; text-align:left; color:#FFFFFF; } #col-banner-2-2 a:link { color:#c7b7d1; text-decoration:underline; } #col-banner-2-2 a:visited { color:#c7b7d1; text-decoration:underline; } #col-banner-2-2 a:active { color:#c7b7d1; text-decoration:underline; } #col-banner-2-2 a:hover { color:#c7b7d1; text-decoration:underline; } #col-body { margin:0 0 20px 0; padding:0; width:960px; min-height:400px; height:auto !important; height:400px; text-align:left; } #col-1-2 { float:left; margin:0; padding:0 30px 0 0; width:640px; text-align:left; } #col-2-2 { float:right; margin:0; padding:20px 20px 0 20px; width:250px; min-height:310px; height:auto !important; height:310px; text-align:left; background:url(images/bg-03.gif) no-repeat; background-color:#eee9f1; } #col-1-2 ul { list-style-type:none; padding:0; margin:5px 0 10px 0; } #col-1-2 li { background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0 .4em; padding-left:10px; margin:0 0 5px 0; } /***** Navigation *****/ .col-nav { overflow:hidden; width:100%; font-size:10px; text-transform:uppercase; } .col-nav ul { list-style-type:none; margin:0; margin:0; padding:0; } .col-nav li { float:left; margin:0; padding:0; } .col-nav a { float:left; position:relative; background:url(images/tab-blue-left.gif) no-repeat left top; margin:0; margin-right:3px; padding:0 0 0 9px; width:80px; text-align:center; text-decoration: none; } .col-nav a span { float:left; position:relative; display:block; background:url(images/tab-blue-right.gif) no-repeat right top; padding:7px 14px 3px 5px; color:#FFFFFF; } .col-nav a span { float:none; } .col-nav .selected a { background-position:0 -124px; } .col-nav .selected a span { background-position:100% -124px; color:#FFFFFF; } .col-nav a:hover { background-position: 0% -124px; } .col-nav a:hover span { background-position: 100% -124px; } /***** Horinaja *****/ #horinaja { display:block; margin:0 auto; width:600px; height:230px; overflow:hidden; } .horinaja ul { } .horinaja ul li { background:transparent; display:block; top:0; } ol.horinaja_pagination { height:40px; margin:0 auto; position:relative; background:transparent; padding:5px 0 0 0; clear:both; } ol.horinaja_pagination li { float:left; height:40px; display:block; } ol.horinaja_pagination li a { height:30px; display:block; background:transparent; float:left; color:#333333; font-weight:bold; text-align:center; font-size:12px; padding:10px 0 0 0; cursor:pointer; } * { margin:0; padding:0; } .horinaja a:focus { outline:none; } .horinaja a img { border:none; } #banner-01 { padding:70px 50px 0 135px; width:425px; height:160px; background:url(images/banner-01.png) no-repeat; color:#FFFFFF; } #banner-01 a:link { color:#c7b7d1; text-decoration:underline; } #banner-01 a:visited { color:#c7b7d1; text-decoration:underline; } #banner-01 a:active { color:#c7b7d1; text-decoration:underline; } #banner-01 a:hover { color:#c7b7d1; text-decoration:underline; } #banner-02 { padding:70px 135px 0 50px; width:425px; height:160px; background:url(images/banner-02.png) no-repeat; color:#FFFFFF; } #banner-02 a:link { color:#c7b7d1; text-decoration:underline; } #banner-02 a:visited { color:#c7b7d1; text-decoration:underline; } #banner-02 a:active { color:#c7b7d1; text-decoration:underline; } #banner-02 a:hover { color:#c7b7d1; text-decoration:underline; } /***** Global Classes *****/ .img-left { float:left; margin:0 10px 10px 0; padding:4px; border:1px solid #e3d3f7; } .img-right { float:right; margin:0 0 10px 10px; padding:4px; border:1px solid #e3d3f7; } .img-border { float:left; margin:0 0 10px 0; padding:4px; border:1px solid #e3d3f7; } .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .nopadding { padding:0; } .noindent { margin-left:0; padding-left:0; } .nobullet { list-style:none; list-style-image:none; } .block { display:block; } .hidden { display:none; } /***** Wordpress Classes *****/ #searchWrap { margin-bottom:20px; } #searchWrap input { vertical-align:middle; } #searchWrap #s { font-size:1.1em; border:1px solid #BBB; padding:1px 2px; margin-right:3px; width:220px; } .post-cat { background: url(images/mini-category.gif) no-repeat left center; padding-left: 18px; float:left; font-size: 95%; color: #999999; } .post-comments { background: url(images/mini-comments.gif) no-repeat left center; padding-left: 18px; float: right; font-size: 95%; } .post-calendar { background: url(images/mini-calendar.gif) no-repeat left center; padding-left: 18px; float: right; font-size: 95%; color: #999999; } .post-content { clear: both; padding-top: 10px;} #comments, #respond { border-bottom:1px solid #eae6f1; padding-bottom:5px; } .commentlist { margin:10px; padding-left: 20px; } .commentlist li { padding: 5px 10px; position: relative;} .commentlist .avatar { float:left; top: 5px; right: 5px; border: solid 1px #ededed; padding: 1px; background: #fff;} .commentlist .alt { background: #eeeeee;} #commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif;} #commentform p { padding: 6px 0px; margin: 0px;} #commentform label { font-weight: bold; color: #666666; font-size: 100%;} #commentform textarea { width: 580px; height: 115px; background:#eeeeee; border: 1px solid #eae6f1; padding: 2px; margin-top: 3px; } #commentform textarea:focus [type="text"]:focus { background: #ffffff; } .ul-cat { list-style: none; margin:0px 0px 15px; padding:0px; border-bottom: 1px solid #dceeb7;} .ul-cat li { margin: 0px; padding: 2px 0px 2px 20px; border-top: 1px solid #dceeb7; background: url(images/mini-category.gif) no-repeat left center;} .ul-cat li a, .ul-cat li a:visited { color: #495233; text-decoration: none;} .ul-cat li a:hover { color: #FF6600; text-decoration: none; } .recent-comments { list-style:none; margin:0px; padding:0px; line-height:110%; } .recent-comments li { background:url(images/mini-footer-comments.gif) no-repeat; padding:0px 0px 10px 20px; } .recent-comments a { font-size:105%; line-height:130%; font-weight:bold; } .recent-posts { list-style:none; margin:0px; padding:0px; font-size:92%; line-height:110%; } .recent-posts li { background:url(images/mini-footer-post.gif) no-repeat; padding:0px 0px 10px 20px; } .recent-posts a { font-size:115%; line-height:130%; font-weight:bold; }