/* Theme Name: dnx Theme URI: http://www.dnxmarketing.com Description: A theme by dnx. Version: 2.0 Author: Mike Ballan Author URI: http://www.mikeballan.co.uk */ /***** Global Settings *****/ html { overflow:-moz-scrollbars-vertical; overflow:scroll; height:100%; overflow-x:hidden; } body { margin:0; padding:0; background: url(images/bg-01.gif) repeat-x; background-color:#f2f2f2; font:12px Arial, Helvetica, sans-serif; color:#666666; } /***** Headings *****/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { font:30px Georgia, Times New Roman, Times, serif; color:#59298a; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #eae6f1; } h2 { font:16px Georgia, Times New Roman, Times, serif; color:#59298a; padding:0 0 5px 0; } h3 { font:16px Georgia, Times New Roman, Times, serif; color:#eeeeee; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #706c77; } h4 { font:16px Georgia, Times New Roman, Times, serif; color:#59298a; padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #eae6f1; } h5 { font:16px Georgia, Times New Roman, Times, serif; color:#59298a; padding:0; margin:0; } /***** Common Formatting *****/ p { margin:0; padding:0 0 10px 0; } a:link, a:visited, a:active { font-size:12px; color:#663399; text-decoration:underline; } a:hover { font-size:12px; color:#663399; text-decoration:underline; } a:focus { -moz-outline-style: none; } hr { margin:5px 0 15px 0; border:0; color:#eae6f1; background-color:#eae6f1; height:1px; width:100%; text-align:left; } img { border:0; } h2 a:link { font-size:16px; color:#59298a; text-decoration:none; } h2 a:visited { font-size:16px; color:#59298a; text-decoration:none; } h2 a:active { font-size:16px; color:#59298a; text-decoration:none; } h2 a:hover { font-size:16px; color:#59298a; text-decoration:none; } h5 a:link { font-size:16px; color:#59298a; text-decoration:none; } h5 a:visited { font-size:16px; color:#59298a; text-decoration:none; } h5 a:active { font-size:16px; color:#59298a; text-decoration:none; } h5 a:hover { font-size:16px; color:#59298a; text-decoration:none; } /***** Body *****/ #container-01 { margin:0 auto; padding:0; width:1000px; text-align:left; } #container-02 { margin:0 auto; padding:0; width:960px; text-align:left; } #container-03 { margin:0 auto; padding:0; width:100%; background: url(images/bg-03.gif) repeat-x; background-color:#222222; text-align:left; } #col-header { margin:31px 0 0 20px; padding:0; width:960px; text-align:left; } #col-header-1-2 { float:left; margin:0; padding:0; width:200px; text-align:left; } #col-header-2-2 { float:right; margin:0; padding:0; width:760px; text-align:right; } #col-banner { margin:0; padding:23px 20px 0 20px; background: url(images/bg-02.gif) no-repeat; width:960px; height:237px; text-align:left; } #col-banner-flash { margin:0; padding:0; width:960px; height:210px; background: url(images/bg-05.png) no-repeat; background-color:#FFFFFF; text-align:left; } #col-cloakroom { margin:0; padding:23px 20px 0 20px; background: url(images/bg-02a.gif) no-repeat; width:960px; height:352px; text-align:left; } #col-cloakroom-flash { margin:0; padding:0; width:960px; height:325px; background: url(images/bg-05.png) no-repeat; background-color:#FFFFFF; text-align:left; } #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 .no-border { margin:0; padding:10px 0 0 0; border:none; } #col-1-2 { float:left; margin:0; padding:0 20px 0 0; width:610px; text-align:left; } #col-1-2 img { margin:0 10px 10px 0; padding:4px; border:1px solid #e3d3f7; } #col-2-2 { float:right; margin:0; padding:0; width:320px; text-align:left; } #col-1-3 { float:left; margin:0 0 30px 0; padding:0 20px 0 0; width:300px; text-align:left; } #col-2-3 { float:left; margin:0; padding:0 20px 0 0; width:300px; text-align:left; } #col-3-3 { float:left; margin:0; padding:0; width:300px; text-align:left; } #col-ul ul,li { list-style-type:none; padding:0; margin:5px 0 10px 0; } #col-ul li { background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0 .4em; padding-left:10px; margin:0 0 5px 0; } #col-front img { margin:0; padding:0; display:none; } #col-front p { margin:0; padding:0; } #col-post { float:left; margin:0 0 20px 0; padding:0 20px 0 0; width:300px; text-align:left; } #col-portfolio-info { margin:0 0 15px 0; padding:0; font-size:11px; color:#59298a; font-weight:bold; text-decoration:none; background:#ede7f1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px 10px 10px 10px; } #col-portfolio-info ul,li { list-style-type:none; padding:0; margin:0; } #col-portfolio-info li { background-image:url(images/info.gif); background-repeat:no-repeat; padding:5px 0 0 20px; margin:0; } #col-portfolio { float:left; margin:0 0 10px 0; padding:0 10px 0 0; width:310px; text-align:left; } #col-profile ul { list-style-type:none; padding:0 0 20px 0; margin:0; } #col-profile li { float:left; display:block; padding:0; margin:0 4px 0 0; line-height:20px; } #col-profile a:link { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#b69ec8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; } #col-profile a:visited { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#b69ec8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; } #col-profile a:active { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#b69ec8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; } #col-profile a:hover { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; background:#59298a; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:1px 4px; } #col-date { font-size:10px; color:#666666; } #col-date a:link { font-size:10px; color:#59298a; text-decoration:none; } #col-date a:visited { font-size:10px; color:#59298a; text-decoration:none; } #col-date a:active { font-size:10px; color:#59298a; text-decoration:none; } #col-date a:hover { font-size:10px; color:#59298a; text-decoration:none; } #small-links a:link { font-size:10px; color:#663399; text-decoration:underline; } #small-links a:visited { font-size:10px; color:#663399; text-decoration:underline; } #small-links a:active { font-size:10px; color:#663399; text-decoration:underline; } #small-links a:hover { font-size:10px; color:#663399; text-decoration:underline; } #col-footer { margin:0 auto; padding:22px 0 0 0; width:960px; height:301px; text-align:left; background: url(images/bg-04.gif) no-repeat; background-position:top right; font-size:11px; color:#fafafa; } #col-footer a:link { font-size:11px; color:#ad80db; text-decoration:underline; } #col-footer a:visited { font-size:11px; color:#ad80db; text-decoration:underline; } #col-footer a:active { font-size:11px; color:#ad80db; text-decoration:underline; } #col-footer a:hover { font-size:11px; color:#ad80db; text-decoration:underline; } #col-footer hr { margin:5px 0 15px 0; border:0; color:#706c77; background-color:#706c77; height:1px; width:100%; text-align:left; } #col-footer-1-3 { float:left; margin:0; padding:0 20px 0 0; width:300px; text-align:left; } #col-footer-2-3 { float:left; margin:0; padding:0 20px 0 0; width:300px; text-align:left; } #col-footer-3-3 { float:left; margin:0; padding:0 20px 0 20px; width:280px; text-align:left; } /***** Navigation *****/ #navigation { float:right; list-style:none; margin:0; padding:20px 0 0 0; font-size:12px; } #navigation li { float:left; } #navigation li a { display:block; text-align:center; color:#666666; padding:5px; margin:0 0 0 10px; text-decoration:none; } #navigation li a:visited { color:#666666; text-decoration:none; } #navigation li a:active { color:#666666; text-decoration:none; } #navigation li a:hover { background:#f5effa; color:#9966cc; text-decoration:none; } /***** portfolio *****/ .boxgrid { width:310px; height:140px; margin:0; float:left; background:#FFFFFF; overflow:hidden; position:relative; color:#FFFFFF; } .boxgrid img { position:absolute; top:0; left:0; border:0; } .boxgrid p { padding:10px 0 0 10px; color:#FFFFFF; } .boxcaption { float:left; position:absolute; background:#000; height:100px; width:100%; opacity: .9; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .captionfull .boxcaption { top:140px; left:0; } .caption .boxcaption { top:140px; left:0; } .boxgrid a:link { color:#FFFFFF; text-decoration:none; } .boxgrid a:visited { color:#FFFFFF; text-decoration:none; } .boxgrid a:active { color:#FFFFFF; text-decoration:none; } .boxgrid a:hover { color:#FFFFFF; text-decoration:underline; } /***** Twitter *****/ #col-twitter ul { list-style-type:none; padding:0; margin:5px 0 10px 0; } #col-twitter li { display:block; background-image:url(images/twitter-bullet.gif); background-repeat:no-repeat; background-position:0 .4em; padding-left:20px; margin:0 0 10px 0; } #col-twitter li a:link { font-size:10px; color:#663399; text-decoration:underline; } #col-twitter li a:visited { font-size:10px; color:#663399; text-decoration:underline; } #col-twitter li a:active { font-size:10px; color:#663399; text-decoration:underline; } #col-twitter li a:hover { font-size:10px; color:#663399; text-decoration:underline; } /***** Flickr *****/ #flickr_badge_uber_wrapper { text-align:left; margin:0 auto; width:300px; } #flickr_badge_wrapper { text-align:left; padding:0px; } .flickr_badge_image img { float:left; margin:0 5px 5px 0; padding:4px; border:1px solid #e3d3f7; width:45px; height:45px; } #flickr_badge_uber_wrapper a:active { text-decoration:none !important; color:#3993ff; } /***** 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; } .img-no-border img { float:left; margin:0; padding:0; border:none; } .img-profile { float:left; margin:0 10px 10px 0; padding:4px; border:1px solid #e3d3f7; } .purple { color:#9966cc; } .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; } /***** Form *****/ .footerform p { margin:0; padding:0 0 5px 0; } .footerform label { font-weight:bold; float:left; width:250px; } .footerform input[type="text"] { margin:0 0 10px 0; padding:2px 0 0 0; width:250px; height:20px; background: url(images/search.jpg); border:0; } .footerform textarea { margin:0 0 10px 0; padding:0; width:250px; height:150px; } .footerform select { width:250px; height:18px; } /***** 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:280px; } .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; } #searchform { background: #bcd67e url(images/searchform-bg.gif) repeat-x; width: 220px; padding: 10px 10px 10px 10px; float:right;} #searchform #s { border:1px solid #203346; width: 135px; height: 22px; padding: 2px 5px 0px 5px; border: 1px solid #bed881; background: #e9facc; vertical-align: middle;} #searchform #searchsubmit { background: url(images/search-btn-bg.gif) no-repeat; border: none; width: 28px; height: 24px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; vertical-align: middle;} #searchform label { font-size: 11px; color: #41550e;} .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; } /***** Wordpress Page Numbers *****/ #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { background: white; padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px; font-size: 11px; font-family: Arial; } #wp_page_numbers { margin-top: 10px; width: 100%; margin-bottom: 10px; } #wp_page_numbers ul { width: 100%; } #wp_page_numbers li { float: left; display: block; margin-bottom: 2px; } #wp_page_numbers a { padding: 3px; padding-left: 5px; padding-right: 5px; margin-left: 2px; margin-right: 2px; display: block; color: #333; border: 1px solid #bfbfbf; } #wp_page_numbers li a:hover { border-color: #59298a; } #wp_page_numbers li.space { padding: 6px; padding-left: 2px; padding-right: 2px; } #wp_page_numbers li.first_last_page { font-style: italic; } #wp_page_numbers li.active_page a { border-color: #59298a; } #wp_page_numbers li.active_page a:hover { color: black; /* IE fix */ text-decoration: underline; border-color: #59298a; } #wp_page_numbers li.page_info { float: left; display: block; padding: 3px; padding-left: 5px; padding-right: 5px; margin-right: 2px; color: #666; font-size: 11px; border: 1px solid #bfbfbf; } /* saints */ .saints-intro { border-bottom:1px solid #e5e5e5; margin-bottom:20px; } .saints-intro p { margin:10px 0px; } .post span.commentCount { color: #59298A; font-family:Georgia,Times New Roman,Times,serif; }