﻿/*
Theme Name: Lars Leonhard Web
Theme URI: http://www.lars-leonhard.de
Description: Lars Leonhard Theme v1.0
Version: 1.0
Author: yaMind
Author URI: http://www.yamind.com
*/
/* based on piano-black */
/*
	Note: this style sheet does not validate.
	This is because the W3C validator is not
	aware of RGBA colors, which are part of
	the CSS3 specification.
*/

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* @end */

/* Clearfix
/* -------------- */

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

/* @end */

a, a:link, a:visited {
	color:#666;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	outline: none;
	vertical-align: bottom;
}


a:hover,a:active {
	color:#66ccff;
	text-decoration: none;
	cursor: pointer;
	vertical-align: bottom;
}

a:focus { outline: none; }

a.extlink {
	background: url('images/extlink.png') 0 3px no-repeat;
	padding-left: 15px;
padding-right: 5px;
	line-height: 15px;
	height: 15px;
	vertical-align: bottom;
}

blockquote { padding: 10px; font-style: italic; }

body
{
	font-size: 12px;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url("images/backgrnd.png");
	color: #eee;
	padding: 0;
	margin: 0;	
	line-height: 15px;
	vertical-align: bottom;
	width: 100%;
        /*text-shadow: 1px 1px 1px #000; *//*CSS3 Text Shadow*/
/*text-shadow: 1px 1px 2px rgba(0,0,0,0.8);*/
}

/*  ------ basic ------------------- */
a img { border:none; }
p { margin:0 0 1em 0; padding:0; line-height:15px; vertical-align: bottom; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; }
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/*  ------ layout ------------------------ */

#wrapper { margin:0; padding:0; clear: both; height: 100%; width: 100%; }
#contents { width:959px; margin:0 auto; padding:0; text-align:left; }
/*#header { background:url('images/top.png') no-repeat bottom; height:160px; margin-top: 20px; }*/
#header { background:url('images/top.png') no-repeat bottom; position: relative; height:160px; /*margin-top: 20px; padding-top: 50px;*/ z-index: 100;}
#middle-contents { background:url('images/side.png') repeat-y; }
#left-col { float:left; display:inline; height: auto; width:618px; padding: 0; margin:0 0 0 5px; /*border-right: 1px solid #080808;*/ }
#right-col { /*background: transparent url('images/back2.png') no-repeat center top;*/ float:right; display:inline; width:330px; margin:40px 5px 0 0;/* border-left: 1px solid #080808;*/}
#footer { background: url('images/bottom.png') no-repeat; height:80px; margin-bottom: 80px; font-size: 10px; text-align: right; padding: 15px; }

/*  ------ header ---------------------- */


/* blog title */
#logo { background: url(images/back2.png) top left no-repeat; width: 128px; height:128px; position: absolute; z-index: 500; top: -50px; left: -45px; }

#search-area { float:right; display:inline; width:183px; height:29px; margin:70px 47px 0 0; background:url(img/search-area.gif) no-repeat; }
#search-input { float:left; margin:8px 0 0 24px; border:0px; height:17px; display:inline; width:125px; font-size:12px; color:#7e7e7e; background:transparent; }
#search-button { float:right; }


/*  ------ left-col ------------- */

.post { margin:40px 0 5px 35px; width: 540px; clear: both; position: relative; }

.post h2 {  text-shadow: 1px 1px 2px #000; font-weight: bold; margin:0 0 4px 0; padding:0; line-height:100%; }
.post h2 a, .post h2 a:visited, #single h2 { color: #66ccff; font-size:16px; line-height:120%; font-weight:normal; }
.post h2 a:hover { text-decoration:none; color:#fff; }
.post-info { margin:0; clear: both; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:15px 0 40px 0; line-height:15px; vertical-align: bottom; }
.post-content p { margin:1.5em 0 1.5em 0; line-height:15px; vertical-align: bottom;  }
.post-content a.more-link, .post-content a.more-link:visited 
  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(img/arrow3.gif) no-repeat left top; text-decoration:none; }
.post-content a.more-link:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }

.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }
.post a img { margin: 10px; padding: 0;/*background-color: #080808;  border: 1px solid #66ccff; 
-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.6);
       -khtml-box-shadow: 0px 0px 5px rgba(255,255,255,0.6);
       -webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.6);*/
      }
.post a:hover img {  }
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post-content ul li { margin:0 0 0 0; line-height:160%; background:url(img/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }
.post-content input { margin:5px 0; }

.post-meta { background:url(img/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; }
.post-meta ul { background:url(img/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-category { float:left; width:345px; background:url(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:80px; padding:0 10px 2px 22px; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }

/* ------ footer nav ----- */
.btm-nav { height:45px; line-height: 45px; vertical-align: middle; color: #fff; font-size: 11px; text-align: left; width: auto; }
.btm-nav a { color: #fff; text-decoration: none; }

/*  ------ right-col ------------- */
#information-title { background:url(img/info-box-top.gif) no-repeat left top; padding:25px 20px 5px 20px; width:232px; margin:0 0 0 30px; }
.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(img/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:232px; }

.side-title { margin:0 0 20px 0; font-size:11px; text-transform:uppercase; color: #78d0ff; font-weight:normal; line-height:100%; }
.side-box { color:#aaa; margin:0 0 45px 35px; font-size:11px; width:270px; }
.side-title a { color: #78d0ff; }
#right-col ul { }
#right-col li { margin:0 0 1em 0; line-height:140%; }
#right-col li li { padding:0 0 0 10px; margin:3px 0; background:url(img/bullet1.gif) no-repeat 1px 7px; }

#side-left { float:left; width:128px; padding:0 0 0 32px; }
#side-right { float:right; width:120px; padding:0 30px 0 10px; }
.side-box-short { margin:0 0 50px 0; width:130px; font-size:11px; color:#aaa; }

#side-bottom { clear:both; }

.side-box img { padding-right: 15px; margin-bottom: 10px; }
/* this is just for default mode */
#side-left-ex { float:left; width:128px; padding:0 0 0 32px; }
#side-right-ex { float:right; width:120px; padding:0 30px 0 10px; }
#side-bottom-ex { clear:both; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; color:#777; }
#wp-calendar th, #wp-calendar td { border:1px solid #333; padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; background:#000; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:underline; }
#wp-calendar td a:hover { }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; }
#wp-calendar td#today { background:#111; text-decoration:underline; color:#81c8d5; }

#copyrights { color:#777; border-left:3px solid #444; padding:1px 0 0 8px; clear:both; }
#copyrights li { margin:0; padding:0; line-height:160%; }
#copyrights a, #copyrights a:visited { color:#777; }
#copyrights a:hover { color:#849ca0; }
#copyrights #wp a { text-decoration:underline; }

#return_top a { position:absolute; position:fixed; right:0; bottom:15px;
                display:block; height:138px; width:38px; background:url(img/return-top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return-top.png) no-repeat right top; text-decoration:none; }

/*  ------ archive ------------- */
.archive, .search-page { margin:25px 0 25px 30px; border-left:3px solid #555; padding-left:10px;  }
.archive h2, .search-page h2 { font-size:14px; color:#fff; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }
.archive p, .search-page p { font-size:12px; }
.read-more { padding:0 0 0 0; }


/* ------ page navi -------------- */
/*.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:20px 0 0 0; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; }

.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }*/

#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }

/*  ------ header for category/archive/search/...etc  ------------- */

.common-navi-wrapper { background:url(img/archive-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; margin:70px 0 0; }
.common-navi-wrapper p { background:url(img/archive-bottom.gif) no-repeat right bottom; padding:0 10px 10px 32px; margin:0; line-height:140%; }

#archve-title { margin:0 0 0 13px; }
#search-hit { }

/*  ------ page widthout side ------------------------ */
#no-side { background:url(img/side-noside.png) repeat-y; padding:60px 0; }
#no-side .post { margin:0 40px 20px 40px; }
#footer-noside { background:url(img/bottom-noside.png) no-repeat top; height:114px; margin-bottom:50px; }


/*  ------ header-menu ------------------------ */
/*
.header-menu-wrapper { padding: 0; margin: -5px 0 130px 0; }
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
ul.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

ul.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
ul.menu ul a:hover { background:#222; border-bottom:1px solid #222; }
ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }

ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-bottom:2px solid #627376; }
ul.menu .current_page_item a:hover { color:#78d0ff; border-bottom:2px solid #78d0ff; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
              { border-bottom:1px solid #373737; }
*/
/*  ------ header-menu ------------------------ */

.header-menu-wrapper { position: relative; padding: 0; padding-right:10px; height: 40px; margin: 70px 0 -5px 0; z-index: 2;}
#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:40px; float:right; }
#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:40px; float:right; }

ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left -1px; font-size:11px; height:40px; margin:0; }
ul.menu, ul.menu ul { line-height:1; margin:0; padding:0; }
ul.menu li { position:relative; float:left; border-left:1px solid #222; height:45px; padding:0 18px; z-index:2; }
ul.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
ul.menu #header-menu-home { border:none; }
ul.menu a, ul.menu a:visited { color:#888; display:block; padding:0 15px; line-height:39px; position:relative; top:5px;}
ul.menu a:hover { color:#83bac4; border-top:2px solid #78d0ff; text-decoration:none; }
ul.menu li#rss2 { padding: 0; width: 32px;  text-align: center;}
ul.menu li#rss2 a { padding: 0; padding-left: 7px; }
ul.menu #rss2 a:hover { border: none; border-top:2px solid #080808; }

ul.menu ul { position:absolute; top:42px; left:0; display:none; opacity:0; width:200px; }
ul.menu ul a, ul.menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; width: 128px; margin:0 0 0 0; }
ul.menu ul a:hover { background:#222; border-top:1px solid #222; }
ul.menu ul ul { margin: -34px 0 0 189px; top:34px; }

ul.menu .current_page_item a, ul.menu .current_page_item a:visited { color:#869497; border-top:2px solid #627376; }
ul.menu .current_page_item a:hover { color:#78d0ff; border-top:2px solid #78d0ff; text-decoration:none; }
ul.menu .current_page_item ul a, ul.menu .current_page_item ul a:visited, ul.menu .current_page_item ul a:hover
              { border-top:1px solid #373737; }



textarea { width:90%; margin:15px auto 0 auto; padding:15px; height:150px; border:1px solid #333;
                             background:#222; color:#a2a2a2; font-size:11px; overflow:auto; }
textarea:focus { outline: 1px solid #849ca0; }
input { margin:0; border:1px solid #333;  padding: 3px 5px; width:40%; background:#222; color:#a2a2a2;}
input:focus { outline: 1px solid #849ca0; }
label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#666;}
span { color:#f2f2f2; margin:0 10px 0 0; }

.comments { margin-top: 30px; }

h3#respond, h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}



.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 25px auto;
	float: right;
	}
/* End Form Elements */

#input_hidden_field { display:none; }

 ul.share-posts { display: inline; }
ul.share-posts li { display: inline; }
ul.share-posts img { padding: 5px; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
border: 1px solid #222;
background: #111;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
font-size: 0.9em;
	}
/* End Comments */

a.highslide span {
	width: 30px;
	height: 28px;
	display: block;
	position: absolute;
	bottom: 70px;
	right: 55px;
}

.video {
	background: url('images/icon_video.png') no-repeat;
}

/* Sidebar Ribbon */

.rectangle {
	background: #080808;
	height: 30px;
	width: 335px;
	position: relative;
	left:-34px;
	top: -5px;
	float: left;
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
       -khtml-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
       -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
	z-index: 100;
       margin-bottom: 20px;
}

.rectangle h2 {
	font-size: 11px;	
	padding-top: 7px;
	text-shadow: 0px 0px 2px rgba(255,255,255,0.1);
	text-align: center;
text-transform:uppercase; color: #78d0ff; font-weight:normal;
}

.rectangle h2 a {
	color: #78d0ff;	
}
.triangle-l {
	border-color: transparent #080808 transparent transparent;
	border-style:solid;
	border-width:5px;
	height:0px;
	width:0px;
	position: relative;
	left: -44px;
	top: 20px;
	z-index: -1;
}

.triangle-r {
	border-color: transparent transparent transparent #080808;
	border-style:solid;
	border-width:5px;
	height:0px;
	width:0px;
	position: relative;
	left: 296px;
	top: 20px;
	z-index: -1;
}

/* Post Title Background */
.post .rectangle {
	background: #080808;
	height: 30px;
	width: auto;
	position: relative;
padding-right: 30px;
padding-left: 50px;
	left:-41px;
	top: -5px;
	float: left;
	-moz-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
       -khtml-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
       -webkit-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
       -moz-border-radius-topright: 5px;
       -webkit-border-top-right-radius: 5px;
       -moz-border-radius-bottomright:5px;
        -webkit-border-bottom-right-radius: 5px;

	z-index: 100;
       margin-bottom: 5px;
}

/*
.post img {
-moz-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
       -khtml-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
       -webkit-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
}

.post img.wp-smiley { -moz-box-shadow: none;
       -khtml-box-shadow: none;
       -webkit-box-shadow: none;
 }*/

.post .rectangle h2 {
	padding-top: 5px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	text-align: center;
 color: #78d0ff; font-weight:normal;
text-transform: none;
}

.post .rectangle h2 a {
	color: #78d0ff;	
}

.post .triangle-l {
	border-color: transparent #080808 transparent transparent;
	border-style:solid;
	border-width:5px;
	height:0px;
	width:0px;
	position: relative;
	left: -46px;
	top: 20px;
	z-index: -1;
}

#flickrrss a img{
	border: 2px solid #111;
margin: 4px;
	margin-top: 5px;
padding: 1px;

}
#flickrrss a:hover img{
	border: 2px solid #78d0ff;

}

.textwidget a img {
   opacity:0.2;
filter:alpha(opacity=20);
margin: 10px;
	margin-top: 5px;
padding: 1px;
}

.textwidget a:hover img {
opacity:1.0;
filter:alpha(opacity=100);
}

/* WP-PageNavi Plugin */
.page-navi { margin-top: 50px; margin-left: 25px; margin-bottom: 10px; clear: both; float: left; }
.page-navi li {  line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border: none; }

.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }


ul.tweets li{list-style-type:none; margin-bottom:5px; padding-bottom:5px;}
ul.tweets li a{ color:#444;text-decoration:none;font-weight:normal;}  
ul.tweets li a:hover{text-decoration:underline;} 

.rectangle h1 {
position: absolute;
left : 10px;
top: -7px;
font-size: 16px;
font-weight: normal;
padding-bottom: 1px;
border-bottom: 1px solid #ccc;
}

.rectangle h3 {
position: absolute;
left : 10px;
top: 10px;
font-size: 16px;
font-weight: normal;
}

.post-date {
position: absolute;
	left: 20px;
top: -11px;
	/*width: 30px;*/
	height: 49px;
	
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 2px;
	margin-left: -3px;
padding-bottom: 1px;
border-bottom: 1px solid #999;
}

#rss2{ padding-left: 0; width: 20px; }
