/*
Theme Name: christianlendl.com
Theme URI: http://www.christianlendl.com
Description: christianlendl.com
Version: 1.0
Author: Christian Lendl
Author URI: http://www.dChris.net
*/


body {
font:normal 13px Georgia, Arial, Helvetica, sans-serif;
color : #FEFFFF;margin:0; padding:0;
}

a {color:#000;text-decoration:none;/*outline:none;*/}
a:hover {text-decoration :underline;}
h1, h2, h3, h4, img, form, ul, li, table, td {margin:0; padding:0;}
h1, h2 {font:normal 20px/26px Georgia, Arial;margin-bottom:5px;}
h3, h4 {font:bold 13px/20px Georgia, Arial;margin-bottom:5px;}
a img {border:0 none;}
p {padding:5px 0;margin : 0; }
blockquote {margin: 5px 20px;padding:0 0 0 20px; border-left: 3px solid #C90;}
code { font: 12px 'Courier New', Courier, Fixed; border:1px dashed #C90;margin:10px;padding:10px;display:block;}
small {font-size:10px}

/* Form */


input, select, textarea {margin:0 2px; padding:3px 2px; border:1px solid  #333;height:15px;width:200px;vertical-align:top;background:#000000;color:#ffffff;}
textarea {height:120px;width:340px;}
#searchform {margin:0 auto;width:300px;}
#searchsubmit, .btn, #submit {margin:0; padding:0; width:80px; text-align:center;height:23px;font-weight:bold;background:#fffffe; color:#000;cursor:pointer; border:0; }
input#submit {width:140px;height:26px;}
/*  ====================== Common ======================= */



/* Alignments */
.alignright { float: right;	width:auto;}
.alignleft { float: left;width:auto;}
.center, .centered {text-align:center;}



/*Images */
img.centered { display: block;	margin:0 auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;float:right;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.avatar {padding:0; margin: 0 7px 2px 0; display: inline; float: left;}



/* Navigation */
.navigation { display: block; padding:5px 10px 0 10px;font-weight:bold;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}


/*  ====================== Page Structure ======================= */
#wrapper {width :984px; margin:0 auto;padding:45px 0 0 0;}
#content {float:right; width:774px;padding:0 0 0 40px;}
#sidebar {float:right; width:170px;color:#444444;}

/*  ====================== Header ======================= */

a.logo {display:block; width:170px; height:50px;background:url(images/logo.gif) no-repeat;margin-bottom:15px;}
a.logo span {display:none;}

/*  ================================= Contents ============================= */
.post a , .coments_section a {color:#fff;text-decoration:underline;}
.post a:hover, .coments_section a:hover {color:#BABABA;text-decoration:none;}
.post-outer {width:790px; background:url(images/post-bg.gif) repeat-y;margin-bottom:35px; }
.post-inr {width:790px; background:url(images/post-top.gif) no-repeat; }
.post, .coments_section {width:770px;padding:10px 20px 12px 0px; background:url(images/post-btm.gif) no-repeat left bottom; }

p.metatags {padding:5px 10px; font:normal 12px Georgia;}
p.metatags a {text-decoration:underline;}
p.metatags a:hover {text-decoration:none;}
p.more {padding:0 0 5px 0;font-weight:bold;}
.post h1, .post h2, .coments_section h2 {padding:0 17px;}
.post h2 a, .post h1 a {color:#FEFFFF; text-decoration : none;}
.post h2 a:hover {color:#BABABA}
.post ul, ol {margin:5px 25px;}
.post li {margin-bottom: 7px;}
.entry {padding:0px 18px 5px 18px;}
.postimg {margin: 6px 0;}
.facebook {width: 770px; height: 40px;}
.imageinfo {width: 770px; height: 30px;}

/*  ================================= Archive ============================= */

.thumbox {margin-top: -12px; margin-left: -11px; height:230px;width:230px;overflow:hidden;}
.thumbox img, .abox img {display:block; margin:0 auto; height: 230px; width:230px;}
.postlink {display:block; height:230px; margin-top:-230px; margin-left: -11px; position:relative;}
.postlink:hover {text-decoration:none;}
.post-detail {display:none; }
.post-title {position:absolute; bottom:0;display:block;cursor:pointer;background:#000; color:#fff; filter:alpha(opacity=60); opacity:0.6;width:220px;padding:10px 0 10px 10px;font:bold 16px Georgia,arial;}

.postlink:hover .post-detail {display:block;cursor:pointer;background:#000; color:#fff; filter:alpha(opacity=50); opacity:0.7;padding:10px;width:210px; height:210px;font-weight:bold;overflow:hidden;}   
.postlink:hover .post-title{display:none;}
* html .postlink:hover .post-title{display:block;}

* html .thumbox img {width:expression(this.width>this.height && this.width>209?209:true);}
* html .abox img {width:expression(this.width>this.height && this.width>209?209:true);}

/* Left Bar */
.abox {background:url(images/box-bg.gif) repeat-y; margin:0 0 7px 0;width:247px; }
.abox-inr {background:url(images/box-top.gif) no-repeat;}
.abox-main {background:url(images/box-btm.gif) no-repeat bottom left; padding:16px; width:215px;height:209px;overflow:hidden;}


.abox ul {list-style:none; color:#fff;}
.abox li {color:#fff; font:normal 12px Georgia,arial; background:url(images/sb-li.gif) no-repeat 5px 7px; padding:4px 0 8px 17px; }
.asbox a {color:#fff;}
  

#main .abox {float:left; margin:0 5px 7px 5px;}

/*  ================================= sidebar ============================= */

/* Left Bar */
.sbbox {background:url(images/dot.gif) repeat-x left bottom;padding-bottom:10px; margin:0 0 7px 0; }
#sidebar ul {list-style:none;}
#sidebar li {font:bold 14px/23px Georgia, Arial; }
#sidebar a {color:#000;}
#sidebar a:hover {}
.sbbox {margin-bottom:10px;}


/*  ================================= Footer ============================= */
#footer p {padding:2px 0;}
#footer a {color:#fff; }


/*  ================================= Others ============================= */
.clr {clear : both;font:normal 1px/1px arial;height:1px;}
.space {font:normal 1px/1px arial;height:10px;}

/* --------------------- common elements --------------------------- */
h2.pagetitle, h2.center {text-align: center; padding:10px 0;}

.alt { background:#4F4F4F; }
.alt .even  {background:##4F4F4F; }

ol.commentlist{list-style:none;margin:0 0 10px 0; padding:0;}
.commentlist li {list-style:none;margin:5px 0;padding:5px 10px;}