/* Theme Name: Giraffe Blog Theme Description: Very Cool Giraffe Blog Theme Version: 2.0 Author: Chriserdesign Author URI: http://www.chriserdesign.co.uk Tags: community, blog, magazine, news, personal blog */ /*----------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; } body {font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:14px; line-height:20px; background:url(images/bg.jpg) 0 0 repeat-x #f2f2f2;} html[xmlns] {margin:0; padding:0;} h1 {letter-spacing:none; font-size:30px; padding:0; margin:10px 0 20px 0;} h2 {font-size:24px; letter-spacing:none; padding:0; margin:0 0 15px 0;} h3 {font-size:20px; letter-spacing:none; padding: 0px; margin:0px 0 15px 0; line-height: 30px;} h4 {font-size:18px; line-height:0.5em; padding: 0px; margin:0px 0 15px 0;} h5 {padding: 0px; font-size:14px; margin:10px 0 10px 0;} h6 {padding:0px; font-size:11px; margin:0px 0 10px 0;} p {line-height:1.8em; padding:0 0 1.3em;} a {color:#ca401e; text-decoration:none;} a:hover {color:#000000; text-decoration:none;} strong {color: #ca401e; text-decoration: underline;} ul {list-style-type: none;} .main ul {padding-left: 30px; margin-bottom: 20px;} hr.seperator {border:none; border-top:1px solid #CCCCCC; border-bottom:1px solid #FFFFFF; clear: both;} .adbox {width:280px;float:left; display:block; } .ad-landscape {margin: 0 0 0 10px;} #header {height:160px; width:1000px; margin:0 auto;} #header .top {height:100px; width:1000px; background:url(images/top_bg.jpg) no-repeat;} #header .logo {height:100px; width:350px; left:0; float:left;} #header .control {height:100px; width:650px; float:left;} #header .links li {display:inline;} #header .links ul {text-align:right; height:30px; width:650px; padding:10px 0 0 0;} #header .links li a {text-decoration:none; color:#000; padding:0 0 0 10px;} #header .links li a:hover {text-decoration:none; color:#666; padding:0 0 0 10px;} #header .search {height:40px; width:650px;} #header .subscribe {float:left; margin:0 0 0 200px;} #header .subscribe a {height:32px; width:108px; background:url(images/subscribe.png) no-repeat; background-position:0 0; display:block;} #header .subscribe a:hover {height:32px; width:108px; background:url(images/subscribe.png) no-repeat; background-position:0 -32px; display:block;} #header .twitter {float:left; margin:0 0 0 10px;} #header .twitter a {height:32px; width:108px; background:url(images/twitter.png) no-repeat; background-position:0 0; display:block;} #header .twitter a:hover {height:32px; width:108px; background:url(images/twitter.png) no-repeat; background-position:0 -32px; display:block;} .logo {margin:0px 0 0 0px;} #slider1 {width: 738px; height: 300px; position: relative; overflow: hidden; background:#FFFFFF; border: 1px solid #DDDDDD; padding:10px; margin: 20px 0 0 0;} #slider1Content {width: 738px; position: absolute; top: 5; margin-left: 0;} .slider1Image {float: left; position: relative; display: none;} .slider1Image span {position: absolute; padding: 10px 10px; background-color: #000000; border-top:1px solid #111111; color: #000; width:718px; display: none; opacity:0.6; margin:0 0 5px 0;} .slider1Image span a {color:#FFFFFF; font-family:Arial,sans-serif; font-size: 20px; font-weight:bold; letter-spacing:-1px; line-height: 26px; text-decoration: none;} .slider1Image span a:hover {color:#CCCCCC; text-decoration:none; border-bottom:none;} .clear {clear: both;} .slider1Image span strong {font-size: 14px;} .top {top: 0; left: 0;} .bottom {bottom: 0; left: 0;} .slider1Image strong {text-decoration: none;} input, select {color:#444444; font-family:'Lucida Grande',Helvetica,Arial,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;} #account_form .text_field {background:#F7FCFF url(images/search.png) no-repeat scroll right top; border:1px solid #000000; color:#25313C; font-size:14px; margin:0 0 0 10px; padding:6px; width:200px;} #nav {float:left; position:relative;} #nav li {float:left; list-style:none outside none;} #nav li a {background: url(images/menu-bg.png) repeat-x 0 0; color:#FFFFFF; cursor:pointer; float:left; font-size:18px; padding:20px 24px; position:relative; text-decoration:none; width:auto; z-index:2; font-weight: normal;} #nav li a:hover {background: url(images/menu-bg.png) repeat-x 0 -60px; color:#FFFFFF; cursor:pointer; float:left; font-size:18px; padding:20px 24px; position:relative; text-decoration:none; width:auto; z-index:2; font-weight: normal;} #nav ul li.current-menu-item > a {background: url(images/menu-bg.png) repeat-x 0 -60px; color:#FFFFFF; cursor:pointer; float:left; font-size:18px; padding:20px 24px; position:relative; text-decoration:none; width:auto; z-index:2; font-weight: normal;} .wrapper {margin-left: auto; margin-right: auto; width: 1000px; } .main {border:1px solid #DDDDDD; margin:20px 20px 0 0; padding:0; width:758px; background:url(images/corner_gradient.png) no-repeat scroll 700px 1px #FFFFFF; display:inline; float: left; position: relative;} .main_container {margin:20px 20px 0 0; width:760px; display:inline; float: left; position: relative;} .single_container {margin:0 20px 0 0; width:760px; display:inline; float: left; position: relative;} .contentbox {padding:20px; z-index:1;} .alignleft {float:left; margin-right:20px;} .alignright {float:right; margin-leftt:20px;} .imgbox {background:none repeat scroll 0 0 #F2F2F2; border:1px solid #DDDDDD; padding:20px; margin:10px 0;} .post_image {float:left; position:relative; margin: 0 20px 0 0;} .post-img {margin-right:20px;} .fullpost .excerpt {border-bottom:none; margin-bottom:0;} .fullpost .excerpt h1 {margin-right:10px !important; padding-right:10px;} .short-text {display:block; width:100%; float:left; min-height:50px; color: #575757; font-style: italic; margin: 10px 0 0 0;} .continue-reading {margin: 5px 0 0 0; float: right; font-weight: bold;} .short-text p {font-size: 14px; line-height: 1.8em; color:#515151; font-style: normal;} .post-bottom-box {padding:0 20px 20px 20px; clear:both; overflow:hidden; height:100%;} .post-excerpt {margin: 20px 0 0 0; min-height: 170px;} .excerpt {position:relative; padding:0 0 20px 0; height:100%; overflow:hidden;} .excerpt p {padding:10px 0;} .excerpt h1 {margin-top:0; font-family:Arial,sans-serif; font-size: 28px; font-weight:bold; letter-spacing:-1px; line-height: 30px;} .post-img {margin-right:20px;} .fullpost .excerpt {border-bottom:none; margin-bottom:0;} .fullpost .excerpt h1 {margin-right:10px !important; padding-right:10px;} .post ul {list-style-type:square;} .postmetadata {background:none repeat scroll 0 0 #F3F3F3; color:#616161; float:left; font-size:14px; font-style:italic; padding:1px 4px;} .postmetadata a {color: #616161 !important; text-transform:capitalize;} .postmetadata a:hover {color: #000000 !important; text-transform:capitalize;} .post-bottom-box {padding:20px; clear:both; overflow:hidden; height:100%; } .breadcrumb-bar {height:24px; padding-left:10px;} span.breadcrumbs {display: block; margin-top:15px; font:normal 11px/10px Tahoma, Arial, Helvetica, sans-serif;} span.breadcrumbs a {float: none; font-weight: normal; padding: 0 4px;} .buttonhide {display: none;} #footer {width: 100%; min-width: 1000px; background:#000000; height: auto; float: left;} .menu-footer ul li {display: inline; padding: 0 20px 0 0;} .footer-copyright {padding: 100px 0 0 0;} .footer {width: 1000px; min-height: 150px; margin: 0 auto; padding: 30px 0 0 0; background: url(images/footer-logo.png) no-repeat right;} .footer-box {width: 250px; min-height: 150px; float: left;} #footer a {color:#FFFFFF; text-decoration:none; font-weight:bold;} #footer ul li.current-menu-item > a {color:#CA401E; text-decoration:none; font-weight:bold;} #footer a:hover {color:#CA401E; text-decoration:none; font-weight:bold;} #footer p {color:#FFFFFF;} #footer-widget {background: #f2b220; border-top: 1px solid #aa261a; padding: 20px 0; min-width: 1000px;} .widget-area {width: 240px; float: left;} #footer-widget-area {margin: 0 auto; width: 1000px; overflow:hidden;} .widget-title {font-family: "Georgia",Times New Roman, serif; font-size: 18px; color: #222; font-weight: normal; margin: 0 0 1em 0;} #first .widget-title a {font-family: "Georgia",Times New Roman, serif; font-size: 18px; color: #222; font-weight: normal; margin: 0 0 1em 0;} #footer-widget .widget-area a:link, #footer-widget .widget-area a:visited, #footer-widget .widget-area a:active {text-decoration: none; color: #000000; font-weight: bold; font-size: 12px;} #footer-widget .widget-area a:hover {text-decoration: none; color: #CA401E; font-size: 12px;} .widget-area .entry-meta {font-size: 11px;} .widget-area ul li {border: none;} .xoxo {margin: 0 10px; font-size: 12px;} .widget-container ul li {border-bottom:1px solid #515151; padding: 5px 0;} #sidebar .widget-area {width: 220px;} #sidebar .widget-area a:link, #sidebar .widget-area a:visited, #sidebar .widget-area a:active {text-decoration: none; color: #CA401E; font-weight: bold; font-size: 12px;} #sidebar .widget-area a:hover {text-decoration: none; color: #000000; font-size: 12px;} /*------------ Comments -------------*/ #commentblock {width: 100%; height: auto; float: left; margin: 10px 0 0 0;} .commentlist .comment-body {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DFDFDF; margin-bottom:10px; min-height:80px; overflow:hidden; padding:30px 100px 30px 30px; position:relative;} .avatar {position:absolute; right:30px; top:30px;} .commentlist .comment-body .fn {float:left; font-family:Helvetica,Arial; font-size:20px; font-weight:bold; padding-bottom:5px; padding-right:5px;} .commentlist .comment-body .commentmetadata {font-size:12px; font-style:italic; padding-bottom:5px;} .comment-reply-link {background:none repeat scroll 0 0 #F9F9F9; border-right:1px solid #E8E8E8; border-top:1px solid #E8E8E8; bottom:0; font-family:Tahoma; font-size:8px; left:0; padding:0 8px 1px; position:absolute; text-decoration:none !important; text-transform:uppercase;} .commentlist .children > li {background:url("images/li-left.png") no-repeat scroll 0 20px transparent; border-left:1px solid #CACACA; list-style:none outside none; margin:0; padding-bottom:0; padding-left:30px !important; border-right:none; border-top:none; border-bottom:none;} .commentlist .children {margin-bottom:0; width: 100%;} ol, ul {list-style:none outside none;} #comments p {font-size: 12px;} .form-allowed-tags {display:none !important;} #respond {overflow:hidden;} #respond form {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DFDFDF; overflow:hidden; padding:10px 15px 30px; position:relative;} #respond p.comment-form-author, p.comment-form-email, p.comment-form-url {float: left; margin:15px; padding-bottom:0; width:203px;} #respond p.comment-form-comment {float:left; margin:15px; padding-bottom:0; width:680px;} input#submit {color:#FFFFFF; cursor:pointer; float:right; font-size:12px; margin-right:15px; margin-top:10px; padding:6px 9px; text-shadow:0 1px 0 #333333; background:url(images/submit-button.jpg) no-repeat scroll 0 0 #890000; border:1px solid #890000;} input#submit:hover {background:url(images/submit-button.jpg) no-repeat scroll 0 -30px #890000; border:1px solid #575757; color: #000000;} #respond label {color:#5D5D5D; display:block; font-family:Helvetica,Arial; font-size:16px; padding-bottom:10px;} #respond p.comment-form-comment textarea {background:none repeat scroll 0 0 #FDFDFD; border:1px solid #D6D6D6; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding:8px 5px; width:668px;} #respond p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {background:none repeat scroll 0 0 #FDFDFD; border:1px solid #D6D6D6; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding:8px 5px; width:199px;} .comment-notes {font-style: italic; color: #ca401e; padding: 0 0 0 10px;} /* Body >> WP Page Navigation ----------------------------------------------------------------------------------------------------*/ .wp-pagenavi { clear: both; font-size: 11px; font-weight:bold; margin-bottom: 20px; text-align: right; } .wp-pagenavi a { margin-left: 3px; padding: 3px 7px; } .wp-pagenavi a:hover, span.current {} .wp-pagenavi .pages { float:left; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 8px 10px; margin: 2px; text-decoration: none; } .wp-pagenavi a:visited { padding: 8px 10px; margin: 2px; text-decoration: none; } .wp-pagenavi a:hover { } .wp-pagenavi a:active { padding: 8px 10px; margin: 2px; text-decoration: none; } .wp-pagenavi span.pages { padding: 8px 10px; margin: 2px; text-transform:uppercase; } .wp-pagenavi span.current { padding: 8px 10px; margin: 2px; font-weight: bold; } .wp-pagenavi span.extend { padding: 8px 10px; margin: 2px; } #jirnsiteresource {float: left; width: 100%;} .anenlistitem {border-top: 1px dashed; border-bottom: 1px dashed; border-color: inherit; float: left; padding: 8px; width: 88%; margin: 5%;} .bbysword {float: left; width: 100%;} .oalkdesc {float: left; width: 100%;} .yyrpurl {float: left; width: 100%; color: #000000;} #banner-book {width: 758px; height: 250px; background: url(images/banner.jpg) no-repeat; margin: 20px 0 0 0; border:1px solid #DDDDDD} #banner-btn {width: 220px; height: 50px; margin: 200px 158px 0 380px;} .banner-btn-left {float: left; margin: 10px 5px 0 0; } .banner-btn-right {float: left; height: 40px; width: 120px; } .banner-btn-right a {background: url(images/banner-btn.png) no-repeat top; display: block; height: 40px; width: 120px;} .banner-btn-right a:hover {background-position: 0 -40px;}