/* Theme Name: Abtely Description: WordPress theme in grey-blue colors, two columns, widget ready area and tons of functions. Automatic post thumbnail, Featured posts, Dropdown category menu, Social Manager. All in powerfull theme options menu. Theme URI: http://beatheme.com/abtely-theme/ Author: Dannci Author URI: http://beatheme.com/ version: 1.2 Tags: black, blue, red, silver, tan, white, light, two-columns, right-sidebar, fixed-width, custom-header, theme-options, threaded-comments, holiday, photoblogging, seasonal License: GPL License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* basics */ *{margin:0; padding:0;} body { background:#F7F6F6 url(images/bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin:9px 0 0 0; } h1 {font-size: 23pt;font-weight:bold;margin:10px 0; text-transform:capitalize; font-variant:small-caps;} h2 {font-size: 18pt; margin:10px 0;} h3 {font-size: 14pt; margin:10px 0;} h4,h5,h6 {font-size: 12pt; margin:10px 0;} .pagetitle {font-size: 16px; margin:0 0 -20px 0; height:20px; overflow:hidden;} img{ border: none; padding:0; } img a{border:none;} img.left{ float: left; border: none; padding: 6px 0 0 0; } img.right{ float: right; border: none; padding: 0 0 0 6px; } blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; } code{ font-family:"Courier New", Courier, monospace; } abbr{color:#7794B1;} small a{color:#000;text-shadow: 1px 1px 0px #fff;} /* links */ a{ color:#7794B1; text-decoration:none; text-shadow: 1px 1px 0px #fff; } a:hover{text-decoration: underline;} .gallery-caption {} /* container */ #container { width: 920px; margin: 0 auto; padding:0; color:#000; overflow: hidden; } /* header */ #header { width: 920px; height: 100px; margin:0 0 4px 0; color: #fff; overflow:hidden; } #header h1{ font-size:33pt; padding:17px 0 3px 0; margin:0; letter-spacing:-2px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } #header h1 a{ color: #fff; text-decoration: none; font-weight: normal; text-shadow:none; } #header h1 a:hover{color: #ccc; text-decoration: none;} #header h2{ font:normal 10px Arial, Helvetica, sans-serif; color:#999; padding: 0 0 0 25px; margin:0; } #headerleft{ float:left;width:450px;} #headerright{ float:right; width:400px;} /* main menu */ .secnav,.menu { font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size: 10pt; width:920px; margin:0; height:36px; overflow:hidden; background:url(images/nav1-sep.gif) left no-repeat; } .secnav ul,.menu ul { margin:0; padding:0; } .secnav ul li,.menu ul li { list-style-type: none; float:left; margin: 0; padding: 0; } .secnav ul li a ,.menu ul li a{ padding:10px 25px; margin: 0; color: #7794B1; display:block; background:url(images/nav1-sep.gif) right no-repeat; } .secnav ul li a:hover,.menu ul li a:hover { background: #fff; color:#000; text-decoration:none; } /* Style drop down list */ .secnav li ul ,.menu li ul{ position: absolute; width: 1em; width: 188px; left: -999em; z-index: 10; border: 1px solid #e6e6e6; border-width:0px 1px 1px; } .secnav li li,.menu li li { font-weight: normal; } .secnav li:hover ul, .secnav li.sfhover1 ul { left: auto; } .secnav li ul li a,.menu li ul li a { background: url(images/grey_cat_bg.gif) repeat-x; line-height: 34px; color: #565656; font-size: 10px; width: 148px; padding: 0 20px; margin:0; } .secnav li ul li a { } .secnav li ul li a:hover,.menu li ul li a:hover { background: #D4D4D3; } .secnav li ul ul,.menu li ul ul { margin: -35px 0 0 188px; border-width:1px; } .secnav li:hover ul ul, .secnav li.sfhover1 ul ul { left: -999em; } .secnav li:hover ul, .secnav li li:hover ul, .secnav li.sfhover1 ul, .secnav li li.sfhover1 ul { left: auto; } /* IE7 Fix */ .secnav li:hover, .secnav li.hover { position: static; } /* content */ #content { float:left; width:570px; overflow: hidden; margin:30px 0; } .sticky{ background-color:#006600;} .post { margin:30px 0; padding:30px; line-height: 20pt; background:#EFEFEF url(images/post-bg.jpg) no-repeat 1px 1px; border:1px solid #BEBEBE; } .post h2{ font:normal 22pt georgia, times; margin:0 0 15px 0; text-shadow: 1px 1px 0px #fff; } .post h2 a{ color: #000; text-decoration: none; } .post h2 a:hover{ color: #7794B1; text-decoration: none; } .post ul {} .post li {} .entry p{margin:20px 0;} .thumb img { margin:0 30px 10px -4px; padding:14px 20px 20px 14px; border:none; background:#fff url(images/thumb-bg.jpg); overflow:hidden; float:left; } .postmetadata{ clear: both; background:#F7F6F6; padding: 20px 29px; margin: 20px -29px -29px -29px; border-top:1px solid #dddddd; font-weight:bold; overflow:hidden; } .postmetadata a{ color:#000000; } .navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; } .alignleft {float:left; margin:25px 0; display:inline;} .alignright{float:right; margin:25px 0; display:inline;} /* sidebar */ #sidebar { font-family: Arial, Helvetica, sans-serif; font-size:10pt; width:340px; float:right; margin:60px 0; padding:0; color:#384464; } #sidebar h2{ font:normal 18pt Georgia, "Times New Roman", Times, serif; color: #000; margin:0 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #ddd; text-shadow: 1px 1px 0px #fff; } #sidebar label{ font:normal 11pt arial, georgia, times; color: #000; margin: 0; padding: 0; } #sidebar p {margin:0; padding: 0 6px 0 12px;} #sidebar a { color:#000000; } #sidebar a:hover { color: #7794B1; text-decoration:none; } #sidebar img {padding: 0; margin: 0;} #sidebar ul { margin: 0 0 30px 0; padding:30px; background:#EFEFEF url(images/post-bg.jpg) no-repeat 1px 1px; border:1px solid #BEBEBE; } #sidebar ul li { margin:0 0 20px 0; padding: 0; line-height: 20pt; list-style-type: none; } #sidebar ul li a{ margin:0; padding: 0 0 0 20px; line-height: 20pt; list-style-type: square; background:url(images/bullet.png) no-repeat 0 3px; } #sidebar .recentcomments a{ background: none;} #sidebar ul li ul { border:none; padding:0; background:none; } #sidebar ul li ul li { list-style-type: none; margin:0; } #sidebar ul ul ul{ margin: 0; padding: 0; } #sidebar ul ul ul li{ padding: 0 0 0 15px; color: #898989; } /* featured */ #featured{ margin:0 0 30px 0;} .fblock{ font-size:8pt; font-weight:normal; padding:30px; line-height:17pt; margin:0 0 -1px 0; background:#EFEFEF url(images/post-bg.jpg) no-repeat 1px 1px; border:1px solid #BEBEBE; color:#384464; } #sidebar .fblock img{ float:left; width:80px; height:80px; margin:5px 15px 0 0; border:2px solid #fff; } .fblock h3{ font:normal 14pt Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 5px 0; text-shadow: 1px 2px 0px #fff; } .fblock h3 a{ color: #000; text-shadow: 1px 1px 0px #fff; } .fblock h3 a:hover{ color: #7794B1; text-shadow: 1px 1px 0px #fff; text-decoration:underline; } #left .fblock img:hover{ border:2px solid #000; } /* comments */ #comments{ width:500px; margin:30px 0; overflow:hidden; } #comments li{ list-style:none; padding:0; } #respond{ } #comments h3{ font-size:18pt; font-weight:normal; margin:10px 0; } #cancel-comment-reply-link { margin-left: 1em; } .trackback .content, .pingback .content { font-style: italic; } .comment-body .vcard img{ float: left; margin:5px 15px 5px 0; width:40px; height:40px; } .comment-notes,.form-allowed-tags{ font-size:8pt; color:#999999;} #submit{margin:10px; padding:5px;background: #ccc;} label{ font-style: italic; float:left;clear:both;} #comments span{ float:left;} cite { font-weight: bold; font-style: normal; } #comments ol{ margin:0 0 0 0px; list-style:none; padding:0; } .children li,{ margin:0; padding:0; border: none; padding-left: 5px; list-style: none; } .children li ul { padding-left: 10px; list-style: none; } .reply { margin:10px 0; padding: 6px 10px; background:#fff; text-align:left; border:1px solid #f2f2f2; float:left; overflow:hidden; } .comment-body{ background:#fff url(images/corner.png) no-repeat 1px 1px; padding: 20px; margin-bottom: 10px; border:1px solid #f2f2f2; overflow:hidden; } .comment-body .vcard{ line-height: 1.7em;} .comment-body .vcard a{ font-weight: bold; } .comment-body .vcard img{ float: left; margin-right: 10px; border: 3px solid #fff; background-color:#fff; } .comment-body .commentmetadata{ } .comment-body .commentmetadata a{ color: #900; font-size:10px } .comment-body p{ clear: both; margin: 30px 0; line-height:14pt; } #commentform input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16pt; padding: 5px 10px; margin: 10px 10px 10px 0; background:#fff url(images/corner.png) no-repeat 1px 1px; border: 1px solid #ccc; color:#999999; float:left; clear:both; } #commentform textarea{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; background:#fff url(images/corner.png) no-repeat 1px 1px; padding: 3px; border: 1px solid #ccc; width:430px; color:#999999; margin: 0 0 0 0; float:left; clear:both; } .form-allowed-tags{ float:left;} /* End Comments */ /* search */ .searchform input.s{ background:#FFFFFF url(images/corner.png) no-repeat 1px 1px; margin:10px 0 20px 0; border:1px solid #eee; padding:5px 15px; color:#ccc; width:250px; font-size:15pt; text-shadow: 1px 2px 0px #fff; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; } .searchformhead input.s{ font-family:Arial, Helvetica, sans-serif; background:#222; float:right; margin:40px 0 10px 10px; border:1px solid #333; padding:3px 7px; color:#777; width:140px; font-size:10px; text-shadow: 1px 2px 0px #000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* tables */ table{margin:.5em 0 1em; font-size:11px;} table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em;} table th{background-color:#333;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #666;} table td{background-color:#eee;} table th a{color:#d6f325;} table th a:hover{color:#fff;} table tr.even td{background-color:#ddd;} table tr:hover td{background-color:#fff;} table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;} table, table.post{border-collapse: collapse;} /* Finish tables */ /* misc */ .post li{list-style-type: square; padding:0 0 0 5px;} .post ul { list-style-position: inside; } .post ol { padding-left:50px; list-style:none;} input, textarea,input checkbox,input radio,select, file{border: 1px solid #eee; background-color:#f2f2f2; padding:5px 10px;background:#fff url(images/corner.png) no-repeat 1px 1px; margin:10px;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* footer */ #footer { background:#131313; clear: both; width: 100%; border-top:4px solid #bbb; font-size:10px; } #footer h2{padding:20px 0 0 0;margin: 0; color: #666; text-align:center; font-size:18pt; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-shadow:0 1px 2px #000} #footer p{padding:14px 0;margin: 0; color: #666; text-align:center;} #footer a{color: #666;text-decoration: none; text-shadow:none;} #footer a:hover{color: #5D5D5D;text-decoration: underline;} /* pagination */ .navigation { font-family:Arial, Helvetica, sans-serif; font-size:12pt; width:570px; float:left; margin:0; padding:20px 0; overflow:hidden; font-weight:bold; } .wp-pagenavi a, .wp-pagenavi a:link { padding:8px 10px; margin-right: 5px; text-decoration: none; border: 1px solid #ccc; color: #999; background-color: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #000; color: #000; background-color: #FFFFFF; } .wp-pagenavi a:active { padding:8px 10px; margin-right: 5px; text-decoration: none; border: 1px solid #ccc; color: #2f3541; background-color: #ccc; } .wp-pagenavi span.pages { padding:8px 10px; margin-right: 5px; color: #000; border: 1px solid #fff; background-color: #FFFFFF; } .wp-pagenavi span.current { padding:8px 10px; margin-right: 5px; border: 1px solid #ccc; color: #000; background-color: #f2f2f2; } .wp-pagenavi span.extend { padding:8px 10px; margin-right: 5px; border: 1px solid #ccc; color: #000000; background-color: #FFFFFF; }