/*  
Theme Name: FunnyPics
Theme URI: http://www.funnypics.gr/
Description: Clean two column layout based on the Simpla theme.
Version: 1.6
Author: imagiNet
Author URI: http://www.imagiNet.gr/
*/


* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;
}
a, a:visited {
	text-decoration: none;
	color: #30E323;
}
a:hover {
	text-decoration: none;
	color: #35CB2A;
}
body {
	text-align: center;
	font: normal 13px/18px Verdana, sans-serif;
	color: #666;
	border-top: 10px solid #333333;
}
#header {
	height: 90px;
	overflow: hidden;
	clear: both;
}
#wrap {
	margin: 0 auto;
	text-align: left;
}
#subwrap {
	margin: 0 auto;
	width: 950px;
}

h1 {
	float: left;
	font-size: 10px;
	line-height: 10px;
/* Fixes logo padding top */
	padding: 25px 0 0 23px;
	width: 370px;
}
h1 a, h1 a:visited {
	color: #000;
	display: block;
	position: relative;
}

.introtext {
	margin: 4px 0 0 23px;
}

.center {
	text-align:center;
	margin:0;
	padding:0;
}

ul {
	list-style: none outside;
}

#search_form, .newsletterblock .search_input {
	margin-top: 15px;
	margin-left: 8px;
}
#search_form div {
	width: 202px;
	background: url('images/magnifier.gif') center right no-repeat;
}
#search_form .search_input, .newsletterblock .search_input {
	width: 167px;
	padding: 5px;
	background: #f5f5ef;
	color: #333;
	font: normal 0.9em Verdana, sans-serif;
	border: 1px solid #999;
}
.newsletterblock .search_input {
	margin-top: 5px;
	margin-left: 8px;
}
.newsbutton {
float: left;
margin-left: 8px;
}
li.widget .search_input {
	font-size: 0.9em !important;
}
#search_form .search_input:focus {
	background: #f7f7f1;
	border: 1px solid #999;
}

#main {
	float: left;
	clear: both;
	width: 690px;
	padding: 20px 0 50px;
}
.apost {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 30px 10px;
	border-bottom: 1px dotted #DDD;
	padding-bottom:5px;
}
.apost h2 {
	padding: 1px 0 0 13px;
	font: bold 16px/20px Arial, sans-serif;
}
.apost h2 a,
.apost h2 a:visited {
	color: #30E323;
}
.apost h2 a:hover {
	color: #35CB2A;
}
.ahead {
	float: right;
	width: 8px;
	height: 39px;
	background: url('images/pright.gif') no-repeat right top;
}
.ptime,
.pauth {
	display: block;
	padding-left: 85px;
	background: url('images/icon_comment.gif') no-repeat 65px 4px;
	font: normal 11px/20px Verdana, sans-serif;
}
.apost p,
.apost blockquote {
	clear: both;
	padding: 10px 15px;
	text-indent: 0px;
	font: normal 12px/20px Verdana, sans-serif;
	text-align: justify;
}
.apost blockquote {
	padding: 10px 80px;
	background: url('images/quote.gif') no-repeat 68px 22px;
	color: #999;
}
.apost #srel,
.apost #linklist,
.apost .subh {
	padding: 15px;
}
.apost ul {
	padding-left: 50px;
}
.dottedline {
	border-bottom: 1px dotted #DDD;
	text-align:center;
	padding: 0;
	margin-left: 10px;
	width:100%;
}
.pfl {
	float: left;
	padding-left: 20px;
	color: #30E323;
	background: url('images/tag_blue.gif') no-repeat left;
}
.pfl a,
.pfl a:visited {
	color: #999;
}
.pfl a:hover {
	color: #35CB2A;
}
p.nopost {
	font: normal 15px/20px Verdana, sans-serif;
}
.lead {
	clear:both;
	padding: 0 0 10px 25px;
}
.lead .ppre {
	float: left;
}
.lead .pnex {
	float: right;
}
#sidebar {
	float: right;
	width: 210px;
	padding: 0 20px 50px 0;
}
#sidebar h2 {
	font-family: Arial, sans-serif;
	color: #30E323;
	font-size: 16px;
	margin: 25px 0 5px;
}
#sidebar ul li {
	font-size: 12px;
}
#sidebar ul li a {
	display: block;
	padding: 0 18px 0 8px;
	min-height: 22px;
	line-height: 22px;
	color: #666;
	border-top: 1px solid #FFF;
	border-bottom: 1px dotted #DDD;
/*	background: url('images/brick.gif') no-repeat 188px center;	*/
}
* html #sidebar ul li a {
	height: 22px;
}
#sidebar ul li a:hover {
	color: #7BFB75;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
/*	background: url('images/sidebar.gif') no-repeat right;	*/
}
.sidebaradz {
	padding-left: 8px;
}
.contentadz {
	text-align: center;
	padding-bottom:3px;
}
.contentadzbottom {
	text-align: center;
	padding: 5px 0 3px 0;
}
.sidebar-facebook {
	padding-left: 8px;
}
.sidebar-facebook a {
	color:#666;
}
.sidebar-facebook a:hover {
	color:#7BFB75;
}
.sidebar-facebook img {
	vertical-align:middle;
	padding-right:5px;
}
.none {
	display: none;
}
#cmbox {
	clear: both;
	width: 600px;
	margin: 0 auto;
}
.nocomments {
	font-size: 13px;
	padding-left: 25px;
}
#commentform {
	padding: 10px 25px;
}
#commentform p {
	padding-bottom: 10px;
}
#commentform input,
#commentform textarea {
	border: 1px solid #999;
	padding: 5px 8px;
	color: #666;
}
#commentform input:focus,
#commentform textarea:focus {
	border-color: #35CB2A;
}
#commentform p#ptext {
	padding: 0;
}
#commentform p#psubmit {
	width: 380px;
	margin-top: -1.5px;
}
#commentform input#submit {
	border: none;
	padding: 0;
}
#commentform label {
	padding-left: 8px;
	font-size: 15px;
	color: #888;
}
#author,
#email,
#url,
#comment {
	width: 250px;
}
.commentlist {
	list-style: none outside;
	background: url('images/p.gif') repeat-x left top;
}
.commentlist li {
	border-bottom: 1px solid #DDD;
	padding-top: 5px;
	margin: 0 25px 5px;
}
.commentlist li p {
	padding: 5px 0 5px 0;
	clear: both;
	font-size: 13px;
	text-align:justify;
	text-indent: 0px;
	overflow: hidden;
}
.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist li em {
	font-size: 12px;
}
span.cauth {
	float: left;
	font-size: 15px;
}
span.cauth a {
	font-size: 11px;
}
span.cauth em {
	font-size: 11px;
}
span.cdate {
	float: right;
	font-size: 11px;
	color: #BBB;
}
h3#respond,
h3#comments {
	font-size: 16px;
	padding: 10px 10px 5px;
	color: #7BFB75;
}
h3#respond {
	padding-left: 25px;
}
h3#comments {
	position: relative;
	height: 38px;
	line-height: 62px;
}
h3#comments span {
	position: absolute;
	top: 0;
	left: 0;
	width: 181px;
	height: 62px;
	background: url('images/sofar.gif') no-repeat left top;
}
.postarchive {
	clear: both;
}
h3.atitle,
h3#srel {
	padding-left: 15px;
	font-size: 16px;
}
#tof {
	float: right;
	padding-left: 22px;
	height: 20px;
	line-height: 20px;
	background: url('images/feed.png') no-repeat left 3px;
	font-size: 11px;
	color: #CCC;
}
* html #tof {
	background: url('images/feed.png') no-repeat left 3px;
}
#tof a, #tof a:visited {
	color: #CCC;
}
#tof a:hover {
	text-decoration:underline;
}
#footer {
	background: url("images/bg_footer.png") repeat-x;
	clear: both;
	height: auto;
	padding-top: 1px;
}
#footer #footerwrap {
	margin: 0 auto;
	width: 930px;
}
.footerlinks {
	float: left;
	width: 210px;
	padding: 10px 10px;
}
.footerlinks h2 {
	text-align: center;
	font: bold 16px/19px Arial, sans-serif;
	color: #30E323;
	padding: 20px 0;
}
.footerlinks li ul li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	border-bottom: 1px solid #666666;
}
.addlink{
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 19px;
	border-bottom: 1px dotted #666666;
}
#copyright {
	clear: both;
	text-align: center;
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding-bottom: 13px;
}
/* #################### PAGEBAR PLUGIN #################### */

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align:center;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #DDDDDD;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #DDDDDD;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #DDDDDD;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #30E323;
	color: #fff;
}

.pagebar a:hover {
	border-color: #30E323;
}

.pagebar .inactive
{
   border: 1px solid #CCCCCC;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

/* #################### NAVIGATION #################### */
.alignright {
	float: right;
	padding-right:7px;
}
.alignleft {
	float: left;
	padding-left:13px;
}	
.navigation {
	font-size:12px;
	display: block;
	text-align: center;
	padding: 0 0 30px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}

.feed {
	padding-left:10px;
	text-align:left;
}

.feed img {
	float:left;
}

ul.metalinks{
	margin: 0 0 0 0;
	padding: 8px 0 8px 13px;
	list-style-type: none;
	font-size: 11px;
}
.metalinks li{
	display: inline;
	/*float: left;*/
}
ul.metalinks a:link, ul.metalinks a:visited {
	color: #666666;
	text-decoration: none;
}
ul.metalinks a:hover {
	color: #7BFB75;
	text-decoration: none;
}

ul.icon a:link, ul.icon a:visited {
	color: #666666;
	text-decoration: none;
}
ul.icon a:hover {
	color: #7BFB75;
	text-decoration: none;
}
ul.icon{
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	font-size:12px;
}
.icon li{
	display: inline;
}
li.feed{
	background: url(images/feed.png) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.comment{
	background: url(images/comments.png) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.page{
	background: url(images/icon_page.gif) no-repeat;
	background-position: left;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
ul.page li{
	background: url(images/icon_page.gif) no-repeat;
	background-position: 10px center;
	margin: 0 0 0 0;
	padding: 4px 0 3px 35px;
}
li.date{
	background: url(images/date.png) no-repeat;
	background-position: left 0;
	margin: 0 0 0 0;
	padding: 0 10px 2px 20px;
}
li.author{
	background: url(images/icon_author.gif) no-repeat;
	background-position: left 0;
	margin: 0 0 0 0;
	padding: 0 10px 2px 20px;
}
li.rating{
	background: url(images/rating.png) no-repeat;
	background-position: left 0;
	margin: 0 0 0 0;
	padding: 0 10px 4px 20px;
}
ul.category{
	margin: 0 0 0 0;
	padding: 10px 15px 5px 10px;
}
ul.category li{
	background: url(images/category.png) no-repeat;
	background-position: 0 center;
	margin: 0 0 0 0;
	padding: 4px 0 2px 25px;
}
li.category{
	background: url(images/category.png) no-repeat;
	background-position: left 1px;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 20px;
}
li.pencil{
	background: url(images/pencil.png) no-repeat;
	background-position: left 1px;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 25px;
}

/* #################### Kimili Flash Embed Plugin Code - Aligns SWF File To The Center #################### */
div.flashmovie {
	margin: 1em auto;
	text-align:center; 
}

.thumbs {
	margin-left: 10px;
}

.the_thumb {
padding-left:13px;
}
.the_thumb img{
margin: 5px 5px 0 0;
float:left;
}
.the_thumb a img, .thumbs a img {
border:#CCCCCC 1px solid;
}
.the_thumb a:hover img, .thumbs a:hover img {
border:#30E323 1px solid;
}
.thumbs a img {
width:60px;
height:60px;
}
.footerthumbs {
margin-top:5px;
}
.footerthumbs img {
width:60px;
height:60px;
float:left;
padding: 0 10px 6px 0;
}

.belowcontent {
	text-align: center;
	padding-bottom:3px;
	display:block;
}

.belowcontent h2 {
	color: #30E323;
}

.belowcontentleft {
	width:370px;
	float:left;
	text-align:left;
	list-style:none;
	display:inline;
	margin-left:20px;
	padding:0;
}

.belowcontentright {
	width:280px;
	float:right;
	color:#444;
	text-align:left;
	padding-left:0;
	list-style:none;
	margin-right:10px;
	display:inline;
}

.belowcontentright .thumbs {
	margin-left: 13px;
}

.socialbookmarks {
	padding-left:30px;
	font-size: 13px;
}

.post-meta-key {
margin:10px 0 10px 13px;
display:block;
}

#sharebuttons {
clear: both;
margin-left: 0px;
}

.sharebuttons-facebook, .sharebuttons-twitter, .sharebuttons-google, .sharebuttons-stumbleupon {
display: block;
float: left;
margin-right: 4px;
}

.searchform {
display: block;
float: right;
margin: 25px 17px 0 0;
}