/*
Theme Name: Photo Essay
Theme URI: http://the-diplomat.com/
Description: Photo Essay Theme for The Diplomat.
Author: The Diplomat
Author URI: http://the-diplomat.com/
Template: thediplomat
Version: 1.0
*/

#container-site{background-color:#000;}

#photo_container{margin:0;padding:0;}
#photo_container header{margin:0;padding:0;}

/*------------ Header ------------*/

#post-word-part{font-family:"Georgia",serif;border-bottom:1px solid #333;padding-bottom:5px;margin-bottom:20px;}
#post-word-part h1.post-title a{font-size:25px;font-style:italic;font-weight:bold;color:#cc0000;}
#post-word-part h1.post-title img{padding-right:10px;}
#post-word-part div.post-info{font-size:13px;}
#post-word-part div.post-info h2{font-weight:normal;}
#post-word-part div.post-info span.author{color:#fff;}
#post-word-part div.post-info span.datetime{padding-left:8px;color:#999;}

.post-word-part-mediumsize{}
.post-word-part-mediumsize div.post-info{margin:5px 0 20px 175px;}

div#container-story-actions{display:inline;padding-right: 3px;}
div#container-story-actions a{position:relative;top:-3px;margin:0 2px 0 2px;} /* // add this when the FB "like" link is up */
/*div#container-story-actions{display:inline;padding-bottom: 5px;}
div#container-story-actions a{margin:0 2px 0 2px;}*/
iframe{}

div#more-essays{float:right;display:inline;*margin-top:-23px;padding-top:3px;}

/* Header: for Full Size */

.post-word-part-fullsize h1{float:left;display:inline;}
.post-word-part-fullsize div.post-info{margin:10px 0 20px 10px;float:right;display:inline;}

/*------------ Main Photo -----------*/
#main_photo{position:relative;display:block;z-index:0;}

div.photo_excerpt{padding-bottom:15px;}
div.photo_excerpt p{font-family:"Georgia",serif;font-size:14px;line-height:21px;color:#fff;margin-bottom:15px;}
div.photo_excerpt p a{color:#cc0000;}
div.photo_excerpt p a:hover{color:#666;}

div#photo_description{margin: 20px 0 30px 0;}
div#photo_description p{font-family:"Georgia",serif;font-size:14px;line-height:21px;color:#fff;}
div#photo_description p span{font-size:25px;font-weight:normal;margin-right:7px;}
div#photo_description p a{color:#cc0000;}
div#photo_description p a:hover{color:#666;}

/* Main Photo: Nav Arrow */
#main_photo div#img_nav{position:absolute;z-index:1000;overflow:hidden;padding:0;margin:0;height:100%;width:100%;}
#main_photo div#img_nav img.left_arrow{overflow:hidden;z-index:1020;position:absolute;}
#main_photo div#img_nav img.right_arrow{overflow:hidden;z-index:1020;position:absolute;}

#prev_container{overflow:hidden;background-color:#000;width:60px;height:100%;float:left;}
#next_container{overflow:hidden;background-color:#000;width:60px;height:100%;float:right;}

/*------------ Footer ------------*/
section#photo_container footer{height:30px; background-color:#000; border-top:1px solid #333; border-bottom:1px solid #333;}

div#toggle_thumb{margin-top:8px; float:left; cursor:pointer;}
div#toggle_size{margin-top:8px; float:right; cursor:pointer;background-color:#000;}

/* Footer: Paging */
nav#photo_paging {margin:5px auto;width:280px;text-align:center;}
nav#photo_paging ol {display:block;}
nav#photo_paging li{width: 20px;height:20px;float:left;margin-left:5px;list-style-image:none;list-style-position:outside;list-style-type:none;text-align:center;}
nav#photo_paging li img{padding-top:6px;}
nav#photo_paging li:hover{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#CC0000 none repeat scroll 0 0;color:#FFFFFF;}
nav#photo_paging li.active_page_no{background:#CC0000 none repeat scroll 0 0;}
nav#photo_paging a{width: 20px;height:20px;color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:20px;}

/*------ Thumbnails ------*/
#thumbs_container ol{margin:30px 0 15px 0;}
#thumbs_container li{float:left;padding:8px 8px 0 0;list-style-image:none;list-style-position:outside;list-style-type:none;}

/*------ Index page ------*/

#photo_container article{margin-top:25px;font-family:"Georgia",serif;font-size:14px;color:#fff;}
#photo_container article img{float:left;border:1px solid #ccc;margin:0 15px 5px 0;}
#photo_container article h1 a{font-size:18px;font-style:italic;color:#cc0000;}
#photo_container article h1 a:hover{color:#fff;}
#photo_container article h2{font-size:13px;font-weight:normal;color:#999;line-height:30px;}
#photo_container article h2 span.author{padding-left:10px;}
#photo_container article p{line-height:19px;}

nav#posts-pagination{width:665px;margin-top:25px;border-top:1px solid #333;}
nav#posts-pagination div.wp-pagenavi{float:right;padding-top:10px;font-size:13px;font-family:Arial,sans-serif;}
nav#posts-pagination div.wp-pagenavi span.pages{margin-right:10px;}
nav#posts-pagination div.wp-pagenavi span.current{color:#fff;margin-right:4px;font-weight:bold;}
nav#posts-pagination div.wp-pagenavi a{color:#cc0000;margin-right:4px;}
nav#posts-pagination div.wp-pagenavi a:hover{color:#666;text-decoration:none;}
nav#posts-pagination div.wp-pagenavi a.last{margin-right:0;}

/*------ Widgets ------*/

/* Aside | Blogs Widget */

aside section#widget-blogs-b {margin-bottom:15px;border:3px solid #666;background:#333;}
aside section#widget-blogs-b header{margin-bottom:0;}
aside section#widget-blogs-b header h3{background:#666;height:17px;text-align:center;padding-top:4px;}
aside section#widget-blogs-b ol{padding:10px;}
aside section#widget-blogs-b li a {color:#fff;text-decoration:none;}
aside section#widget-blogs-b li a:hover {color:#666;text-decoration:none;}
aside section#widget-blogs-b li {padding-bottom:7px;border-bottom:1px dotted #666;margin-bottom:11px;line-height:14px;font-family:Arial,sans-serif;font-size:12px;}
aside section#widget-blogs-b li:last-child {border:none;margin:0;}
aside section#widget-blogs-b li h3{font-weight: bold;font-size:12px;font-family:"Arial", sans-serif;margin-right:5px;color:#fff;float:left;}
aside section#widget-blogs-b li h4{clear: both;font-family:"Georgia",serif;font-size:12px;color:#cc0000;font-weight:normal;padding:10px 0;}
aside section#widget-blogs-b li h4 a{color:#cc0000;text-decoration:none;}
aside section#widget-blogs-b li h4 a:hover{color:#fff;text-decoration:none;}
aside section#widget-blogs-b li div.blog-author{float:left;font-family:Arial, sans-serif;font-size:11px;color:#999;}

/* Aside | Diplomat Top Features Widget */

aside section#widget-top-features-b{margin-bottom:15px;border:3px solid #666;background:#333;}
aside section#widget-top-features-b header{margin-bottom:0;}
aside section#widget-top-features-b header h3{background:#666;height:17px;text-align:center;padding-top:4px;}
aside section#widget-top-features-b ol{padding:12px;}
aside section#widget-top-features-b li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #666;color:#999;}
aside section#widget-top-features-b li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
aside section#widget-top-features-b li h4{font-family:"Georgia",serif;font-size:13px;color:#fff;margin-bottom:10px;}
aside section#widget-top-features-b img.wp-post-image{width:124px;height:82px;border:1px solid #999;float:left;margin:0 10px 0px 0;}
aside section#widget-top-features-b li p{width: 129px;line-height:14px;font-family:Arial,sans-serif;font-size:12px;float:left;}
aside section#widget-top-features-b a{color:#cc0000;}
aside section#widget-top-features-b a:hover{color:#666;text-decoration:none;}
aside section#widget-top-features-b p.snippet{color:#fff;}

/* Aside | Photo Essays Widget */

aside section#widget-photo-essays{margin-bottom:15px;border:3px solid #333;background:#000;}
aside section#widget-photo-essays header{margin-bottom:0;}
aside section#widget-photo-essays header h3{background:#333;height:19px;text-align:center;padding-top:3px;}
aside section#widget-photo-essays ol{padding:12px;}
aside section#widget-photo-essays li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #333;color:#999;}
aside section#widget-photo-essays li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
aside section#widget-photo-essays li h4{font-family:"Georgia",serif;font-size:13px;color:#fff;margin-bottom:10px;}
aside section#widget-photo-essays img.wp-post-image{width:124px;height:82px;border:1px solid #ccc;float:left;margin:0 10px 0px 0;}
aside section#widget-photo-essays li p{width: 129px;line-height:14px;font-family:Arial,sans-serif;font-size:12px;float:left;}
aside section#widget-photo-essays a{color:#cc0000;}
aside section#widget-photo-essays a:hover{color:#666;text-decoration:none;}
aside section#widget-photo-essays p.snippet{color:#fff;}

/* comment */
div#container-comments h4, div#container-comments a#jump-to-comment, div#container-leave-a-comment h4{/*all bg image for comment*/
	background-image: url(images/comment_png24.png);
	background-repeat: no-repeat;
}
div#container-comments h4{
	background-position: 0 -101px;
}
div#container-comments span#comment-count{
	background: #FFFFFF;
	color: #000;
}
div#container-comments a#jump-to-comment{
	background-position: 0 0;
}
div#container-comments li.comment time { 
	color: #999;
}
div#container-comments li.comment div.comment-text{
	color: #fff;
}
div#container-comments li.comment{
	border-bottom:1px dotted #ccc;
}
div#container-leave-a-comment h4 {
	background-position:0 -198px;
}
div#container-leave-a-comment label{
	color: #fff;
}
div#container-leave-a-comment input, div#container-leave-a-comment textarea {
	border: 1px solid #ccc;
	background-color: #333;
	color: #fff;
}
div#container-leave-a-comment{
	border-top: 1px solid #fff;
}