/*
Theme Name: Aero Inspirat
Theme URI: http://wordpress.sapiensworks.com/articles/aero-inspirat-new-wordpress-theme-released/
Description: Theme inspired by Vista Aero(TM) effect. Modern, stylish, easy to use and pleasant for those who value eye-candy. If you're using widgets make sure you don't include the search widget because the theme already has it.
Version: 1.0.1
Author: Anne
Author URI: http://wordpress.sapiensworks.com/
Tags: widgetized,vista,aero,glass,web 2.0,Opera friendly,fixed width,two columns, tags
Unless otherwise specified, all content is made available under the Creative Commons Attribution-Share Alike 3.0 License:
http://creativecommons.org/licenses/by-sa/3.0/
*/
.alignright {
float: right;
}
body
{
background-color:#2f99bc;
background-image:url(images/body-bg.gif);
background-repeat:repeat;
background-position:left top;
margin:0;
padding:0;
font-size: 1em;
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#333333;
}
a, a:visited{
color:#479ca6;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
pre{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
_white-space: pre;
width: 90%;
}
h2{
font-size:120%;
}
h3{
font-size:110%;
font-weight:bold;
}
input {
background-color:#FFFFFF;
color:#333333;
}
img{
border:0;
}
#wrapper{
width:990px;
margin:0 auto;
}
#header{
background-image:url(images/header-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
height:128px;
padding-left:20px;
padding-right:20px;
}
#header h1{
margin:0;
padding:1em 1.5em 0.5em 1.5em;
font-size:200%;
font-family:"Lucida Grande","Lucida Sans Unicode",Sans-Serif;
}
#header h1 a, #header h1 a:visited{
color:#2e4e6d;
}
#header h1 a:hover{
text-decoration:none;
color:#E3FBFB;
}
#header span{
padding-left:5em;
padding-right:3em;
color:#E3FBFB;
font-weight:bold;
font-size:110%;
font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
}
#menu{
background-color:#000000;
background-image:url(images/menu-bg.jpg);
background-repeat:no-repeat;
background-position:top center;
height:40px;
}
#menu ul{
margin:0;
padding:0 20px;
list-style:none;
float:left;
}
#menu li{
display:inline;
float:left;
height:40px;
padding-left:25px;
padding-right:5px;
}
#menu li a, #menu li a:visited{
color:#E3FBFB;
display:block;
text-decoration:none;
padding-top:11px;
padding-bottom:10px;
text-size:20px;
font-weight:bold;
/*height:30px;*/
padding-right:10px;
padding-left:10px;
}
#menu li a:hover{
background-image:url(images/tab-active-bg.jpg);
background-repeat:repeat-x;
background-position:left top;
}
#content-wrapper{
background-image:url(images/content-wrapper-bg.gif);
background-repeat:repeat-y;
background-position:top center;
min-height:800px;
height:auto;
_height:800px;
padding-left:20px;
padding-right:20px;
padding-bottom:60px;
}
#content-left {
width:650px;
float:left;
}
.content-left-padding{
padding-left:20px;
_padding-left: 15px;
padding-right:30px;
_padding-right:25px;
}
.inside-content-left{
padding-left:40px;
padding-right:40px;
}
h2.inside-content-left{
_padding-top:15px;
margin-bottom:0;
}
.navigation{
font-size:90%;
margin-top:20px;
margin-left:40px;
margin-right:40px;
}
div.navigation div.alignleft a, div.navigation div.alignright a{
color:#ffffff;
}
.alignleft{
float:left;
padding-right:5px;
}
.alignright{
float:right;
padding-left:5px;
}
.content-item-top, .content-item-bottom{
padding-left:43px;
padding-right:43px;
}
.content-item-top{
background-image:url(images/content-item-top-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
height:26px;
font-size:16px;
}
#content-left h1.content-item-top, #content-left h2.content-item-top, #content-left h3.content-item-top, #content-left h4.content-item-top, #content-left h5.content-item-top, #content-left h6.content-item-top{
margin-bottom:0px;
padding-top:30px;
}
.content-item-top a, .content-item-top a:visited{
color:#2e4e6d;
}
.content-item-top a:hover{
color:#ffffff;
text-decoration:none;
}
.content-item-middle-wrapper{
background-image:url(images/content-item-middle-bg.jpg);
background-position:top center;
background-repeat:repeat-y;
}
.content-item-middle{
margin-left:63px;
margin-right:63px;
line-height:1.4em;
overflow:auto;
}
.content-item-middle p{
margin:0;
padding-top:1em;
}
.content-item-middle img{
border: 1px solid #EBE9EA;
background-color:#FFFFFF;
margin-left:8px;
margin-right:8px;
padding:6px;
}
.content-item-middle img.wp-smiley{
border:0;
padding:0;
margin:0;
}
.content-item-middle blockquote{
color:#919191;
font-style:italic;
padding-left:30px;
margin-top:0.7em;
margin-bottom:0;
background-image:url(images/quote.gif);
background-repeat:no-repeat;
background-position:left top;
}
.content-item-middle blockquote p{
padding-top:10px;
}
.content-item-bottom{
background-image:url(images/content-item-bottom-bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
height:60px;
}
.content-item-bottom{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.content-item-bottom a{
color:#ffffff;
}
.comments-no{
float:right;
padding-top:16px;
}
.meta-post{
float:left;
padding-top:16px;
}
#comments-header{
padding-left:25px;
color:#ffffff;
margin-bottom:0;
}
.comment-list{
list-style:none;
padding:0;
margin:0;
margin-bottom:2em;
}
.comment-list li{
width:610px;
background-image:url(images/comment-bg.gif);
background-repeat:repeat-y;
background-position:center top;
margin-bottom:2em;
font-size:90%;
}
.comment-list li.author{
background-image:url(images/author-comment-bg.gif);
}
.comment-list li .top-info{
background-image:url(images/comment-top-bg.jpg);
background-repeat:no-repeat;
background-position:center top;
padding-left:40px;
padding-right:40px;
padding-top:50px;
_padding-bottom:10px;
}
.comment-list li.author .top-info{
background-image:url(images/author-comment-top-bg.jpg);
}
.top-info img.avatar{
border:1px solid #CDCBCC;
padding:3px;
}
.comment-list li .top-info span{
padding-left:5px;
font-weight:bold;
}
.top-info a.comment-no{
color:#ffffff;
background-color:#2f99bc;
display:block;
float:right;
width:20px;
text-align:center;
text-decoration:none;
}
.comment-list li .comment-text{
margin-left:40px;
margin-right:15px;
width:530px;
overflow:auto;
line-height:1.4em;
}
.comment-list li .bottom-info{
padding:5px 15px 10px 17px;
_padding-top:10px;
color:#7D7F7F;
font-size:80%;
border-bottom:1px solid #4f8490;
margin-left:22px;
margin-right:22px;
}
#commentform-header{
padding-left:25px;
color:#ffffff;
margin-bottom:0;
}
#commentform{
background-image:url(images/commentform-bg.png);
background-repeat:no-repeat;
background-position:top center;
height:334px;
width:427px;
padding-top:35px;
_padding-top:40px;
padding-left:40px;
padding-right:40px;
font-size:15px;
margin-left:5px;
_margin-top:0px
}
*:first-child+html #commentform{
margin-top:0;
}
#sidebar{
float:right;
width:300px;
background-image:url(images/sidebar-bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
color:#E3FBFB;
font-size:95%;
font-family:"Lucida Grande","Lucida Sans Unicode",Sans-Serif;
}
#sidebar p{
margin:0;
}
#inside-sidebar{
background-image:url(images/inside-sidebar-bg.jpg);
background-position:top center;
background-repeat:repeat-y;
padding-bottom:1em;
_padding-bottom:0em;
margin-bottom:2px;
line-height:1.4em;
width:300px;
}
#sidebar ul{
margin:0;
padding:0;
list-style-type:none;
}
#sidebar h2{
background-image:url(images/sidebar-title-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
height:30px;
padding-top:7px;
font-size:16px;
text-align:center;
font-family: Century Gothic,Arial,Helvetica,Verdana,sans-serif;
margin-top:0;
margin-bottom:0;
}
#sidebar .sidebar-section-content{
padding:1em;
}
#searchform{
padding-top:1em;
color:#757695;
width:250px;
margin-bottom:0;
}
#searchform input#s {
height:19px;
padding-top:4px;
padding-left:2px;
padding-right:2px;
font-size:13px;
width:220px;
border-top:2px solid #5d8793;
border-bottom:2px solid #5d8793;
border-left:2px solid #5d8793;
border-right:0;
}
*:first-child+html #searchform input#searchsubmit{ /*ie 7 only*/
margin-top:1px;
}
#searchform input#searchsubmit{ /*ie 6 & older versions*/
_margin-top:1px;
}
.widget #searchform{
padding-left:20px;
padding-right:20px;
}
.widget #searchform input#s{
border-right:2px solid #5d8793;
width:160px;
margin-bottom:5px;
}
.feeds{
padding-bottom:0;
padding-top:0.5em;
}
*:first-child+html .feeds{
margin-top:-30px;;
}
.feeds{
_margin-top:-30px;
}
a.site-feeds {
background-image:url(images/feeds-icon.png);
background-repeat:no-repeat;
background-position:left top;
height:76px;
display:block;
padding-left:60px;
padding-top:30px;
font-size:120%;
}
a.rsswidget{
color:#E3FBFB;
}
.widget{
margin:0;
padding:0;
list-style-type:none;
clear:both;
}
#footer{
background-image:url(images/footer-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
height:55px;
clear:both;
color:#D9D9D9;
font-size:14px;
padding:10px 320px 0px 30px;
font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
}
#footer a, #footer a:visited{
text-decoration:none;
border-bottom: 1px dotted #ffffff;
color:#ffffff;
}
#footer a:hover{
border-bottom: 1px dotted #8AE3FF;
color:#8AE3FF;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.tags
{
display:inline;
padding-right:5px;
padding-top:5px;
padding-bottom:3px;
font-size:90%;
}
span.tags b
{
color:#F69437;
}
.tag
{
padding-left:3px;
font-size:90%;
}
.post_categories
{
font-size:90%;
margin-top:12px;
background-color: #F4FCFF;
}
.post_categories span
{
color: #F69437;
font-weight:bold;
}