/*
Theme Name: Photo Journalist
Theme URI: http://www.webpixel.gr
Description:  wordpress theme
Version: 2.0.1
Author: Jim
Author URI: http://www.webpixel.gr/
Tags: white, one-column
*/

/* General */
p {margin-top: 1em;}
*{margin: 0;	padding: 0;}
:focus {outline: 0;}
body { font-size: 12px; font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif; background:#F0F0F0;color: #222; padding:0px; min-width:960px;}
a, a:visited, a:active {color:#444; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { margin:15px 0 5px 0; padding: 0; font-family:Georgia, Tahoma, Verdana, Arial, Serif; font-weight:bold; color: #88011B; font-size:1.17em;}
h1 { font-size:1.4em }
h2 { font-size:1.2em }
code {	font: 1.1em 'Courier New', Courier, Fixed;	}
acronym, abbr{font-size: 0.9em;	letter-spacing: .07em;	}
pre { line-height: 1.5;	margin-bottom: 1.5em; margin-top: 1.5em; width:600px;	overflow: auto; }
fieldset {border:1px solid #f1f1f1; padding:10px;}
blockquote {  color:#666; font-style: italic;	padding-left: 15px;margin:20px;	border-left:3px solid #666666;}
table {border:1px solid #666;}
td,th {	line-height: 1.0em;	padding:11px; margin:1px;}
th {	background-color: #0b0b0b;	}
td {	border: 1px solid #666;}

/* Wrapper */
#wrapper {background:#444; background: url(images/bkg_960.jpg) repeat-y; width:960px; margin:0px auto; padding:0px; line-height: 18px; }
#wrapper-ins {padding: 0 20px; }
/* Top */
#top {	width:100%;height:60px; }


/* ---Header--- */
#header {width:100%; margin:0 auto;}
#header a {color:#000; }
#header a:hover {text-decoration:none;}

#top-template {background: url(images/bkg_top_960.jpg)no-repeat; width:100%; height: 15px; margin-top: 0px; }
#bottom-template {background: url(images/bkg_btm_960.jpg)no-repeat; width:100%; height: 13px; margin-bottom: 0px; }

#logo a {float:left; width:230px; height: 53px; margin-top:0px; background: url(images/logo_blog.png) no-repeat;   }

.qtrans_language_chooser {
	float: right;
	width: 500px;
}

.qtrans_language_chooser li {
	display: inline;
	float: right;
	margin: 0px 5px 10px 0;
	font-size: 10px;
}

.qtrans_language_chooser li span {
	/*float: left;*/
	margin-right: 3px;
}

.qtrans_language_chooser li.active {
	display: none;
}

/* The navigation menu takes the style from the navbar.css
#navbar {
   display: inline;
   float: right;
   width:60%;
   height:45px;
   margin-top:30px;
   text-transform: uppercase;
   font-size: 10px;
}
*/

#intro-img {background: url(images/intro_img_960.jpg) no-repeat; width:920px; height: 312px; margin-top: 10px; margin-left: 0px;  }

#side-left{ float:left; width:100%; }

#side-left-blog{float:left; width:100%; margin-top: 15px; padding: 0;}
#side-left-blog .entry {margin-left: 0px; border-top:1px solid #CCCCCC;padding-top:15px !important; }
#side-left-blog .entry {clear:both;}

#side-left-blog .post-footer{
    margin-left: -10px;
    border-bottom:1px dotted #CCCCCC;
    height:25px;}

#side-right { float:left; width:99%; background-color: #F0F0F0;}

#footer {clear:both; width:100%; margin:0 auto;padding:0px; }

.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0 3%;}

.slideshow{text-align:center;}

.wptwitter img{
    border:none;
    display:inline;
    float:right;
    margin-right:5px;
}
.wpfacebook img{
    border:none;
    display:inline;
    float:left;
    margin-right:5px;
}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; 	}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {	font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;}
#wp-calendar th {font-style: normal;	text-transform: capitalize;}

/* Float */

.alignleft {float:left;} .alignright {float:right;}
.clearfloat:after {	display:block;	visibility:hidden;	clear:both;	height:0;
content:".";	}
.clearfloat {	display:inline-block;	}
.clearfloat {	display:block;	}
.clear {	clear: both;}

/******** Wordpress Styles ********/

#side-left .aligncenter, #side-left div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
#side-left .alignleft {  float: left; }
#side-left .alignright {  float: right; }
#side-left .wp-caption {  border: 1px solid #2d2d2d;  text-align: center;  background-color: #2d2d2d;  padding: 5px; margin: 10px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
#side-left .entry .wp-caption img, #side-left .entry .wp-caption a img  {   margin: 0;   padding: 0;}
#side-left .wp-caption p.wp-caption-text {  font-size: 10px; font-weight:bold; line-height: 17px;  padding: 0 4px 5px;   margin: 0; }
img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
#side-left .smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;}
#side-left p.attachment {	text-align: center;	margin: 5px 0px;}
#side-left .attachment-thumbnail {border: 1px solid #2d2d2d; width:125px; height:125px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
#side-left .caption {padding-left:10px; text-align:center;}


/* Content Left */

#side-left a:hover {text-decoration:underline;}
#side-left p {margin:0; padding:0;}
#side-left h2 {font: 26px Times New Roman, Verdana, Arial; color: #88011B;}
#side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color: #88011B; font-weight:normal;}
#side-left h2 a:hover, #side-left h3 a:hover {color: #88011B; text-decoration:none;}
#side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color: #88011B;}
h3 a, h3 a:visited, h3 a:hover {color: #88011B;}
#side-left h2.pagetitle {color: #88011B;}
#side-left h2.result {color: #88011B;}
#side-left img {max-width:460px; margin:5px;}
#content .tags {font-size:9px; color:#fff; margin-bottom:5px;font-weight:bold;}
#content .tags a{font-size:9px; color:#444; font-weight:normal;}
#content .tags a:hover{color:#666666; text-decoration:none;}
#content .postmetadata {text-align:right;margin-top:15px; color:#fff; font-size:10px;}
#content .postmetadata a {color:#444; font-weight:bold; font-size:10px;}
#content .postmetadata a:hover {color:#999; text-decoration:none;}

/* This is for the older entries at the bottom of the page */

#navigation {font-size:12px;  padding:0px 0px 15px 0px; line-height:21px; height:20px; width:630px; }
#side-left .img-nav { padding:10px; width:95%;}
/*#navigation span { color:#aaa;}*/
#navigation a {color: #88011B; text-decoration:none; font-weight: bold;}
#navigation a:hover { color: #88011B; text-decoration:none;}

#content ul, #content ul ol {line-height:22px;	margin:10px 0 0 0;	}
#content ul li{	list-style-type: none; margin-bottom: 5px; margin:0px 5px 0 35px;  }
#content ul p, #content ul select {	margin: 5px 0 8px;	}
#content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none;	}
#content ul ul li, #content ul ol li{	list-style-type: circle; border:none;}
#content ol li {list-style-type:decimal; margin:0 0 5px 45px;}
#content ol li ul li {list-style-type:lower-roman;}
#content ul ul ul, #content ul ol {	margin: 0 0 0 10px;	}
#content ul ol li {	list-style: decimal outside;	}
#content ul ul li, #content ul ol li {	margin: 3px 0 0;	padding: 0;}
.entry img {
    margin-top:5px;
    padding:0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #000;
}


/* Added by Dimitrios, hides the first (large) photo inside a blog post, while keeping it visible on the outter category page */
#content .kutu .single .entry a.first-photo {
	display: none;
}

#content a.more-link {
text-align: center;
display: block;
width: 150px;
margin: 0 auto;
font-weight: bold;
color: #88011B;
}

a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;}
a.rss{ line-height:8px; padding-bottom:1px; padding-left:22px; color:#999999;}
a.rss img{border:none;}
#side-left p.warning {	background:transparent url(images/warning.gif) left no-repeat;	color:#aaa; padding:0 0 0 20px;}
.post {padding:0;}

/* Content Right */
#sidebar .kutu {width: 20%;float: left}
#sidebar a {font-size:11px; color:#999; }
#sidebar a:hover {color:#000; text-decoration:none;}
#sidebar .kutu2 h2 {background:none; padding:0px;}
#sidebar h2 {
       color:#999999;
       font-family:Arial,Helvetica,sans-serif;
       font-size:12px;
       font-style:normal;
line-height:1em;
margin-bottom:0.35em;}
#sidebar ul, #sidebar ul ol{line-height:22px;	color:#aaa;	}
#sidebar ul li {
       line-height:1.2em;
       margin-bottom:0.4em;
       margin-left:15px;
       list-style-position:outside !important;
       list-style-type:disc;
       color:#999999;
       text-decoration:none;      }
#sidebar ul li:hover {color:#999999;}

#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}
#sidebar ul ul, #sidebar ul ol {margin: 3px 0 0 15px;border:none;	}
#sidebar ul ul li, #sidebar ul ol li{	list-style-type: circle; border:none;}
#sidebar ol li {list-style-type:lower-roman; margin:0 0 0 20px;}
#sidebar ol li ul li {list-style-type:lower-roman;}
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}
ol li, #sidebar ul ol li {	list-style: decimal outside;	}
#sidebar ul ul li, #sidebar ul ol li {	margin: 3px 0 0;	padding: 0;}
#sidebar ul li a {background:none; margin:0; padding:0;}
#tag_cloud  a {font-weight:normal; line-height:26px;}
span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}
#sidebar li.latestpost{line-height:16px; }
span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #999999;}
#sidebar li.latestpost span, #sidebar li.latestpost span a { font-size: 9px; font-weight:normal;}

/* Comments Form */

#comments h3 {color:#666; padding:5px 0 5px 0; font-size:18px;}
#commentform p, form p {font-family: 'Lucida Grande', Verdana, Arial,Sans-Serif;	}
#commentform input {width: 50%;	padding:2px; margin: 5px 5px 1px 0; color: #000; background-color: #d8d8d8; }
#commentform textarea {width: 99%; padding: 1px;color: #000; background-color: #d8d8d8;}
#commentform #submit{ width: auto; background: none;  margin: 0; line-height: 21px; padding: 0; border:none;  font-weight:bold; color:#88011B; font-size:14px; cursor:pointer; }
#commentform p {margin-bottom: 5px;}

/* Comments List */

#comments ul{  padding: 5px;}
#comments li { text-transform: lowercase;	margin: 10px 0 10px 0;	padding: 5px 10px 3px;	list-style: none;	}
#comments li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px; margin-left: 5px; margin-bottom: 5px;	background: #999999;	}
#comments cite{font-weight: bold;	font-style: normal;
font-size: 1.1em	}
#comments cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
#comments p {	font-weight: normal;	line-height: 1.5em;	text-transform: lowercase;	margin: 10px 5px 10px 0;	}
#comments small.commentmetadata {  background:none;	font-weight: normal;	}
#commentform p {  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	margin: 5px 0;	}
#comments .nocomments {	text-align: center;	margin: 0;	padding: 0;	}
#comments .commentmetadata {	margin: 0;	display: block;	}
#comments .darkcolor {	background-color: #d8d8d8; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
#comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#444; height:37px;  margin-right:5px;}
#comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px;	}

/* Footer */

#footer {display: inline;
        float: left;
        width:100%;
	height:45px;
	margin-top:0px;
        text-transform: uppercase;
        font-size: 9px;
        color: #000;
        text-align:center;
}

#footer #footerlinks { width: 100%; }

#footer #footerlinks span { font-size: 9px; }

#footer .footer-left{
	float:left;
	padding-top:10px;
	width:100%;}

#footer a {
	color: #000;}

#footer a:hover{
	color: #FFFFFF;
	background-color: #333;
	text-decoration:none;
	background-position: 0% 0%;	}

.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0 3%;}

.bottom {
	color: #666;
	clear: both;
	font-size: 1.1em;
}


.footer-left ul li{
	list-style-type: none;
	list-style-image: none;	}

.footer-left li a{
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;}

#footer .bottom a, .bottom .right a:hover {color: #888;}
#footer .bottom .right, .bottom .right a {color: #555;}

#footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;}
#footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;}
#footer .footer-right ul li {  display: inline; padding:0px; margin:0px; }
#footer .footer-right a img {border:none; opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30)}
#footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)}
 .bottom {border-top:1px solid #444; padding:10px; text-align:center; margin-top:15px;}