/*  
Theme Name:Wave
Theme URI:http://www.astereostudio.com
Description:Clean waves of a better design.
Version:1
Author:Astereo / Devlounge
Author URI:http://www.astereostudio.com
*/
/*
+++++++++++++++
General CSS -
Used to style a few defaults and get the ball rolling.
+++++++++++++++
*/
body{
background-color:#ECE9DF;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
line-height:2em;
}
a{
text-decoration:none;
}
img{
border:none;
}
#wrap{
background-color:#FFFFFF;
background-image:url(images/header_back.png);
background-repeat:no-repeat;
margin:0 auto;
padding-top:0px;
width:770px;
}
/*
++++++++++++++++
Logo -
This is the div for the logo. To use your own logo,simply upload an image width a height of 52px and a max width of 750,and overwrite logo.gif in the images folder.
++++++++++++++++
*/
#logo{
cursor:pointer;
height:180px;
margin-bottom:0px;
padding-top:10px;
width:100%;
}
/*
+++++++++++++++
NAVI
+++++++++++++++
*/
#news .sidebars ul{
font-size:11px;
list-style-type:none;
margin:0px;
padding:0px;
}
#news .sidebars ul li{
border-bottom:1px solid #CCCCCC;
font-weight:normal;
list-style-type:none;
margin-bottom:2px;
padding-bottom:2px;
}
#news .sidebars ul li a{
background-color:#FFFFFF;
color:#CA1717;
display:block;
}
#news .sidebars ul li a:hover{
background-color:#F2F2F2;
color:#333333;
display:block;
}
/*
+++++++++++++++
Three Column Madness -
Get's things going with three different columns,each holding their own.
+++++++++++++++
*/
#news{
margin:0 auto;
margin-bottom:15px;
margin-top:15px;
position:relative;
width:740px;
}
#news .words{
background-color:#FFFFFF;
color:#444444;
float:left;
font-size:12px;
line-height:17px;
margin-right:10px;
padding:5px;
width:490px;
}
#news .words .head{
height:0px;
width:100%;
width:290px;
}
#news .words h2 a{
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#333333;
font-size:21px;
margin-bottom:12px;
padding:0px;
text-decoration:none;
line-height:25px;
}
#news .words h2 a:hover{
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#CA1717;
margin-bottom:12px;
padding:0px;
}
#news .words .left{
color:#A1A1A1;
font-size:11px;
margin-bottom:10px;
}
#news .words .right{
color:#A1A1A1;
font-size:11px;
margin-bottom:2px;
text-align:right;
}
#news .words a{
border-bottom:1px dotted #CA1717;
color:#333333;
}
#news .words a:hover{
border-bottom:1px dotted #CA1717;
color:#333333;
}
#news .pgentry{
border-bottom:1px dotted #E2E2E2;
margin-bottom:3px;
margin-bottom:15px;
}
#news .ntentry{
margin-bottom:2px;
margin-top:2px;
}
#news .pgentry img{
display:block;
margin-bottom:5px;
margin-top:5px;
padding:3px;
}
#news .sidebars{
background-color:#FFFFFF;
float:right;
line-height:14px;
padding:5px;
width:200px;
}
#news .sidebars .head{
height:138px;
position:absolute;
right:30px;
top:-170px;
width:300px;
}
#news .sidebars h2{
color:#666666;
font-size:12px;
font-weight:normal;
margin-bottom:5px;
margin-top:10px;
padding:0px;
}
#news .words h2{
color:#333333;
font-size:21px;
font-weight:normal;
margin-bottom:12px;
margin-top:0px;
padding:0px;
line-height:25px;
}
#news .words h2 a{
border-bottom:1px dotted #CA1717;
color:#333333;
text-decoration:none;
}
#news .clear{
background-color:#FFFFFF;
height:8px;
width:100%;
}
#news{
margin:0 auto;
margin-top:15px;
width:740px;
}
/*
+++++++++++++++++
Single Posts -
Single pages have an increased viewing area,and eliminates the noteworthy feature.
+++++++++++++++++
*/
#news .single{
background-color:#FFFFFF;
color:#444444;
float:left;
font-size:12px;
line-height:17px;
margin-right:20px;
padding:5px;
width:490px;
}
#news .single .head{
height:0px;
width:100%;
width:290px;
}
#news .single h2 a:hover{
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#CA1717;
font-weight:normal;
margin-bottom:12px;
padding:0px;
}
#news .single .left{
color:#A1A1A1;
font-size:11px;
margin-bottom:10px;
}
#news .single a{
border-bottom:1px dotted #CA1717;
color:#333333;
}
#news .single a:hover{
border-bottom:1px dotted #CA1717;
color:#333333;
}
#news .single h2{
color:#333333;
font-size:21px;
line-height:25px;
font-weight:normal;
margin-bottom:12px;
margin-top:5px;
padding:0px;
}
#news .single h2 a{
border-bottom:1px dotted #CA1717;
color:#333333;
font-weight:bold;
text-decoration:none;
}
/*
+++++++++++++++++
Comments -
Manages the styling for comments forms.
+++++++++++++++++
*/
#commentarea{
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin-top:10px;
padding-left:5px;
width:480px;
}
#commentarea h3{
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
margin:0px;
}
.commentsblock{
margin:0.5em;
padding:1em;
}
.commentsblock textarea{
width:250px;
}
.commentsblock input,.commentsblock textarea{
border:1px solid #D1D1D1;
}
.commentsblock textarea:focus{
background:#EEEEEE;
border:1px solid #A1A1A1;
}
.commentsblock textarea:focus,.commentsblock input:focus{
background:#EEEEEE;
border:1px solid #A1A1A1;
}
.commentauthor{
display:block;
font-size:1.5em;
}
ol.commentlist{
color:#777777;
font-family:Verdana,Helvetica,Arial,Sans-Serif;
font-size:11px;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0px;
width:80%;
}
ol.commentlist a{
border-bottom:1px dotted #CA1717;
color:#555555;
display:inline;
text-decoration:none;
}
ol.commentlist a:hover{
color:#222222;
text-decoration:none;
}
.cauthor{
font-size:12px;
font-weight:bold;
}
.cauthor a{
border-bottom:1px dotted #CA1717;
color:#555555;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.cauthor a:hover{
color:#222222;
text-decoration:none;
}
.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt{
background:#FFFFFF;
padding:0.5em;
}
.alt2{
background:#FFFFFF;
border-bottom:2px solid #FFD324;
border-top:2px solid #FFD324;
margin:10px auto;
padding:5px 20px 5px 45px;
}
.comment-even,.comment-preview{
background-color:#F8FAFC;
}
.comment-odd{
background-color:#FFFFFF;/* Change this colour to add "Flip flopping" backgrounds */
}
.authorcomment{
background-color:#F7F7F4;/* Author background color */
}
/* Comment/Trackback Favatars & Gravatars */
.comment-favatar{
background:center center;
float:right;
height:16px;
margin:2px 0 0 0;
-moz-opacity:0.5;
opacity:0.5;
width:16px;
}
.comment-favatar:hover{
-moz-opacity:1;
opacity:1;
}
.trackback-favatar{
background:center center;
cursor:pointer;
float:left;
height:16px;
margin:2px 6px 0 2px;
width:16px;
}
.comment-gravatar img{
background:url(wp-content/gravatars/avatar.jpg) #FFFFFF no-repeat center center;
border:1px solid #A5A5A3;
float:right;
height:30px;
margin:0;
padding:2px;
width:30px;
}
#commentform textarea{
width:90%;
}
.gravatar{
border:0px;
float:right;
margin-right:-5px;
}
ol.commentlist blockquote{
background:url("images/blockquote.gif") #F8FAFC no-repeat left top;
border:1px solid #EBEBEB;
font-size:10px;
line-height:normal;
padding:1px;
}
/*
+++++++++++++++++
The Deck -
The deck contains the slick drop down search form,using some Moo.fx and javascript to slide it down or close it up.
+++++++++++++++++
*/
#login{
background:#D9D4C0;
overflow:hidden;
width:100%;
}
#deckcontent{
color:#333333;
font-size:12px;
line-height:normal;
margin-top:5px;
padding:2px;
}
#search{
float:right;
margin-right:5px;
vertical-align:middle;
width:100px;
}
#searchimage{
float:left;
margin-left:5px;
margin-right:90px;
vertical-align:middle;
width:300px;
}
#searchform .field{
background-color:#F7F7F2;
border:1px solid #A49E87;
font-family:verdana;
font-size:10pt;
width:170px;
}
#searchform{
margin:20px 0px 20px 0px;
}
/*
+++++++++++++
Search Results
+++++++++++++
*/
#searchpg{
width:100%;
margin-bottom:15px;
}
#searchpg h3{
font-size:21px;
font-weight:bold;
}
/*
+++++++++++++
Footer -
Customize the footer in any way you see fit,but try to be nice and leave a linkback to astereo and devlounge. We built this sh*t,so be nice!
++++++++++++++
*/
#preclear{
background-color:#FFFFFF;
height:10px;
width:100%;
}
#footer{
background-color:#F7F7F2;
color:#111111;
font-size:11px;
padding:2px;
padding-left:15px;
padding-right:4px;
width:751px;
}
#footer a{
border-bottom:1px dotted #CA1717;
color:#333333;
text-decoration:none;
}
#footer a:hover{
border-bottom:1px dotted #CA1717;
color:#333333;
text-decoration:none;
}