/*@charset "utf-8"; */ /* CSS Document */ /* --------------------------------------------- 01. MAIN ELEMENTS --------------------------------------------- */ body { background:url(images/bg_bk_nero.jpg) repeat-x top #000000; background-attachment: scroll;font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #9ba7b2;} /*body { background:url(images/bg_bk_nero.jpg) repeat-x top #070E16; background-attachment: scroll;font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #9ba7b2;}*/ /*body { background:url(images/bg_bk_blue.jpg) repeat-x top #0F141C; background-attachment: scroll;font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #9ba7b2;}*/ p { margin:0; padding:0; font-size:14px; line-height:1.4em; color: #9ba7b2;} p a:link, p a:visited {color: #FFF; text-decoration: none;} p a:hover {color:#aacee6; text-decoration: underline;} h1 { margin:0; padding:0; font-size:18px; color:#fff; margin-bottom:10px; font-weight:normal; text-transform: uppercase; background:url(images/bg_h1.png) no-repeat top left;} h2 {font-size:14px; margin-bottom:14px; float:left; width:500px; color:#FFF; font-weight:normal;} h2 a {color:#FFF; text-decoration: none;} h3 {font-size:14px; margin-bottom:15px; color:#fff; font-weight:normal;} h4 {font-size:14px; margin-bottom:5px; color:#fff; line-height:1.8em;font-weight:normal;} h5 {font-size:14px; margin-bottom:10px; line-height:1.8em; color:#fff; font-weight:normal;} h6 {font-size:11px; margin-bottom:10px; color:#fff; font-weight:normal;} .listed {padding-left:15px; padding-bottom: 5px; font-weight: bold; line-height:1.8em; color: #fff;} * {margin:0; padding:0; outline:none;} img {border:none;} form {margin:0; padding:0;} strong {font-size:11px; padding-left: 0px;color: #FFF;} /* --------------------------------------------- 02. CONTAINER --------------------------------------------- */ #container {width:100%; padding:40px 0 0 0; } /* --------------------------------------------- 03. WRAPPER --------------------------------------------- */ #wrapper {width:990px; background:url(images/bg_wrapper_g1.png) ; margin:0 auto;} /* --------------------------------------------- 04. HEADER - LOGO AND TOP NAV --------------------------------------------- */ #header {width:990px; height:90px; overflow:auto; padding:110px 0 0 0;} /*78PX*/ #header .logo { padding:0 0 0 45px; width:310px; float:left; display:inline;} #header .topnav {width:100px; float:right; margin-right:35px; display:inline;} #header .topnav ul { margin:7px 0 0 0; padding:0;} #header .topnav ul li {display:inline; } #header .topnav ul li a {display:block; float:left; text-decoration:none; color:#fff; font-size:13px; background:url(images/bg_top_menu_right_blue.png); width:88px; text-align:center; height:22px; line-height:22px; margin:0 5px 0 0; padding:0; } #header-shadow {width:990px; height:15px; background:url(my-stuff/wp-content/themes/david-black-new/images/bg_blacktop2.gif) top no-repeat; overflow:hidden;} /* --------------------------------------------- 05. WELCOME --------------------------------------------- */ #hello { width:900px; height:300px; padding:0px 45px; } #hello ul.hello-nav {display:block; width:900px; border-bottom:1px #1a2b3c solid; overflow:auto; color:#9ba7b2; padding-bottom:20px; margin-bottom: 0px;} #hello .content p {color: #FFF; text-decoration: none;} #hello .content p a{color: #FFF; text-decoration: none;} #hello .content p a:link, p a:visited {color: #FFF; text-decoration: none;} #hello .content p a:hover {color:#aacee6; text-decoration: underline;} #hello ul.hello-nav li {display:inline; } #hello ul.hello-nav li a {color:#9ba7b2; text-decoration:none; float:left; display:block; margin-right:15px;} #hello ul.hello-nav li a:hover {color:#aacee6; text-decoration:none; float:left; display:block; margin-right:15px;} #hello .content {border-bottom:1px #1a2b3c solid; width:900px; height: 255px; overflow: hidden; } #hello .content ul.wrapper { width: 15000px; float: left; list-style: none; } #hello .content ul.wrapper li.left-wrap { width: 900px; height: 255px; padding:10px 0; margin: 0 600px 0px 0; float: left; } #hello .content ul.wrapper li.left-wrap .left {width:900px; float:none;} #hello .content ul.wrapper li.left-wrap .left h1 {display: none;} #hello .content ul.wrapper li.left-wrap .left p{color:#9ba7b2; line-height:1.8em; margin-bottom:0px;} #hello .content ul.wrapper li.left-wrap .right {width:900px; float:left;} /* --------------------------------------------- 06. MAIN CONTENT --------------------------------------------- */ #content-top {width:990px; background:url(my-stuff/wp-content/themes/david-black-new/images/bg_content_wrappertop2.gif) no-repeat top; overflow:auto} #content-bottom {width:990px; height:0px;} #content { width:900px; padding:0 45px;} #content h1 { font-size:18px; color:#FFF; margin-bottom:20px; font-weight:normal; border-bottom:1px #1a2b3c solid; padding-bottom:20px; display:inline-block; width:900px; } #content h6 { font-size:18px; color:#FFF; margin-bottom:20px; font-weight:normal; border-bottom:1px #1a2b3c solid; padding-bottom:8px; display:inline-block; width:900px; } #content h1 span a.goup{width:19px; float:right; display:inline-block; margin-top:-20px; font-size:11px; text-align:right; background:url(images/bg_up.png) right no-repeat; height:19px;} #content h1 span a.otherlinks {color:#e5e3ef; text-decoration:none; font-size:11px; width:50px; display:inline-block; float:left; margin-top:-17px; padding-left:820px; } #footer h1 { font-size:18px; color:#FFF; margin-bottom:0px; font-weight:normal; border-bottom:1px #1a2b3c solid; padding-bottom:20px; display:inline-block; width:900px; } #footer h1 span a.otherlinks {color:#e5e3ef; text-decoration:none; font-size:11px; width:50px; display:inline-block; float:left; margin-top:-17px; padding-left:820px; } #footer h1 span a.goup{width:19px; float:right; display:inline-block; margin-top:-20px; font-size:11px; text-align:right; background:url(images/bg_up.png) right no-repeat; height:19px;} #footer h1 span a.otherlinks {color:#e5e3ef; text-decoration:none; font-size:11px; width:50px; display:inline-block; float:left; margin-top:-17px; padding-left:820px; } #links{height: 0px;} /* --------------------------------------------- 07. PORTFOLIO --------------------------------------------- */ #portfolio {float:left; width:900px; padding-top:14px; } #portfolio p {padding:10px 0 10px 2px; } #portfolio p span {color:#FFF;} #portfolio p a:link, p a:visited {color: #9ba7b2; text-decoration: none;} #portfolio p a:hover {color: #FFF;text-decoration: underline;} #portfolio .portleft {width:287px; height:245px; float:left; border-bottom:1px #1a2b3c solid; margin-bottom:0px;} #portfolio .portmid {width:287px; height:245px; float:left; padding:0 19px;border-bottom:1px #1a2b3c solid; margin-bottom:0px;} #portfolio .portright {width:287px; height:245px; float:right; border-bottom:1px #1a2b3c solid; margin-bottom:0px;} #portfolio .portleft2 {width:287px; height:245px; float:left; border-bottom:1px #1a2b3c solid; margin-bottom:23px;} #portfolio .portmid2 {width:287px; height:245px; float:left; padding:0 19px;border-bottom:1px #1a2b3c solid; margin-bottom:23px;} #portfolio .portright2 {width:287px; height:245px; float:right; border-bottom:1px #1a2b3c solid; margin-bottom:23px;} #portfolio .portleft_btm {width:287px; height:245px; float:left; margin-bottom:0;} #portfolio .portmid_btm {width:287px; height:245px; float:left; padding:0 19px 0 20px; margin-bottom:0;} #portfolio .portright_btm {width:287px; height:245px; float:right; margin-bottom:0;} /* --------------------------------------------- 07. LATEST NEWS --------------------------------------------- */ #latestnews { float:left; width:900px; padding-top:24px; padding-bottom:0px !important; margin-bottom:0px !important; border-bottom:1px #1a2b3c solid; /*background:url(images/graf_1.png) repeat-x top;*/} #latestnews .lnews_left {float:left; width:595px; } #latestnews .lnews_left img {margin-bottom: 15px; margin-top: 6px;} #latestnews .lnews_right {float:right; width:280px;} #latestnews .lnews_left .img_news { padding-bottom:10px} #latestnews .lnews_left .newsentry {clear:both; display:block; width:595px; overflow:auto; height:auto; line-height:1.8em; border-bottom:1px #1a2b3c solid; padding-bottom:10px; margin-bottom:20px;} #latestnews .lnews_left .newsentry-bordernone {clear:both; display:block; width:595px; overflow:auto; height:auto; line-height:1.8em; border-bottom: none; padding-bottom:10px; margin-bottom:0px;} #latestnews .lnews_left h4 {border-top:1px #1a2b3c solid; padding-top: 20px;} #latestnews .lnews_right h2 {border-bottom:1px #1a2b3c solid; width:280px; padding-bottom:20px; margin-bottom:20px; text-transform: uppercase; float:none; } #latestnews .lnews_right ul {list-style:none; margin:0; padding:0; } #latestnews .lnews_right ul li { margin:0; padding-left:20px; background:url(images/bullt_footer.png) no-repeat; background-position: -3px 1px; float:left; width: 73px; } /*-----*/ #latestnews .cat {display:block; width:280px; clear: both; height: 70px !important; text-decoration:none; padding-top:20px; padding-bottom:20px; border-top:1px #1a2b3c solid; } /*-----*/ #latestnews .lnews_right {margin-bottom: 20px;} /*-----*/ #latestnews .aboutme {width:280px; clear: both; text-decoration:none; border-top:1px #1a2b3c solid; padding-top: 20px;} /*-----*/ #latestnews .lnews_right ul li a {display:block; text-decoration:none; color:#e5e3ef; padding:0px 0 6px 0; width:73px; text-decoration:none;} /*-----*/ #latestnews .lnews_right ul li a:hover { text-decoration:underline; color:#aacee6;} #latestnews .lnews_right .categories_archive {padding:0; margin-bottom:0px;} #latestnews .lnews_right .cloud { color: #FFF; padding-bottom:20px; padding-top:0px; text-align: left; margin-bottom:0px; border-bottom:0px #1a2b3c solid; line-height:2.0em;} #latestnews .lnews_right .cloud a:link, a:visited {color: #e5e3ef; text-decoration: none; padding-right: 2px;} #latestnews .lnews_right .cloud a:hover {color:#aacee6; text-decoration: underline; padding-right: 2px;} #latestnews .lnews_right .rssfeed ul li { margin:0; padding-left:20px ; background:url(images/bullt_footer.png) no-repeat; background-position: -3px 1px; height: 30px; } /*-----*/ #latestnews .lnews_right .rssfeed { margin-bottom:20px; padding-top:20px; height:30px; border-top:1px #1a2b3c solid; border-bottom:1px #1a2b3c solid; clear: both; /*-----*/ } #latestnews .lnews_right ul li a.rssli {display:block; background:url(images/rss.png) right top no-repeat; text-decoration:none; color:#e5e3ef; padding:0px 0 0px 0; width:280px; border-bottom:0px #1a2b3c solid; padding-bottom:10px } #latestnews .lnews_right ul li a.rssli2 {display:block; text-decoration:none; color:#e5e3ef; padding:0px 0 0px 0; width:280px; border-bottom:0px #1a2b3c solid; padding-bottom:10px} #latestnews .lnews_right .search {margin-bottom:0px; padding-top:13px; border-top:1px #1a2b3c solid; clear: both; /*-----*/ } /*#latestnews .lnews_right .search {margin-top:0px; margin-bottom: 20px; padding-top:10px; border-top:1px #1a2b3c solid; border-bottom:0px #1a2b3c solid; clear: both; padding-bottom: 0px;}-----*/ #latestnews .lnews_left .comment {float:right; margin-top: 4px;} #latestnews .lnews_left p a {color: #e5e3ef; text-decoration:none; } #latestnews .lnews_left p a:hover {color:#aacee6; text-decoration:underline;} #latestnews .lnews_left p { clear:both; display:block; width:595px; overflow:auto; height:auto; line-height:1.8em; border:none; padding-bottom:7px;} .post-link a{ clear:both; display:block; width:595px; overflow:auto; height:auto; line-height:1.8em; border:none; padding-bottom:0px; margin-bottom:37px; color: #e5e3ef; text-decoration:none;} .post-link a:hover{ clear:both; display:block; width:595px; overflow:auto; height:auto; line-height:1.8em; border:none; padding-bottom:0px; color:#aacee6; text-decoration:underline;} #news-spacer { height:10px; clear: both;} /* --------------------------------------------- 08. CONTACT --------------------------------------------- */ #contact {padding-top:24px; float:left; width:900px; border-bottom:1px #1a2b3c solid; padding-bottom:0px !important; margin-bottom:0px !important; } #contact .contact_left {float:left; width:595px;} #contact .contact_left {color:#000; line-height:2em;} #contact .contact_right {float:right; width:280px; margin-top: 0px;} #contact .contact_right p { display:block; margin-bottom:20px; line-height:1.8em;} #contact .contact_right p a {display:block; color:#e5e3ef; text-decoration:none; background:url(images/mail.png) no-repeat; background-position: -1px 8px; padding-left: 20px; margin-top: 10px;} #contact .contact_right p a:hover {display:block; color:#aacee6; text-decoration:underline;} #content_btm {width:990px; background:url(my-stuff/wp-content/themes/david-black-new/images/bg_contentbtm.gif) top no-repeat; height:52px; } label.textinput {display:block; background:url(images/bg_textinput_bb1.png) no-repeat; width:280px; height:25px; margin-top: 8px; color:#FFF; padding-left: 5px; margin-bottom: 20px;} label.textinput input {width:270px; height:20px; padding:5px 5px 0 5px; background:none; border:none; font-size:11px; color:#FFF; } label.textinput-hp {display:block; background:url(images/bg_textinput_bb1.png) no-repeat; width:280px; height:25px; margin-top: 8px; color:#FFF; padding-left: 5px; margin-bottom: 0px;} label.textinput-hp input {width:270px; height:20px; padding:5px 5px 0 5px; background:none; border:none; font-size:11px; color:#FFF; } label.message {display:block; background:url(images/bg_message.gif) no-repeat; width:580px; height:160px;} label.message textarea {width:560px; height:140px; padding:10px; background:none; border:none;} input.btn {background:url(images/bt_send_bb.png) no-repeat; height:25px; width:92px; margin-top:20px; border:none; cursor:pointer;} /* --------------------------------------------- 09. FOOTER STYLES --------------------------------------------- */ #footer { width:946px; margin:0 auto; padding:24px 0 0 0; padding-left: 44px; color:#9ba7b2; background:url(images/bg_wrapper_g1.png) ;} #footer .footerow2 {height: 200px;} .footerow-h2 {height: 30px; } #footer .footerow {border-bottom:1px #1a2b3c solid; overflow:auto; width:900px; padding:25px 0 20px 0px;} .footerow-h {height: 0px; } #footer .footerow ul.link {list-style:none;} #footer .footerow ul.link li { background:url(images/bullt_footer.png) no-repeat; background-position: -3px 5px; padding:4px 0 4px 20px;} #footer .footerow ul.link li a{color: #e5e3ef; text-decoration:none;} #footer .footerow ul.link li a:hover {color:#aacee6; text-decoration: underline;} #footer .footerblock_left {width:287px; float:left; } #footer .footerblock_mid{width:287px; float:left; padding:0 19px 0 20px; } #footer .footerblock_right{width:287px; float:right;} #footer .footerow ul.iconlinks {list-style:none;} #footer .footerow ul.iconlinks li { display:inline;} #footer .footerow ul.iconlinks li a {display:block; float:left; height:38px; width:38px; background:url(images/footericons.png) no-repeat; margin-right:22px;} #footer .footerow ul.iconlinks li a.link1 { background-position: 0 0; } #footer .footerow ul.iconlinks li a.link2 { background-position: -60px 0; } #footer .footerow ul.iconlinks li a.link3 { background-position: -122px 0; } #footer .footerow ul.iconlinks li a.link4 { background-position: -188px 0; } #footer .footerow ul.iconlinks li a.link5 { background-position: -248px 0; } #footer .footerow ul.iconlinks li a.link6 { background-position: -311px 0; } #footer .footerow ul.iconlinks li a.link7 { background-position: -376px 0; } #footer .footerow ul.iconlinks li a.link8 { background-position: -436px 0; } #footer .footerow ul.iconlinks li a.link9 { background-position: -499px 0; } #footer .footerow ul.iconlinks li a.link10 { background-position: -566px 0; } #footer .footerow ul.iconlinks li a.link11 { background-position: -617px 0; } #footer .footerow ul.iconlinks li a.link12 { background-position: -679px 0; } #footer .footerow ul.iconlinks li a.link13 { background-position: -744px 0; } #footer .footerow ul.iconlinks li a.link14 { background-position: -804px 0; } #footer .footerow ul.iconlinks li a.link15 { background-position: -866px 0; margin-right:0;} /*#footer .footerbtm {overflow:auto; width:900px; padding:82px 0 76px 0;}*/ #footer .footerbtm {overflow:auto; width:900px; padding:40px 0 30px 0;} #footer .footerbtm .footerbtm_left{width:550px; } #footer .footerbtm .footerbtm_left ul {list-style:none; margin:20px 0 0 0;} #footer .footerbtm .footerbtm_left ul li {display:inline; color:#9ba7b2; margin-left:5px;} #footer .footerbtm .footerbtm_left ul li a {text-decoration:none; color:#9ba7b2;border-left:1px solid #9ba7b2; padding-left:5px; line-height:1em;} #footer .footerbtm .footerbtm_right{width:320px; float:left; margin-top:-220px; position:absolute; z-index:10; margin-left:592px; } /* margin-top:44px; */ /* --------------------------------------------- 10. COMMENTS --------------------------------------------- */ #comments {padding-top:24px; float:left; width:900px; padding-bottom:0px; border-bottom:1px #1a2b3c solid;} .commentno {margin-top:10px;padding-top:20px;margin-bottom:10px !important; } #comments h1 { font-size:18px; color:#FFF; margin-bottom:0px; font-weight:normal; border-bottom:1px #1a2b3c solid; padding-bottom:20px; display:inline-block; width:900px; } #comments .comments_left {float:left; width:595px; margin-top:0px;} #comments .comments_left .user { margin-top:2px; width:595px; float:left; margin-bottom:-1px; padding-top: 20px; border-bottom:1px #1a2b3c solid; } #comments .comments_left .user-bordernone { margin-top:2px; width:595px; float:left; } #comments .comments_left .photos { width:80px; height:85px; float:left; margin-bottom: 20px; margin-right: 25px;} #comments .comments_left h2 { font-size:14px; font-weight:normal; color:#FFF; margin-left:0px; float:left; width:180px;} #comments .comments_left h2 span { font-size:11px; font-weight:normal; color:#FFF} #comments .comments_left p { float:left; width:490px; line-height:1.8em; padding-left:0px; padding-bottom:10px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; } #comments .comments_left .text-comment { float:left; width:490px; line-height:1.8em; padding-left:0px; padding-bottom:10px} .line { width: 595px; height: 1px; background: #1a2b3c; margin: -21px 0 20px 0; } .news-post{ border-top:1px #1a2b3c solid; width: 595px; padding-top: 20px; } /* --------------------------------------------- 11. MEDIA SCREEN --------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0){ #content h1 { float: left; display: block; } #content h1 span a.goup{display:block; margin-top:0px; text-align: left;} #content h1 span a.otherlinks {display:block; margin-top:0px;} #footer h1 span a.goup{display:block; margin-top:0px; text-align: left;} #footer h1 span a.otherlinks {display:block; margin-top:0px;} } /* --------------------------------------------- 12. CODE POST --------------------------------------------- */ pre {border: solid 1px #1a2b3c; line-height:1.8em; font-size: 11px; color: #FFF; margin-top: 10px; margin-bottom: 10px; padding:10px; overflow-x: hidden; /* background:url(images/bg_wrapper.png)repeat top #10151d;*/ } code {font-size:11px; width: 100%;}