/* Theme Name: Web Design Pond Theme URI: http://localhost Description: Style for Web Design Pond New look Version: 3.0 Author: Dizi Designs */ *{ margin:0; padding:0;} body { background-image:url(images/background.gif); background-repeat:repeat; background-color:#242424; font-family:Arial, Helvetica, sans-serif; text-align:center;} #wrapper { margin:0 auto; width:933px; text-align:left;} img { border:none; border:0;} .printlogo {display:none;} #header { width:933px; height:127px; } #header .logo { padding-top:15px; float:left; width:236px; padding-bottom:15px;} #header .social { width:252px; height:31px; float:right; background-image:url(images/social-bg.gif); background-repeat:no-repeat; padding-top:6px; margin-bottom:35px;} #header .social .rss { padding-right:30px; padding-left:20px;} #header .search { width:252px; height:30px; background-image:url(images/search-bg.gif); float:right; clear:right;} #header .search .search-button { float:right;} .search-form { float:left; padding:4px; margin-top:2px; margin-left:5px; background-color:#000000; color:#CCCCCC; border:0; border:none; width:200px;} #nav { width:933px; height:61px; background-color:#000000; clear:both; position:relative; } #nav li { float:left; list-style:none; width:auto;line-height:61px; white-space: nowrap;} #nav li a { display:block; height:61px; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center; } #nav li a:hover { background-color:#fcd146;} #nav li a.on, ul#nav li a.on:hover { background-color:#58cbfc;} #nav li a.resources {width:166px; } #nav li a.home { width:118px;} #nav li a.articles { width:142px; } #nav li a.tips { width:200px;} #nav li a.insp{ width:163px; } #nav li a.freeb { width:144px; } #features, #titleheading { width:933px; height:209px; background-image:url(images/features-bg.jpg); background-repeat:no-repeat; position:relative;} #features li {width:933px; height:209px; overflow:hidden; list-style:none;} #features a{ padding: 10px 10px; display:block; text-decoration:none;} #features a img { width:499px; height:185px; margin-right:10px; float:left; border:solid 3px #fcd146} #features a:hover img { width:499px; height:185px; margin-right:10px; float:left; border:solid 3px #58cbfc} #features a span{ color:#FFFFFF; font-size:12px; line-height:18px;} #features a .heading{ color:#58cbfc; display:block; font-weight:bold; font-size:28px; padding-top:22px; padding-bottom:5px; text-transform:uppercase; line-height:30px;} #features a span span { color:#fcd146;} #features a:hover span span {color:#58cbfc;} #slider ul, #slider li{ margin:0; padding:0; list-style:none; width:933px; height:209px; overflow:hidden; } #slider li, #slider2 li{ width:933px; height:209px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:22px; height:39px; position:absolute; top:71px ;z-index:1000;} #prevBtn {left:-22px;} #nextBtn{right:-22px;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:22px; height:39px; background:url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;} #content{ width:676px; background-color:#FFFFFF; float:left; padding-top:5px; padding-left:3px; } #content a.articles { width:222px; margin-right:3px; float:left; font-size:12px; line-height:19px; border-top: solid 4px #fcd658; padding-top:3px; padding-bottom:3px; text-decoration:none; height:193px;} #content a.articles span { font-size:12px; color:#555555; padding-right:2px; } #content a.articles:hover span {} #content a.articles span.heading{ font-size:14px; text-transform: uppercase; color:#000000; font-weight:bold; display:block;} #content a.articles:hover span.heading { color:#58cbfc;} #content h2 { font-size:11px; text-transform: uppercase; clear:both; color:#58cbfc; } #post { padding:5px; width:669px; background-color:#FFFFFF; float:left; font-size:12px; position:relative;} #post .heading { height:99px; margin-bottom:10px;} #post .heading img { float:left; margin-right:10px; border:1px solid #fcd146; padding:2px;} #post .heading h1, #content h1 { color:#58cbfc; display:block; font-weight:bold; font-size:28px; padding-top:10px; text-transform:uppercase; line-height:30px;} #content h1 { padding-bottom:15px;} .date { font-size:10px; color:#666666} .container { clear:both; width:659px; position:relative; padding-bottom:15px; padding-right:10px; } #post h2 {font-size:20px; color:#58cbfc; border-bottom:solid 4px #fcd658; padding-bottom:2px; margin-bottom:5px; text-transform:uppercase;} #post h3 {font-size:15px; color:#58cbfc; } #post p { font-size:12px; line-height:19px; margin-bottom:15px;} #post a { color:#58cbfc; text-decoration: none; font-weight:bold; padding:2px;} #post a:hover { color:#333333; background-color:#fcd658;} #post ol { padding-left:45px; padding-bottom:20px; margin-top:10px; } #post ol li { margin-bottom:10px; line-height:19px;} #post ul { padding-left:25px; padding-bottom:10px; margin-top:10px; } #post ul li {background-image: url(images/bullet-blue.gif); background-repeat: no-repeat; background-position: 0px 6px; list-style-type: none; padding-left:20px; margin-bottom:10px; line-height:19px;} #post blockquote { width:609px; padding:5px 10px; margin:5px 20px; font-size:13px; line-height:18px; text-align:justify; border-left: solid 4px #fcd658; background-color:#F7F7F7;} #post blockquote cite { display:block; text-align:right; color:#58cbfc; font-weight:bold;} #sidebar { width:250px; float:right;} #sidebar h2 { width:244px; height:54px; background-image:url(images/sidebar-headings.gif); background-repeat:repeat-x; color:#e0e0e0; text-transform:uppercase; font-size:14px; line-height:54px; padding-left:6px;} #sidebar ul { list-style-type:none; margin: 0; padding: 0; width:250px; background-color: #eee; font-size:12px; display:block; position:relative; clear:both;} #sidebar ul li { margin-bottom:3px;} #sidebar ul li a { background-color: #eee; color: #000; padding: 5px 3px; text-decoration:none;display:block; } #sidebar ul li a:hover { background: #eee; border-left: 5px #fcd146 solid; padding-left: 10px;} #footer { clear:both; width:923px; padding:5px; font-size:10px; color:#FFFFFF; } #footer a { color:#CCCCCC; text-decoration:none;} #footer a:hover { color:#FFFFFF;} #page { clear:both; width:679px; margin-left:-3px; padding:20px 0px; } /* Comments ---------------------------------------------------------------- */ .comments { padding: 15px; display: block; border-bottom: 10px solid #f1f1f1; clear:both; } #comments .navigation { margin: 1px 0 0; padding: 10px 0 0; background: #fff; } #comments .section-title { margin: 0 0 10px; } #comments ul { margin: 0; padding: 0; list-style: none; } #comments ul ul { margin: 15px 0 10px; } #comments li { margin: 0 0 -1px; padding: 15px 15px 5px; border: 1px solid #eee;} #comments li.alt { background: #f6f6f6; } #comments li.odd { background: #fff; } #comments li.even { background: #f6f6f6; } #comments .comment-author { margin: 0 0 3px; font-size: 1.2em; font-weight: bold; } #comments #trackbacks-list .comment-author { margin: 0; font-size: inherit; } #comments #trackbacks-list .comment-meta,#comments #trackbacks-list .comment-author img,#comments #trackbacks-list .comm-repl-link { display: none; } #comments .comment-author img { float: left; padding: 2px; margin: 0 10px 10px 0; background: #fff; border: 1px solid #eee; } #comments .comment-meta { color: #999; } #comments .comment-meta .meta-sep { padding: 0 4px; } #comments .unapproved { width: 50%; margin: 10px auto; padding: 5px 10px; display: block; color: #0cc6ef; text-align: center; background: #fff; border: solid #c6c6c6; border-width: 1px 0;} #comments .comment-content { clear: both; margin: 10px 0 0; } #comments pre { width 500px; padding-left:10px; display:block; overflow:scroll;} #comments #respond { padding: 15px; position: relative; background: #fff; border-bottom: solid #f1f1f1; border-bottom-width: 10px; } #comments #respond .comm-cancel { top: 21px; right: 15px; font-size: 10px; text-transform: uppercase; position: absolute; } #comments .formcontainer { padding: 20px 20px 5px; background: #f6f6f6; border: 1px solid #eee; } #comments #commentform { padding: 0 0 10px; } #comments #commentform .comm-notes { color: #999; font-style: italic; } #comments #commentform .form-input { margin: 0 0 10px; } #comments #commentform input,#comments #commentform textarea { margin: 0 0 5px; padding: 5px; color: #999; font-size: 1em; font-style: italic; font-family: Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #eee; } #comments #commentform input { width: 250px; } #comments #commentform textarea { width: 97%; } #comments #commentform textarea:focus,#comments #commentform input[type="text"]:focus { color: #000; font-style: normal; background: #fff; } #comments #commentform #submit { float: right; width: auto; margin: 0 4px 0 0; padding: 5px 20px; color: #fff; font-style: normal; text-transform: uppercase; background-color:#58cbfc; } /*----------------------------------custom article css bits */ .wp_syntax{ width:609px; margin:5px 20px;} /* ----------------------------------------------------------------------------------------------page not found */ .notfound { text-align:center; width:640px; padding-top:25px;} .notfound h1 { color:#5DB4C7; font-size:16px;} /* ----------------------------------------------------------------------------------------------banner ad table */ .adbanners {font-size:13px;} .adbanners th { padding-top:15px; color:#5DB4C7; font-size:15px; text-align:center} .adbanners td { border-bottom: solid 1px #5DB4C7; padding:5px;} /* ----------------------------------------------------------------------------------------------character table */ .characterhelp { font-size:13px; width:450px; margin-bottom:15px;} .characterhelp th { padding-top:15px; color:#5DB4C7; font-size:12px; text-align:center; background-color:#FFFFFF} .characterhelp th:hover { background-color:#FFFFFF} .characterhelp td, .characterhelp th{ border: solid 1px #CCCCCC; padding-top:10px; padding-bottom:10px;} .characterhelp td{ padding-left:10px;} .characterhelp tr:hover{ background-color:#d4f5fe} .glyph { font-size:22px; font-weight: bold; text-align:center; background-color:#d4f5fe;} .img_default { padding:2px; border: 1px solid #cde2e0; margin-bottom:20px; } .img_small { padding:2px; border: 1px solid #cde2e0; margin-bottom:10px; margin-right:10px; } .img_smaller { padding:2px; border: 1px solid #cde2e0; margin-bottom:8px; margin-right:5px; float:left; } #nohoverlink {} #nohoverlink a { color:#58cbfc; text-decoration: none; font-weight:bold; padding:2px;} #nohoverlink a:hover { color:#333333; background-color:#ffffff;}