/* Theme Name: FalknerPress Theme URL: http://camelgraph.com/ Description: Free Premium Wordpress Theme Author: Faizal Al Amri Author URI: http://camelgraph.com Version: 1.0.0 */ /* The CSS Reset */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} * {margin:0;padding:0;} body{ font-family: Arial; color: #000000; background: #ffffff;} html { scrollbar-face-color: #f3f3f3; scrollbar-arrow-color: #b6b6b6; scrollbar-base-color: #ffffff; scrollbar-3d-light-color: #b6b6b6; scrollbar-darkshadow-color: #8f8f8f; scrollbar-highlight-color: #dfdfdf; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #ffffff; padding: 2em; color:black; } .clear{ clear: both; } a {color:#000000;text-decoration:none} a:hover {color: #c31212;} img.aligncenter { margin: 0 auto; display: block; border:none; } .alignleft { float: left; } img.alignleft { float: left; margin: 5px 10px 0 0;display: inline; } .alignright { float: right; } img.alignright { float: right;display: inline; margin: 5px 0 0 10px; } img .blog {border:1px;border color:#FFFFFF;} blockquote {background: #ffffff url(images/quote.jpg) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;;} .playlist {border-color:#ffffff;} /*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/ #header-wrap {margin: 0px auto; height:100px;width:998px;} #logo { float:left;height:70px;margin-top:20px;} #search{float:center;width:255px;height:40px;margin-top:5px;display:inline;padding-top:5px} input#s {width:190px; height:24px;padding-top:5px;margin-left:24px;} input#searchsubmit {color:#000000; background:url(images/search.png) no-repeat top left;border:none;width:32px;height:32px;text-indent:-9999px;} input#searchsubmit:hover {background:url(images/search-hover.png) no-repeat top left} /* Menu WRAP */ #menu-wrap { margin: 0px auto 30px; width: 998px; height:30px; background:url(images/topmenu-bg.png) repeat-x;border: 0px solid #ffffff; font-family: Arial; font-color: #000000;} #menu-wrap ul{float:left;padding-top:5px;margin-left:15px;} #menu-wrap ul li {display:inline;margin-right:20px;font-size:12px;font-weight:bold;} #menu-wrap ul li a {color:#000000;padding:1px;line-height:14px;text-decoration:none} #menu-wrap ul li a:hover {color: #ffffff;} #menu-wrap ul li:hover {background: #be0101;} /*container - red outline */ #container {background:#FFFFFF url(images/map.jpg) repeat top left;width:998px; height:2700px; margin:0 auto 60px;padding-bottom:20px;border:2px solid #cccccc;} #left-sidebar {width:195px;float:left;display:inline;padding:10px 0 10px 0px; margin-left:-3px;} #content {width:505px;float:left;display:inline;padding:10px 0 10px 0;margin-left:10px} #right-sidebar {width:290px; float:right;display:inline;padding:10px 0 10px 0} #twitter {background:#ffffff url(images/twitter-bg.png) no-repeat top left ; width:186px;float:left;display:inline;padding-bottom:10px;margin-bottom:10px;} #twitter-inside {color: #000000;display:inline;float:left;font-family:Georgia;font-size:12px;font-style:italic;margin-left:15px;margin-top:60px;width:170px;} .twitter a {color:#f0dc61;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;} .twitter a:hover {color:#c31212} .twitter-link {color:#000000} .categories {width:186px;background:#ffffff url(images/widget-bg.jpg) no-repeat top left; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;font-size:12px; border:2px solid #cccccc;} .categories h2 {font-size:14px;font-weight:bold;margin:15px 0 15px 30px;} .categories ul {list-style:url(images/bullet.png) inside;padding-left:15px} .categories li {font-size:12px;line-height:14px;margin-bottom:5px} .categories a {color:#000000;text-decoration:none} .categories a:hover {color:#c31212;} .widget {width:156px;background:#ffffff url(images/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px; border:2px solid #cccccc;} .widget h2 {width:156px;font-size:14px;font-weight:bold;margin:0 0 15px 5px;} .widget ul {list-style:url(images/bullet.png) inside;margin-left:-15px} .widget li {font-size:12px;line-height:14px;margin-bottom:5px} .widget a {color:#000000;text-decoration:none} .widget a:hover {color:#40b3fd;} #ads-wrap {width:186px;background:#ffffff url(images/widet-bg.jpg) no-repeat top left ; float:left;display:inline;margin-bottom:10px; border:2px solid #cccccc;} #ads-image {margin:5px 0 5px 0} .ads {padding-left:4px;margin-bottom:5px;height:185px;width:185px} #featured-wrap {width:490px; height:265px; background:#ffffff;border:2px solid #cccccc;float:left;display:inline;} #ads468 {float:left;display:inline;padding:10px;width:470px} #latest {font-weight:bold;font-size:12px;float:left;display:inline;padding:5px 0 5px 10px;width:485px;border-top: 0px solid #ffffff;border-bottom: 0px solid #ffffff} /* main boxes left - color and border */ .post-home {float:left;width:490px; background:#ffffff url(images/postbg.jpg) no-repeat; border:2px solid #cccccc; margin:10px 0 10px 0 } .post-home h2 {font-size:18px;margin:10px 0 0 60px;font-weight:bold;} .posttitle {font-size:16px; color:#000000;text-decoration:none} .posttitle a:hover {color:#c31212} .date {font-size:10px;margin-left:60px;display: inline;} .date a {color:#798f4d;text-decoration:none;font-weight:bold} .date a:hover {color: #40b3fd;} .entrysearch{float:left;margin:10px 10px 0;;display: inline} .searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;} .thumbnail {float:left;display: inline;margin:15px 10px 10px 20px ;width:125px;height:125px; border:2px solid #cccccc} .entryhome {font-size:12px;width:300px;float:left;display: inline; line-height:18px; margin-top:10px; margin-bottom:20px;margin-bottom:20px;} #postnav {float:left;display:inline;font-size:12px;margin-left:100px;margin-top:10px;} /* Right Sidebar area */ #feeds {font-size:12px;width:275px;height:169px; background: url(images/feed-bg.jpg);margin-bottom:10px; border:2px solid #cccccc;} .textarea {background:#FFFFFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px;} #feeds a {font-size:11px;color:#c31212;text-decoration:none} #feeds p {color: #000000;margin-left:15px;} #video {background:transparent url(images/video-bg.jpg) repeat scroll 0 0;line-height:18px;padding-left:10px; padding-top:10px; padding-bottom:10px; width:265px; font-size:12px;border:2px solid #cccccc;} #tabs {font-size:12px;width:275px; background: #ffffff;border:2px solid #cccccc;margin-bottom:7px } #sidecat-wrap {background:transparent url(images/mini-bg.jpg) repeat scroll 0 0;height:280px;width:275px;} #sidecat {display:inline;float:left;margin:10px 0 0 20px;width:240px} .sidecat-block {margin-bottom:10px;float:left;} .sidecat-image {margin:0px;float:left} .sidecat-title {font-size:12px;margin:0 20px 0 50px;} .sidecat-heading {display:inline;float:left;font-weight:bold;padding:15px;} #sidecat li {list-style:none} #sidecat a {color:#c31212;text-decoration:none;font-weight:bold} #sidecat a:hover {color:#40b3fd;} /*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/ #footer {background: #ffffff url(images/bot-bg.jpg) no-repeat top center; width:998px; height:298px; border:2px solid #bababa;} #bottombar {height:265px;width:998px;background: url(images/bottom-bg.gif) no-repeat top left;margin:0 auto} #flickr-wrap {float:left;width:310px;height:225px;} #flickr {float:left;margin-top:20px;} #flickr-image {margin-left:10px;width:280px;} #flickr-image img {width:50px;height:50px;margin:0 10px 20px 0} #flickr-title {background:transparent url(images/flickr.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:48px;padding:10px 0 0 60px} #flickr-image {width:300px} #share-wrap {float:left;display:inline;height:225px;width:345px;} #share-title {background:transparent url(images/cup.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;} #share-link {width:256px;display:inline;background:url(images/share-bg.jpg) no-repeat; float:left;margin:10px 0 0 30px;} .share-list {font-size:12px;float:left;display:inline;height:145px;margin:10px 0 0 45px; font-weight:bold;} .share-list li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;} .share-list a{color:#c31212;text-decoration:none} .share-list a:hover{color:#40b3fd} .share-list2 {font-size:12px;float:left;display:inline;margin:10px 0 0 60px; font-weight:bold;} .share-list2 li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;} .share-list2 a{color:#000000;text-decoration:none} .share-list2 a:hover{color:#c31212} #bottom-ads img {margin:10px 0 0 40px;width:250px;height:100px} #bottom-ads-title {background:transparent url(images/adss.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;} #credit {color:white;height:20px;margin-top:1px;width:998px;margin:0 auto; color:#7f9abd;font-size:11px} #credit p {color:#7f9abd;font-size:11px;padding-top:2px;float:left;display:inline} #credit a {color:#7f9abd;} #credit a:hover {color:#c31212} #credit-logo {height:38px;width:160px;float:right;display:inline;margin-top:5px} /*-----------------------------------------------------------------Single-Page-------------------------------------------------------*/ #inside-content {font-size:12px; width:490px;float:left;display: inline;} .post {background: #ffffff url(images/post-arrow.jpg) no-repeat top left;width:490px;height:auto;margin: 0 0 20px 0;float:left;display: inline; } .post h2 {font-size:20px;font-family:Trebuchet MS;padding:20px 0 0 65px;margin-right:10px;} .post h2 a{color:#000000;font-weight:normal;text-decoration:none} .post h2 a:hover{color:#40b3fd} .post p {margin-bottom:5px} .post li {margin-left:40px;} .post ul,ol {margin-top:10px;margin-bottom:10px} .single-entry {float:left;width:470px;display: inline;margin:13px 10px 10px 20px;} .single-entry img {border:2px solid #cccccc; } #comment-wrap {float:left;width:500px;background:#ffffff ;display: inline;} .more {float:right;margin:0 20px 20px 0;clear:both} /*Comments */ #comment-wrap {float:left;font-size:12px;margin:10px 0 0 0;width:490px;background:#ffffff url(images/dot.gif) no-repeat top left ;display: inline;} #comment-wrap h3 {color:#000000;font-size:24px;} #commentlist-wrap {float:left;margin:10px 0 0 15px;width:470px;padding-bottom:10px;display: inline;} .commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:470px;display: inline;} .comment {background:#840202 none repeat scroll 0 0;border:0px solid #cccccc;clear:both;float:left;list-style-image:none; list-style-position:outside;list-style-type:none;margin-bottom:15px;padding:0 10px 10px 10px;width:440px;display: inline;} .comment-counts {padding-top:40px;padding-left:22px;} .nocomments {padding-left:22px;padding-top:40px} #comments {margin-top: 30px;} #commentform {clear: both;float: left;margin-top:10px;display: inline;} h3.reply-replace{width: 139px; height: 29px;background: url(images/reply.png);text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;color:#cd1805;text-decoration:none;} .comment-reply-link:hover {background-color: #ffffff;color:#000000;} .cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #b00c0c;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;} .cancel-comment-reply a:hover {background-color: #ffffff; color:#000000;} .children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;} .comment-reply-link, .comment-reply-link:visited {background-color:#990505;color: #000000 !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;} .fn, .fn a:link, .fn a:hover, .fn a:visited {color:#08c6f5;font-style:normal;font-weight:bold} .says {color:#fff} .avatar {height:40px;margin-left:10px;margin-top:15px;width:40px;} #respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;} input#author{background:#fff;border:0px solid #475A6B;color:#173369} input#email{background:#fff;border:0px solid #475A6B;color:#173369} input#url{background:#fff;border:0px solid #475A6B;color:#173369} textarea#comment {font-family:trebuchet MS;font-size:12px;background:#fff;border:0px solid #2a2a2a;width:100%;color:#000000} #submit {background: white; padding: 3px 8px;border:none} #submit:hover {background:#c31212;color:#fff}