/*  

Theme Name: Liberated

Theme URI: http://theliberation.net/liberated/

Description: A simplistic, organised theme designed to allow for expansion.

Version: 1.0

Author: Tom Barnett

Author URI: http://theliberation.net







*/



/* Please feel free to tamper or change around the CSS in this file as much as you want in order to get the desired preferable effect.  However, be absolutely sure you know what you are doing, or you could cause serious problems with your design. I won't be too happy to help with Minor CSS issues, unfortunately.  */



@import url("images.css");



/* the basics */



body{

 font-family: verdana, sans-serif;

 font-size: 11px;

 color: #333;

 line-height: 2.0em;

 margin: 0;

 padding: 0;



}

.ringsurf {

font: 10px;

text-align: left;

}

.the_email { margin-bottom: 2px;



}



.the_bottom {

margin-left: 5px;

      font-size: 10px;

text-transform: uppercase;



        

        }



.the_permalink ul li {



        list-style: url('http://pindakees.com/wp-content/uploads/2007/08/icon_posted.gif'); 

margin-top: 0;

        padding-left: 2px;



        }

/* the container */



#container{

 width: 693px;

 margin-right: auto;

 margin-left: auto;

 

 padding-top: 10px;

 padding-bottom: 50px;

}



/* the header */



#header{

 width: 693px;

 border: 0px solid #c5c5c5;

 margin-right: 10px;

 margin-left: 10px;

 height: 201px;

 background-color: #fff;

}



#header h1, #header a{

 font-size: 20px;

 height: 20px;

 margin-left: 20px;

 font-family: lucida sans, tahoima, sans-serif;

 color: #fcfcfc;

 text-decoration: none; display: none;

}



#header h1{

 margin-top: 50px;

}



#nav{

 width: 718px;

 height: 20px;

 margin-top: 50px;

 padding: 0px;

}



#nav a{

 font-size: 12px;

 font-family: tahoma, sans-serif;

 color: #888;

 text-transform: lowercase;

 text-decoration: none;

}



#nav a:hover{

 color: #222;

}



/* the content */



#content{

 width: 500px;

 position: absolute;

 top: 202px;

 margin-left: 210px;
font-size: 10px;
 

}



#content p{

 margin: 10px;

}



#content h2, #content h2 a{

 font-family: verdana, sans-serif;

 color: #ccc;

 font-size: 14px;

 margin: 5px;

 text-decoration: none;

}

#content h2 img { border:0; margin-bottom: 0;

display: block;

margin-left: auto;

margin-right: auto;

}

#content p img { border:0;

margin: 5px;

}



#content h3{

 font-size: 11px; 

 font-family: trebuchet ms, sans-serif;

 margin: 10px;

 margin-bottom: 0;

text-transform: uppercase;

color: #D98080;

}



#content .single h3{

 margin-top: 30px;

}



#content h4{

 font-size: 13px;

 text-decoration: underline;

 margin: 10px;

}





#content .meta{

 background: url('meta.png');

background-repeat: no-repeat;

background-position: left;

text-align: left;

height:50px;

padding-left: 55px;



 font-size: 10px;

 color: #999;

 margin-top: 0;

 margin-bottom: 0;

border-bottom: 1px solid #ccc;

}



#content a{

 color: #DB7093;

 text-decoration: none;

 background-color: transparent;

 margin: 0;

}



#content a:hover{

 color: #DB7093;

 background-color: transparent;

}



#content .button, #submit{

 background-color: #20AFC4;

 border: 1px solid #c5c5c5;

 padding: 6px;

 font-family: tahoma, sans-serif;

 font-size: 11px;

 color: #fff;

}

.line { background: url('strings.gif');

background-position: center;

background-repeat: no-repeat;

margin-top:5px;

margin-bottom:5px;



height: 15px;

}

.wide #content{

 width: 693px;

 position: absolute;

 top: 202px;

 padding-bottom: 50px;

 margin-left: 0;

}



.postmeta{

 color: #555;

}



.right{

 float: right;

}



.left{

 float: left;

}





/* the sidebar */

#twitter-preview {

margin-top: 10px;

margin-bottom: 5px;

font-size: 11px;

text-align: justify;

}

#twitter .meta { font-size: 11px; }

#sidebar{

 width: 200px;

 padding-left: 0px;

 position: absolute;

 top: 202px;

 line-height: 1.6em;

 font-size: 10px;

text-align: justify;

 padding-bottom: 20px;

}

#sidebar img {

border:0;

}



#sidebar .box{

 border: 1px solid #DB7093;

 margin-top: 10px;

 padding: 10px;

 padding-top: 5px;

 background: #FFF5EE;

}



#sidebar li{

 list-style-type: none;

 margin: 0;

 padding: 0;

}



#sidebar li h1{

 margin: 0;

 padding: 0;

}



#sidebar ul{

 margin: 0;

 padding: 0;

}



#sidebar h2{

 font-size: 12px;

 color: #D98080;

 border-bottom: 1px solid #D98080;

 padding: 5px;

 text-transform: uppercase; /* this puts all of the text in the h2 area into lower case, regardless.  if you want rid of this feature, then simply delete the text-transform: lowercase; bit */

 font-family: lucida sans unicode, lucida sans, tahoma, arial, sans-serif;

}



#sidebar a{

 color: #DB7093;

 text-decoration: none;

}



#sidebar a:hover{

 text-decoration: underline;

}



.searchbox{

 background-color: #D98080;

 border: 1px solid #DB7093;

 padding: 1px;

 font-size: 9px;

 color: #fff;

text-transform: uppercase;

}



/* comments */



.cmeta{

 font-size: 9px;

 color: #555;

 padding-bottom: 10px;

 border-bottom: 1px solid #c5c5c5;

 margin-bottom: 10px;

}



input{

 border: 1px solid #FFC0CB;

 background-color: #FFC0CB;

 color: #111;

 font-family: tahoma;

 font-size: 11px;

 padding: 2px;

}



input:hover{

 background-color: #DB7093;

 color: #000;

 border: 1px solid #FFC0CB;

}

blockquote {

 background: #FFE4E1;

 border: 4px solid #F0BDBD;

 color: #4D4D4D;

 padding: 5px;



}



/* FLICKR */



#flickr_badge_wrapper {

display: inline;

margin-top: 10px;

margin-bottom: 15px;

}

#flickr_badge_wrapper img { border: 5px solid #FFC0CB; margin: 1px; padding: 3px; width: 65px; height: 65px; background: #DB7093;

}

#flickr_badge_wrapper a

{

display: inline;

padding: 3px;

width: auto;

background-color: transparent;

border-bottom: 0px solid #eee;

}

#flickr_badge_wrapper a:hover

{

background-color: transparent;

color: #DB7093;

}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}





/* Original CSS and Design Copyright of Tom Barnett 2005 - http://theliberation.net/ */



/* Liberated Wordpress Plugin & Skin - http://theliberation.net/liberated/ */