/*
Theme Name: silent crystal
Theme URI: http://www.ariasavona.com
Description: Theme for Wordpress
Version: 1.0
Author: crystal
Tags: light, fixed width, three columns, widgets
*/


body{
background:#f3f3f3;
font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-size:13px;
}
img a, a img{
border:none;}
#contianer{
width:963px;
display:table;
margin:20px auto 0 auto;  /*temp*/
background:#fefefe url(images/container.gif);
}
#container2{
background:url(images/containerbg.gif) top no-repeat; 
display:table-cell;
padding:4px 0 0 65px;
}

#abovemenu{
width:860px;
height:40px;
}
#abovemenu #rssfeed{
width:62px;
height:30px;
float:right;
cursor:pointer;
margin:5px 0 0 0;
}

#mainmenu{
width:860px;
height:40px;

background:url(images/menubg.gif) no-repeat;
}

#mainmenu ul{
display:inline;
margin:0;
padding:0 0 0 10px;
line-height:38px;
}

#mainmenu ul li{
display:inline;
}

#mainmenu ul li a{
padding:0 16px;
text-decoration:none;
color:#000;
font-family:Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-size:13px;
}
#topsearch{
float:left;
margin:10px 0 0 5px;
width:200px;
height:25px;
}

#searchformtop{padding:0;}
#searchformtop input{
width:190px;
color:#999999;
height:14px;
padding:0;
font-size:10px;
}

#topearch{
padding:0;}
#banner{
height:146px;
width:830px;

margin:10px 0 0 0;
background:url(images/banner.jpg) no-repeat;
padding:55px 10px 0 30px;}

#banner h1{
margin:5px 0;
}
#banner h2{
margin:0;
}
#banner h1 a{
color:#ffffff;
font-family:Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-weight:normal;
font-size:1px;
text-decoration:none;
}
#banner h2 {
color:#ffffff;
font-family:Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-weight:normal;
font-size:1px;
text-decoration:none;
}

#wrapper{
border:1px solid #bebebe;
width:858px;
display:table;
margin:10px 0 10px 0;

}
#wrapper2{
border:1px solid #fff;
background:#f5f5f5;
width:840px;

display:table-cell;
padding:8px;
}

/*Main post*/
#main{
width:480px;
float:left;
}

#main h2, #main h2 a{
font-size:18px;
font-family: Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-weight:normal;
color:#111;
text-decoration:none;
margin:2px 0;}

.post small{
color:#999999;
font-size:11px;
font-family:Tahoma,Arial,Verdana,sans-serif;
border-bottom:1px dashed #e6e6e6;
}
.post{
padding:7px;
text-align:justify;
float:left;
background:#fff;
margin: 0 0 8px 0;
border:1px solid #dfdedf;}
.post p {
padding:4px;
}

.post blockquote{
font-style:italic;
margin:5px 30px;
padding:0 10px;
background:url(images/blockquote.gif) left top no-repeat;
color:#444;
}
.post img{
padding:2px;
margin:3px;
}
.post ul li{
list-style-image: url(images/post-li.gif);
}
.posttitle-ang{ width:466px; float:left; }

.posttitle-ang .date{text-align:center; width:50px; float:left; height:49px; background:url(images/calendar_background.jpg) no-repeat center top; padding:7px 0 0 0;}

.posttitle-ang .datetime{color:#fcfcfc; font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.posttitle-ang .maintitle{float:right; width:414px;}

.posttitle-ang .datemonth{color:#000; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:28px;}

.postmeta{ width:456px;  float:left; background:#e4f1f1; border:1px solid #e0e0e0; padding:4px; font-size:11px; font-family:Tahoma,Arial,Verdana,sans-serif; color:#666666;}

.postmeta a{ text-decoration:none; color:#165faf;}
.commentlink a{ float:right; width:100px; padding:5px 0 0 0; background: url(images/commentbg.gif) #fff; text-align: center; height:20px;}
.commentlink a{color:#000000; }

#sidebar{float:right; width:340px; background:#fff; padding:4px;}

#sidebar1{width:170px; float:left;}
#sidebar1 ul, #sidebar2 ul{padding:0; margin:0; list-style:none; }
#sidebar2{width:170px; float:right;}
#sidebar h2{ font-size:12px; font-weight:bold; margin:0 0 3px 0; font-family: Verdana,Helvetica,Tahoma,Arial,Verdana,sans-serif;; color:#fff; padding: 3px; background: /*url(images/widgettitle.gif) repeat-x*/ #333;}
#sidebar ul ul{padding:0 5px 5px 5px;}
#sidebar ul.sidecontainer1{padding:0 5px 5px 5px ; background:#efefef; border:1px solid #fff;}
#sidebar ul.sidecontainer{ background:#efefef; border:1px solid #fff;}
#sidebar .sbback1{ border:1px solid #dbdbdb; margin:0 2px 0 0;}
#sidebar .sbback2{ border:1px solid #dbdbdb; margin:0 0 0 2px;}
#sidebar ul ul li{
padding:3px 0 3px 15px;
background: url(images/li.gif) top left no-repeat;
border-bottom:1px dashed #CCCCCC;
line-height:16px;
}

#sidebar ul ul li a, #sidebar ul ul li a:visited{
text-decoration:none;
color:#015996;
font-family: Verdana,Helvetica,Tahoma,Arial,Verdana,sans-serif;;
}

.widget{
margin: 0 0 10px 0;
}


/*Commetns*/
#commentform {padding:10px 10px 10px 15px; background:url(images/commentbgmain.gif) top no-repeat; margin:15px 0 0 0; height:252px;}
#commentform small{font-size:12px;}
#commentform textarea{
width:420px;
height:100px;
}
#commentarea{ float:left; padding:8px; background:#fff; width:466px; border:1px solid #dfdedf;}
#commentarea h3{
margin:3px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:0 0 4px 0;
color:#004466;
}

#commentarea ol{
list-style:none;
padding:5px;
margin:0;
}
#commentarea p{
padding:5px;
text-align: justify;
margin:0;
}
.commentauthor{
padding:4px 0;
margin:0;
background:#efefef;
border-left:10px solid #2f8ebd;

}
.commentauthor a{ font-size:11px; text-decoration:none; color:#999999;}
.commenttext {background:url(images/commenttop.gif) top no-repeat #d4eaf5; padding:20px 15px 0 15px;}
.commenttextbottom {
background:url(images/commentbottom.gif) top left no-repeat; height:13px; margin: 0 0 15px 0; }

h3#respond{margin:0; padding:0 0 0 10px; color:#000000; font:22px "Times New Roman", Times, serif; font-weight:normal;}

input#submit{background:#444; cursor:pointer; color:#fff; border:none; padding:5px 10px;
}
#footer{height:30px; padding:35px 0 0 0; font-size:11px; text-align:right; background:#f3f3f3 url(images/footer.gif) no-repeat top ; width:963px; margin:0 auto 0 auto; color:#777;}
#footer a{ color:#165faf; text-decoration:none; }
a{ color:#165faf; text-decoration:none; }


#adscover{border:1px solid #666; margin-bottom:10px;}
#rightads{

width:296px;
height:129px;
padding:5px 20px 5px 20px;
border:1px solid #fff;

background: url(images/adsbg.gif) repeat-x top #c3c3c3;

}

#adsright{
width:127px;
float:right;

border:1px solid #999999;
padding:0;
height:127px;
background:#fff;
}

#adsleft{
width:127px;
border:1px solid #999999;

padding:0;
float:left;
height:127px;
background:#fff;
}


/*fix*/
#sidebar img {
border:none;
padding:0;
margin:0;
}

#sidebar #searchformtop input{
width:160px;
margin:5px 0 5px 0;}

.alignright a{text-decoration:right; float:right;}

/*Tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
h2 { font-size:11px;}
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { font-size:11px;
}
.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
}
.tabberlive ul li, .tabberlive ol li{
list-style:none;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
  font-size:12px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
 color: #000000;
 text-transform:uppercase;
}

ul.tabbernav li a:link { background:#777; color:#fff; font-size:12px; font-weight:bold; font-family:tahoma;}
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #888;

}

ul.tabbernav li.tabberactive a
{
 background: #333;
 color:#fff;
 font-size:12px; font-weight:bold;  font-family:tahoma;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;


}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
 background:#efefef;
 margin-bottom:10px;
 font-size:12px;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
  font-size:12px;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { padding:5px 0 6px 0; }
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:24px; border-bottom:1px solid #fff;}