/*
Theme Name: Flew
Theme URI: http://www.webdesignmelb.com.au/free-wordpress-theme-keynear-flew-released/
Description: The first WordPress theme released by Web Design Melbourne - Keynear Creative Studio.
Version: 1.1
Author: Jason L
Author URI: http://www.webdesignmelb.com.au/
Tags: purple, red, dark, black, right-sidebar, fixed-width, two-columns, sticky-post
The CSS, XHTML and design is released under the GPL.
*/
/* global */
body {
background:#FFF url(images/bg.gif);
color:#EFEFEF;
margin:0;
padding:0;
min-width:960px;
width:100%;
}
#wrapper {
overflow:hidden;
min-width:960px;
width:960px;
margin:0 auto;
padding:0;
position:relative;
border:0 solid #EEEEEE;
}
body, div, p, h1, h2, h3, h4, h5, h6, a, a:link, a:visited, a:hover, span, ol, ul, li {
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color:#AA0078;
}
a, a:link, a:vistied {
color:#0033cc;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#FF8C00;
}
img {
border:none;
margin:10px;
}
input {
color:#000;
background:#EFEFEF;
border:#CB63AC 1px solid;
padding:3px;
margin:5px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
textarea {
color:#E00078;
padding:5px;
border:#CB63AC 1px solid;
}
table {
margin:5px 15px 5px 35px;
padding:1px;
background:#EBEBF7;
}
td {
font:Verdana, Geneva, sans-serif;
font-size:11px;
color:#CB63AC;
background:#FFF;
}
th {
color:#CCC;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:inherit;
}
.clearfloat {
clear:both;
}
/* header */
#header {
background:transparent url(images/headerbg.png);
width:960px;
height:216px;
margin:0 auto 0px;
}
#blog-title {
height:136px;
margin:0;
padding:35px 0 5px 86px;
}
#blog-title h1 {
color:#FFF;
line-height:100%;
margin:0 0 5px;
}
#blog-title h1 a, #blog-title h1 a:link, #blog-title h1 a:visited {
color:#FFF;
line-height:100%;
text-decoration:none;
font-family:"Times New Roman", Times, serif;
font-size:28px;
margin:0;
}
#blog-title h1 a:hover {
color:#FFF;
text-decoration:none;
font-family:"Times New Roman", Times, serif;
line-height:100%;
font-size:28px;
margin:0;
}
#blog-info {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
margin:0 0 0 5px;
}
#navbar {
background:#AA0078;
width:893px;
float:left;
margin:0 14px 0 9px;
padding:0 25px 0 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#navbar ul {
list-style: none;
margin: 0px;
padding: 0px;
border-top:#000 0px solid;
}
#navbar li {
float:left;
list-style: none;
margin: 0px;
padding: 0px;
}
#navbar li ul {
position: absolute;
z-index: 9999;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#navbar li li {
}
#navbar li ul a {
width: 140px;
}
#navbar li ul a:hover, #nav li ul a:active {
}
#navbar li ul ul {
position:absolute;
margin: -38px 0 0 170px;
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul {
left: -999em;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul {
left: auto;
}
#navbar li:hover, #navbar li.sfhover {
position: static;
}
#navbar li a, #navbar li a:link, #navbar li a:visited {
color:#FFF;
background:#AA0078;
display:block;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
margin:0;
padding: 13px 15px 11px 15px;
}
#navbar li a:hover, #nav li a:active {
background:#CCCCCC;
color:#000;
font-weight:bold;
text-decoration: none;
margin:0px;
padding: 13px 15px 11px 15px;
}
#navbar li.current a, #nav li.current a:link, #nav li.current a:visited {
background:#FCF7F4;
color:#000;
display:block;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
margin:0;
padding: 13px 15px 11px 15px;
}
#navbar li.current-cat a, #navbar li.current-cat a:link, #navbar li.current-cat a:visited {
background:#FCF7F4;
color:#000;
display:block;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
margin:0;
padding: 13px 15px 11px 15px;
}
#navbar li.current_page_item a, #navbar li.current_page_item a:link, #navbar li.current_page_item a:visited {
background:#FCF7F4;
color:#000;
display:block;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
margin:0;
padding: 13px 15px 11px 15px;
}
/* main content top round coners */
#content-top {
float:left;
border:0px;
overflow:hidden;
background:transparent url(images/mround-t.png) top center no-repeat;
width:620px;
margin:0 0 0 5px;
padding:0;
}
#roundc-tl {
background:transparent url(images/mround-tl.png) top left no-repeat;
margin:0;
padding:0;
}
#roundc-tr {
background:transparent url(images/mround-tr.png) top right no-repeat;
height:20px;
margin:0;
padding:0;
}
/* main content area */
#content-container {
overflow:hidden;
float:left;
background:transparent url(images/mround-cl.png) left repeat-y;
width:620px;
min-height:650px;
margin:0 0 0 5px;
padding:0;
line-height:18px;
}
div.theposts {
margin:5px 0 15px;
background:#FFF;
padding:15px;
border:#FFFFFF 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content-area {
overflow:hidden;
color:#000;
background:transparent url(images/mround-cr.png) right repeat-y;
width:550px;
min-height:750px;
margin:0;
padding:10px 35px;
line-height:180%;
float:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
#content-area a, #content-area a:link, #content-area a:visited {
color:#AA0078;
}
#content-area h1 {
text-transform:capitalize;
font-size:19px;
}
#content-area h2 {
text-transform:capitalize;
margin:5px 0 8px 0;
padding-left:1px;
font-size:18px;
}
#content-area h2 a, #content-area h2 a:link, #content-area h2 a:visited {
color:#AA0078;
text-decoration:none;
font-size:18px;
}
#content-area h2 a:hover, #content-area h2 a:active {
color:#E00078;
text-decoration:underline;
font-size:18px;
}
#content-area h3 {
text-transform:capitalize;
margin:5px 0 8px 0;
font-size:17px;
padding-left:2px;
}
#content-area h4 {
text-transform:capitalize;
margin:5px 0 8px 0;
font-size:16px;
padding-left:3px;
}
#content-area h5 {
text-transform:capitalize;
margin:5px 0 8px 0;
font-size:15px;
padding-left:4px;
}
#content-area h6 {
text-transform:capitalize;
margin:5px 0 8px 0;
font-size:14px;
padding-left:5px;
}
#content-area p {
overflow:hidden;
font-family:Verdana, Geneva, sans-serif;
margin:9px 19px 18px 19px;
}
#content-area blockquote {
color:#161616;
background:#F4F4F4 url(images/blockquotes_top.gif) left top no-repeat;
line-height:145%;
font-style: oblique;
font-family: "Courier New", Courier, monospace;
letter-spacing:1px;
font-size:12px;
display:block;
margin: 5px 15px 8px;
padding: 5px 20px 5px 20px;
border:#999 1px dashed;
}
#content-area pre {
color:#161616;
background:#E1E1E1;
font-family:"Times New Roman", Times, serif;
font-size:13px;
display:block;
margin: 5px 15px 8px;
padding: 8px;
border:#999 1px dotted;
}
#content-area hr {
border:none;
border-top: #D7D7D7 1px solid;
background:#CCC;
}
#content-area ul {
list-style:square;
}
#content-area ul li{
list-style:square;
}
#content-area ol {
list-style:square;
}
#content-area ol li {
list-style:square;
}
#content-area table {
border:none;
margin:5px 15px 5px 35px;
padding:1px;
background:#EBEBF7;
}
#content-area td {
font:Verdana, Geneva, sans-serif;
font-size:11px;
color:#CB63AC;
background:#FFF;
}
#content-area td {
border:none;
font:Verdana, Geneva, sans-serif;
font-size:11px;
color:#CB63AC;
background:#FFF;
}
#content-area thead {
border:none;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:inherit;
}
#content-area th {
color:#000;
border:none;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:inherit;
}
.postinfo {
background:#F4F4F4;
display:block;
width:97%;
border:#CCC 0px solid;
padding:8px;
margin:3px 0 3px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.theauthor {
background:transparent url(images/icon-author.png) left center no-repeat;
margin: 1px 2px 1px 5px;
padding:0 2px 0 21px;
}
.postinfo a, .theauthor a:link, .theauthor a:visited {
color:#E00078;
text-decoration:none;
}
.postinfo a:hover {
color:#710000;
text-decoration:underline;
}
.subdate {
background:transparent url(images/icon-time.png) left center no-repeat;
margin: 1px 2px 1px 5px;
padding:0 2px 0 21px;
}
.catag {
background:transparent url(images/icon-folder.png) left center no-repeat;
margin: 1px 2px 1px 5px;
padding:0 2px 0 21px;
}
.aligncenter,
div.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;
}
span.editentry {
display:block;
float:left;
}
span.commresponse {
display:block;
float:right;
}
div.edit-comm {
padding:2px 25px 15px;
}
/* paging */
div.bottom-paging {
margin:25px 0 3px 0;
padding:3px;
}
span.pagingnavleft {
float:left;
}
span.pagingnavright {
float:right;
}
span.postag {
background:#F4F4F4 url(images/icon-tag.png) 8px 8px no-repeat;
display:block;
width:93%;
border:#CCC 0px solid;
padding:5px 5px 5px 32px;
margin:3px 0 3px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* sidebar */
#sidebar {
background:#F7F7F7 url(images/sidebar-rbr.jpg) bottom right no-repeat;
float:right;
width:320px;
min-height:550px;
border:none;
margin:5px 28px 0 -335px;
padding:0px 0px 55px 5xp;
}
#sidebar div.toproundright {
background:transparent url(images/sidebar-rtr.jpg) top right no-repeat;
height:7px;
border:none;
margin:0;
padding:0;
}
#sidebar div.textwidget {
font-size:12px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0 20px 10px 35px;
}
#sidebar li div {
padding:2px 15px 2px 35px;
}
#sidebar li div a, #sidebar li div a:link, #sidebar li div a:visited {
color:#AA0078;
}
#sidebar li div a:hover {
color:#EE008D;
}
#searchform {
margin:0;
padding:10px 0px 5px 10px;
}
#searchform label{
display:block;
list-style:none;
text-decoration:none;
font-size:12px;
color:#333;
margin:5px;
}
#sidebar input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
background:#FFF;
margin:0 0 0 10px;
padding:3px;
border:#AA0078 1px solid;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#sidebar input.searchbutton {
height:21px;
font-weight:bold;
margin:0 0 0 5px;
padding:2;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#sidebar div.sidebartitle {
background:transparent url(images/sidebartitle-bg.png) right center no-repeat;
width:338px;
height:44px;
margin:5px -15px 5px 0px;
padding:0;
}
#sidebar div.sidebarh2bg {
background:transparent url(images/sidebartitle-bg.png) right center no-repeat;
width:338px;
height:44px;
margin:5px -15px 5px 0px;
padding:0;
}
#sidebar h2 {
color: #FFF;
font-size:13px;
text-transform:uppercase;
padding:12px 5px 5px 35px;
}
#sidebar ul {
color:#AA0078;
list-style:none;
margin:0 15px 3px 40px;
padding:0;
}
#sidebar ul li{
color:#AA0078;
text-decoration:none;
list-style-type:none;
margin:0 0 2px;
padding:0;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
color:#AA0078;
font-family:Tahoma, Geneva, sans-serif;
text-decoration:none;
font-size:12px;
margin:0;
padding:0;
}
#sidebar ul li a:hover, #sidebar ul li a:active {
text-decoration:underline;
color:#F4218E;
margin:0;
padding:0;
}
#sidebar li ul li {
font-size:12px;
}
#sidebar p {
margin: 0px;
padding: 0px 0px 0px 5px;
}
#sidebar a img {
border: none;
margin: 0px;
padding: 0px;
}
#sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sidebar ul li li {
padding: 0px 0px 5px 20px;
margin: 0px;
}
#sidebar ul li ul li {
padding:0px 0px 5px 20px;
margin:0px;
}
#sidebar div.sidebarend {
height:25px;
}
#sidebar caption {
color:#999;
font-size:13px;
}
#wp-calendar {
margin:5px 0 5px 10px;
}
#akismetwrap a span {
font-size:10px;
}
#akismetwrap a:hover span {
font-size:10px;
}
#akismetwrap #aka {
display:block;
padding:5px;
}
#akismetwrap a span {
display: inline;
padding:0;
margin:0;
font-size:10px;
}
#akismetwrap a:hover span {
display: inline;
padding:0;
margin:0;
font-size:10px;
}
#akismetwrap {
margin:0 0 25px;
float:left;
}
#akismetstats {
margin:0;
float:left;
padding:0;
}
#akismetstats a {
padding:1px;
}
span #akismet1 {
margin:5px;
padding:0;
}
span #akismet2 {
margin:5px;
padding:0;
}
/* comment block */
ol.commentlist {
padding:5px;
}
div.commentarea {
width:96%;
background:#FFF;
padding:10px;
margin:15px 0;
border:#F4F4F4 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
li.even {
background:#CCC url(images/commentbg-odd.gif);
display:block;
padding:15px;
margin:0 1px 8px 0;
border:#F4F4F4 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
li.odd {
background:#F4F4F4;
display:block;
padding:15px;
margin:0 1px 8px 0;
border:#F4F4F4 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
li.comment-author-admin{
border:#AA0078 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#comment {
width:95%;
padding:5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* footer */
#footer {
overflow:hidden;
float:left;
background:transparent url(images/mround-cl.png) left repeat-y;
width:620px;
margin:0 0 0 5px;
padding:0;
}
#content-footer {
color:#CB63AC;
text-align:center;
font-size:11px;
background:transparent url(images/mround-cr.png) right repeat-y;
width:570px;
margin:0;
padding:10px 25px 10px 25px;
overflow:hidden;
}
#content-footer a, #content-footer a:link, #content-footer a:visited {
color:#AA0078;
}
p.onft {
margin:5px 0;
padding:5px 10px;
font-size:11px;
border-top:#CCC 5px solid;
}
/* bottom rounded corner */
#round-footer {
overflow:hidden;
float:left;
background:transparent url(images/mround-b.png) bottom center no-repeat;
height:20px;
width:620px;
margin:0 0 30px 5px;
padding:0;
}
#roundc-bl {
background:transparent url(images/mround-bl.png) bottom left no-repeat;
height:20px;
margin:0;
padding:0;
}
#roundc-br {
background:transparent url(images/mround-br.png) bottom right no-repeat;
height:20px;
margin:0;
padding:0;
}
/* images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}