/* Theme Name: Black Pearl Theme Theme URI: http://wp3.site90.net/ Description: WordPress theme Version: 1.0 Author: High Impact SEO Author URI: http://www.highimpact-seo.co.uk/ Tags: two-columns, black, fixed-width, custom-colors */ @import url("reset.css"); /* Begin Typography & Colors */ body { margin: 0; padding: 0; color: gray; font-family: verdana; background: black url(images/back.jpg) no-repeat center top; } a, a:visited { text-decoration: none; color: orange; } a:hover { text-decoration: underline; } #wrap { width: 910px; margin: 0 auto; background-position: 0 0; } /* Search */ .search { position: absolute; bottom: 10px; right: 0; } .search form { width: 175px; height: 38px; margin-bottom: 0; margin-left: 0; margin-right: 0; } .search form input.active { color: #5C5C5C; } .search a { margin-left: 0px; line-height: 12px; } .search form input { color: #BBB; font-size: 11px; font-weight: bold; font-family: Arial, sans-serif; width: 133px; height: 19px; background: url(images/search.png) no-repeat; border: 0; padding-left: 25px; //padding-top: 2px; } .search form input, x:-moz-any-link { padding-top: 2px; } /* Home */ /*Content*/ #banner { margin-left: auto; margin-right: auto; width: 100%; padding-top: 10px; margin: 0; padding-bottom: 0; } #banner a img { margin-left: auto; margin-right: auto; margin: 0; } #content { width: 600px; float: right; padding: 0; } .postarea { line-height: 200%; padding-bottom: 20px; width: 560px; float: left; } /* Header */ #header { width: 900px; margin: 0 auto; padding: 50px 0 0; position: relative; height: 100px; background-position: right top; } .blogname { font: 25px Georgia, "Times New Roman", Times, serif; color: white; padding-top: 13px; } .description { color: black; padding-top: 10px; font-size: 14px; font-style: italic; } /*Corners*/ /*Breadcrump*/ /*NavBar*/ #navbar { height: 38px; margin: 0 auto; padding: 0; width: 910px; background-color: rgba(0,0,0,0.48); } #navbar ul { margin: 0; padding: 0; list-style-type: none; height: 52px; } #navbar ul li { float: left; position: relative; padding-top: 0; background-position: 0 0; background-repeat: no-repeat; margin-bottom: 0; margin-top: 0; margin-left: 0; } #navbar .page_item a { } #navbar ul li a, #navbar ul li a:visited { display: block; height: 25px; padding-top: 13px; font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif; text-decoration: none; text-transform: uppercase; background-position: right top; background-repeat: no-repeat; border-right: 1px dotted white; padding-right: 20px; padding-left: 20px; color: white; } #navbar ul .current_page_item a, #navbar ul .current_page_item a:visited { color: orange; } #navbar ul li a:hover { background-color: black; color: white; } #navbar ul li ul { padding: 0; margin: 0; display: none; position: absolute; top: 25px; left: 0; width: 200px; } #navbar ul li ul li a, #navbar ul li ul li a:visited { border-bottom: 1px dotted white; color: black; text-shadow: #000000 0 0 0; border-right-style: none; border-left-style: none; font-size: 10px; font-weight: normal; background-image: url(images/greyback.jpg); font-style: normal; } #navbar ul li ul li a:hover { background-color: white; color: black; background-image: none; } #navbar ul li ul li { float: none; } /*Sidebar*/ #sidebar { width: 285px; float: left; font-size: 10px; color: white; margin-top: 10px; } #sidebar ul { padding: 0; margin: 0; } #sidebar ul li { margin: 0; } #sidebar ul .widget { background-color: rgba(0,0,0,0.5); margin-bottom: 10px; padding: 5px; } #sidebar ul li h2 { color: orange; margin: 0; font: 16px Georgia, "Times New Roman", Times, serif; padding: 10px 10px 10px 30px; } #sidebar ul ul { margin: 0; line-height: 18px; background-repeat: repeat-x; } #sidebar ul ul li a, #sidebar ul ul li a:visited { display: block; text-decoration: none; color: white; margin: 0; background: url(images/5x5.png) no-repeat 5px center; padding: 5px 5px 5px 15px; border-bottom: 1px dotted silver; } #sidebar ul ul li a:hover { color: black; background-color: orange; } #sidebar .widget_tag_cloud a, #sidebar .widget_tag_cloud a:visited { color: silver; margin: 3px; } #sidebar .widget_tag_cloud a:hover { color: orange; text-decoration: none; } #sidebar .widget_tag_cloud h2 { margin-bottom: 10px; } #sidebar .widget_tag_cloud { margin-bottom: 10px; } #sidebar .textwidget { padding: 5px 5px 10px; font-size: 11px; line-height: 20px; } #sidebar #recentcomments a, #sidebar #recentcomments a:visited { background-image: none; text-decoration: none; border-style: none; color: orange; } #sidebar #recentcomments a:hover { text-decoration: underline; background-color: rgba(0,0,0,0); } #sidebar #recentcomments li { background: url(images/5x5.png) no-repeat 5px center; border-bottom: 1px dotted silver; padding: 5px 5px 5px 15px; } /*Icons*/ #sidebar .widget_categories .widgettitle { background: url(images/cat.png) no-repeat 0 center; } #sidebar .widget_links .widgettitle { background: url(images/link.png) no-repeat 0 center; } #sidebar .widget_pages .widgettitle { background: url(images/pages.png) no-repeat 0 center; } #sidebar .widget_archive .widgettitle { background: url(images/archive.png) no-repeat 0 center; } #sidebar .widget_recent_comments .widgettitle { background: url(images/comments2.png) no-repeat 0 center; } #sidebar .widget_recent_entries .widgettitle { background: url(images/post.png) no-repeat 0 center; } #sidebar .widget_meta .widgettitle { background: url(images/pages.png) no-repeat 0 center; } #sidebar .widget_text .widgettitle { background: url(images/posts.png) no-repeat 0 center; } #sidebar .widget_tag_cloud .widgettitle { background: url(images/tags.png) no-repeat 0 center; } /*Date*/ .date { padding: 0px; font-size:10px; color: white; margin: 3px 0 0; } .date li { float: left; padding-top: 5px; padding-right: 5px; } .comment { background: url(images/comments.png) no-repeat 0 4px; float: left; padding-right: 0; padding-bottom: 2px; padding-left: 15px; margin-bottom: 0; margin-left: 0; margin-right: 0; } .date ul { margin: 0; list-style-type: none; padding: 0; } .pdate { text-align: center; color: white; text-transform: uppercase; float: left; font: 12px verdana; width: 110px; height: 15px; border: 1px solid gray; background: url(images/stripe.jpg) repeat-x; } /*Content*/ .preview { float: left; margin-right: 20px; } #readmore { font-size: 10px; margin-bottom: 10px; padding: 5px; display: block; text-align: right; } #readmore:hover { background-color: orange; color: black; text-decoration: none; } .alignleft { float: left; margin-right: 10px; margin-bottom: 5px; } .alignright { float: right; margin-bottom: 5px; margin-left: 10px; } #cath1 { color: white; margin-top: 0; margin-left: 0; margin-right: 0; font: 24px Georgia, "Times New Roman", Times, serif; background: url(images/diploma.png) no-repeat 0 0; padding-top: 10px; padding-bottom: 10px; } #pageh1 { width: 840px; font-size: 20px; padding-bottom: 20px; padding-top: 20px; color: white; } #cath1 { } #content h2 { font-size: 20px; padding-bottom: 15px; } #content h1 a, #content h1 a:visited { text-decoration: none; color: white; } #content h1 a:hover { color: orange; } #postarea { position: relative; margin-left: 0; margin-right: 0; margin-top: 10px; padding-top: 10px; border-top: 1px dotted white; } #postarea p { margin-top: 10px; font: 12px/22px "Lucida Grande", Lucida, Verdana, sans-serif; padding-right: 20px; padding-left: 20px; margin-bottom: 10px; color: silver; } #content img { } #pimg { margin-right: 10px; float: left; border: 1px solid gray; } /*Comments*/ #commentblock { margin: 0; padding: 0; } #loged { float: right; padding: 10px; border: 1px dotted orange; width: 126px; line-height: 16px; text-align: center; color: white; font-size: 12px; background-repeat: repeat-x; } #loged a, #loged a:visited { color: orange; } #loged h3 { margin-top: 5px; font: 16px Georgia, "Times New Roman", "Bitstream Charter", Times, serif; margin-bottom: 5px; } #gravatar { border: 1px dotted orange; margin: 0 10px 10px 0; width: 80px; height: 80px; float: left; padding: 3px; text-shadow: white 0px 0px 0px; background-repeat: repeat-x; } #gravatarbig { border: 1px dotted orange; margin: 5px 0; width: 120px; height: 120px; padding: 3px; text-shadow: white 0px 0px 0px; background-repeat: repeat-x; } #gravatar img { margin: 0; padding: 0; } #commresponse { padding-bottom: 10px; font: 18px Georgia, "Times New Roman", "Bitstream Charter", Times, serif; color: white; } .comments { margin: 0; padding: 10px 0 0; border-top: 1px dotted black; } .comments h3 { padding: 0; margin: 0 0 10px; font-size: 20px; color: orange; } #commauthor h3 { color: orange; } #comments { line-height: 16px; font-size: 14px; width: 640px; margin: 0; padding: 0; } .commentlist { margin: 0; padding: 0; } #commentblock ol li { margin: 0 0 10px; padding: 10px; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; background-repeat: repeat-x; border: 1px dotted orange; } #commentblock ol li h3 a, #commentblock ol li h3 a:visited { } #commentblock ol li h3 { font-size: 16px; font-weight: normal; font-style: normal; margin: 0; padding: 0; color: orange; } .commentdate { display: block; font-size:10px; color: gray; margin: 0 0px 0px; padding: 5px 0 10px; width: 640px; } .commenttext { float: right; width: 457px; margin-top: 10px; padding: 10px; border: 1px dotted orange; color: silver; background-repeat: repeat-x; } .commenttext p a, .commenttext p a:visited { color: orange; } .commenttext p { margin: 0; padding: 0; font: 11px/18px Verdana; } .registered { padding-bottom: 10px; } .commentforms { padding: 10px; margin: 0; border: 1px dotted orange; color: black; background-repeat: repeat-x; } .commentforms label{ font-size: 12px; padding-left: 10px; color: orange; } .commentforms a, .commentforms a:visited { } #name, #email, #url { width: 200px; margin-right: 20px; vertical-align: 0; padding: 3px; background-repeat: repeat-x; } #name, #email, #url, #words { padding: 3px; border: 1px dotted orange; margin: 0 0 10px; font-size: 12px; line-height: 18px; background: black no-repeat 0; color: white; } #words { background: black url(images/commback.png) no-repeat center center; width: 410px; } #submit { border: none; color: white; font-weight: bold; font-size: 14px; margin-bottom: 10px; background: orange repeat-x; height: 31px; padding: 5px 15px; } #submit:hover { background-color: white; color: gray; } #commh2 { font: 16px/28px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; border-bottom: 1px dotted gray; width: 100%; padding-bottom: 10px; color: orange; margin-bottom: 10px; } .nocomments { font-size: 12px; padding-bottom: 10px; color: gray; } /*Footer*/ #footer { width: 100%; padding: 0; background: black url(images/footer.gif) repeat-x 0 0; border-bottom: 1px solid orange; margin-left: auto; margin-right: auto; font-size: 12px; margin-top: 15px; border-top: 1px solid orange; } #footer p { margin: 0; padding-top: 10px; padding-bottom: 10px; color: white; font-size: 12px; } .footerblock .textwidget { padding: 5px 5px 10px; font-size: 11px; line-height: 20px; color: white; } .footerblock { width: 900px; margin-left: auto; margin-right: auto; } .footerblock .widget { float: left; width: 220px; margin-right: 15px; margin-left: 15px; margin-bottom: 20px; padding: 20px; } .footerblock .widget h2 { color: white; border-bottom: 1px dotted silver; padding-top: 10px; padding-bottom: 10px; } .footerblock .widget ul li a, .footerblock .widget ul li a:visited { padding: 5px; display: block; color: silver; } .footerblock .widget ul li a:hover { background-color: black; text-decoration: none; color: orange; } .footerblock .widget_tag_cloud a, .footerblock .widget_tag_cloud a:visited { color: white; margin: 3px; } .footerblock .widget_tag_cloud a:hover { color: orange; text-decoration: none; } .footerblock .widget_tag_cloud h2 { margin-bottom: 10px; } #footer2 { width: 100%; background: black repeat-x 0 0; border-bottom: 1px solid black; margin-left: auto; margin-right: auto; color: white; padding-top: 10px; padding-bottom: 20px; font-size: 12px; border-top: 1px solid gray; } .fleft { width: 430px; float: left; text-align: left; } #footer2 a, #footer2 a:visited { color: silver; } #footer2 a:hover { color: orange; text-decoration: none; } .fright { float: right; width: 430px; text-align: right; line-height: 16px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; }