/*
Theme Name: Phloggin Tweaked
Description: A simple but stylish widget-supported photoblog theme for Wordpress.  Requires the Yet Another Photoblog plugin, but will automatically handle all image resizing for you, making it much faster for you to get posting. Read readme.txt for details.
Version: 1.0
Author: Storm
Author URI: 
Tags: blue, green, photoblogging, fixed-width

*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	margin:0 auto;
	background-color: #14232a;
	color:#fff;
	font-family:'Lucida Grande','Arial','sans-serif';
}
ol, ul {
	list-style: none; 
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

hr {
	border:0;
	background-color:#fff;
	clear:both;
	height:2px;
	margin:10px 0;
}

a {
	color:#FDFFBF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

em, i {
	font-style:italic;
}

bold, strong {
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

th {
	font-weight:bold;
	text-align:center;
}

ul.regular {
	list-style-type:square;
}

.button {
	border: 0;
	height:38px;
	width:150px;
}

.submit {
	background-color:#76A52A;
	color:#fff;
}

.clear {
	clear:both;
}

.holder {
	width:960px;
	margin:0 auto;
}

.holder #left-arrow {
	margin-right:29px;
	position:relative;
}

.holder #right-arrow {
	margin-left:29px;
	position:relative;
}

.container {
	width:960px;
	margin:20px auto;
	position:relative;
}

.container #title {
	float:left;
}

.container #title h1 {
	font-size:2.0em;
	font-family:'Lucida Grande','sans-serif';
}

.container #title p#subtitle {
	font-size:0.9em;
	margin:10px 0;
	text-align:right;
	font-style:italic;
	font-family:'Lucida Grande','sans-serif';
}

.container #pictures {
	z-index:1;
}

.container img.latest-posts {
	margin-bottom:18px;
	position:relative;
	left:12px;
}

.container .main-photo {
	clear:both;
	margin:20px auto 20px auto;
	text-align:center;
}

.container #index,
.container #archive,
.container #single {
	clear:both;
	overflow:hidden;
}

.container #index {
	margin-top:30px;
}

.container #archive,
.container #single {
	margin-top:30px;
}

.container .featured-photo {
	margin-bottom:20px;
	float:left;
}

.container .main-photo .image,
.container .featured-photo .image {	
/*	text-align:center;*/
	position:relative;
	display:block;
/*	margin:0 auto;*/
}

.container .main-photo .image img,
.container .featured-photo .image img {
	border:4px #fff solid;	
	disply:block;
}

.container .main-photo .image img {
	max-width:960px;
  width: expression(this.width > 960px ? 960px: true);
}

.container .main-photo .window a,
.container .featured-photo .window a {
	color:#fff;
}

.container .main-photo .window, 
.container .featured-photo .window {
	position:absolute;		
	padding:10px 15px;
	background:url('images/transparent-bg.png');	
	z-index:100;
	font-family:'Arial','sans-serif';
}

.container .main-photo .date,
.container .featured-photo .date {
	top:4px;
	left:4px;
	font-size:0.9em;
}

.container .main-photo .title,
.container .featured-photo .title {
	bottom:4px;
	right:4px;
	font-size:1.2em;
}

.container .main-photo .title {
	font-size:1.3em;
	font-style:italic;	
}

.container .featured-photo .title {
/*	font-size:0.9em;*/
	font-size:11px;
	font-style:normal;
}
.container .main-photo .main {
	width:960px;
	height:233px;
}

.container .featured-photo .index {
	width:310px;
	height:158px;
}

.container .featured-photo .listing {
	width:338px;
	height:158px;
}

.container .indentleft {
	margin-left:10px;
}

.container .indentright {
	margin-right:10px;
}

.container #latest-photos {
	width:640px;
}

.container #latest-photos h2,
.container #about h2 {
	background-color:#274a57;
	padding:10px 10px 10px;
	font-size:1.2em;
	margin-bottom:15px;	
}

.container #about {
	margin-left:20px;
	margin-bottom:10px;
	width:300px;
	line-height:20px;
}

.container #about #inside {
	font-size:0.8em;
}

.container #details {
	clear:both;
	margin:20px 0;
}

.container h2.title,
.container h4.title {
	font-style:italic;		
	font-family:'Arial','sans-serif';
}

.container h2.title {
	font-size:2.0em;
	line-height:1.1em;
}

.container h4.title {
	font-size:1.0em;
}

.container #details h4.date {
	font-size:1.4em;
	clear:both;
}

.container #details #comments-number {
	font-size:2.0em;
	font-family:'Arial','sans-serif';
	float:right;
}

.container #details #description {
	line-height:22px;
	margin:10px 0;
	font-size:0.8em;
}

.container .bar {
	margin:20px 0;
	clear:both;
	background-color:#223d47;
	min-height:35px;
	line-height:35px;
	height:auto !important;
	padding:0 15px;
}

.container .bar #tags,
.container .bar #categories {
	font-size:0.8em;
}

.container .bar #tags {
	float:left;
	width:170px;
	font-weight:bold;
	font-style:italic;
}

.container .bar #categories {
	float:right;
	text-align:right;
	width:750px;
}

.container .bar ul li {
	float:left;
}

.container .bar #other-pages {
	float:left;
	width:870px
}

.container .bar #other-pages a {
	color:#fff;
}

.container .bar #other-pages li {	
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:normal;
	margin-right:10px;
	font-family:'Trebuchet MS', 'serif';
}


.container #photo-nav {
	float:right;
	width:50px;
	color:#fff;
	margin:10px 0px;
}

.container #photo-nav .next,
.container #photo-nav .prev {
	text-transform:uppercase;
	font-family:'Trebuchet MS', 'serif';
	font-size:14px;	
	height:13px;
	padding:0 5px;
	width:12px;
}

.container #photo-nav .next {
	float:right;
}

.container #photo-nav .prev{
	float:left;
}

.container #photo-nav a {
	color:#fff;
}

#footer {
	background-color:#141d22;		
	clear:both;
	overflow:hidden;
	font-style:italic;
	margin:0 auto;
}

#credits {
	font-size:0.6em;
	font-style:italic;
	margin:0 auto;
	text-align:left;
}


#footer #breaker {
	background-color:#36322a;
	height:20px;	
	border-bottom:1px #444038 solid;
}

#footer .section {
	float:left;
	width:290px;	
	font-size:0.8em;
	margin:10px 0;
	padding:0 15px;
	line-height:22px;	
	min-height:155px;
}

#footer #credits {
	font-size:0.7em;
	font-style:italic;
	padding:10px 0;	
}


#footer ul.footer-sidebar .section li {
	background:url('images/star_icon.png') no-repeat center left;
	padding-left:15px;
}

#footer .footer-sidebar h3 {
	font-size:24px;
	margin-bottom:10px;
}


.container #responses, .container #make-comment {
	clear:both;
	background-color:#141d22;
	padding:15px;
}

.container h3.comment-count {
	font-family:'Trebuchet MS','sans-serif';
	font-size:1.5em;
	text-transform:uppercase;
}


#description blockquote, #responses #comments blockquote {
	font-style:italic;
	padding:10px;
	clear:both;
	font-size:0.9em;
	background-color:#efefef;
	color:#000;

	font-family:'Georgia';
  margin:0 30px;
}

blockquote cite {
	font-style:normal;
	font-weight:bold;
}

.container p {
	margin-bottom:10px;
	clear:both;
}

#description h1,
#description h2,
#description h3,
#description h4,
#description h5,
#description h6 {
	margin:20px 0;
}

#description h1 {
	font-size:2.0em;	
}
#description h2 {
	font-size:1.8em;
}
#description h3 {
	font-size:1.4em;
}
#description h4 {
	font-size:1.2em;
}
#description h5 {
	font-size:1.0em;
}

#description h6 {
	font-size:0.8em;
}

#description ol {
	list-style-type:decimal;
	margin-left:15px;
	margin-bottom:10px;
}

#description li, #responses #comments .comment div li {
	margin-left:45px;
}

#description ul, #responses #comments .comment div ul {
	margin-left:15px;
	list-style-type:square;
	margin-bottom:10px;
}

#description table {
	border-spacing:5px 5px;
}

#description table th {
	background-color:#F1EFE8;
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
	padding:2px 10px;
}

#description table td {
	font-size:0.8em;
}

#description pre, #responses #comments pre, #responses #comments code {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	border:1px #DADADA solid;
	font-size:12px;
	font-family:'Courier New', 'Courier';
	padding:5px;
	margin:10px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 1em 1em 0;
	display: inline;
}
	
a img.alignright {
	float:right; 
	margin:0 0 1em 1em
}

a img.alignleft {
	float:left; 
	margin:0 1em 1em 0
}

a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

#responses #comments .comment div li {
	padding:0;
}

#responses {
	margin:60px 0 10px 0;
	clear:both;
}

#responses #comments h3 {
	font-size:2.0em;
}

#responses .no-comments {
	margin:10px 0;
}

#responses #feed-links {	
	min-height:280px;
	line-height:35px;
	padding-left:15px;
}

#responses #comments {
	font-size:1.0em;	
	margin-top:35px;
} 

#responses #comments ul li {
	padding:10px;
	margin:10px 0;
	display:block;
}

#responses #comments ul li p {
	clear:both;
	margin-bottom:10px;
}

#responses #comments .comment-meta {
	display:block;
}
#responses #comments .comment-author cite {
	line-height:22px;
	float:left;
	font-size:0.9em;
}

#responses #comments ul li .comment-meta a {
	font-size:0.7em;	
	font-style:italic;		
}

#responses #comments ul li .text {
	line-height:28px;
}

#responses #comments ul li.even {
	background-color:#223D47;
}

#responses #comments ul li.odd {
	background-color:#14232A;
}

#responses #comments li img.avatar {
	border:5px #fff solid;
}


#responses #comments blockquote {
}

#responses #comments .comment-author {
	float:left;
	width:380px;
}

#responses #comments .real-comment {
	float:left;
	font-size:0.8em;
	line-height:22px;
	width:400px;
}

#responses img.avatar {
	float:left;
	margin-right:10px;
}

#make-comment #respond {
	width:530px;
	*width:533px;
	_width:535px;
}

#make-comment #reply-back {
	float:right;
}

#make-comment label {
	width:90px;
	float:left;
}

#make-comment input.field {
	border: 1px solid #D4D4D4;
	width:250px;
	height:22px;
	font-size:16px;
}

#make-comment textarea {
	border: 1px solid #D4D4D4;
	width:438px;
	height:160px;
}

#make-comment #respond div {
	margin:0 0 20px 0;
}

#make-comment #logged-in-as {
	margin:0px 0 20px 0;
}

#archive h2.title{
	margin:15px 0;
}

#archive h4.title {
	font-size:0.8em;
}

.container #details .bar h4.date {
	font-size:1.0em;
	line-height:30px;
	font-style:italic;
}

#archive h4.date {
	font-style:italic;
	font-size:0.8em;
}

#archive #posts {
/*	line-height:60px;*/
	width:700px;
}

#archive #posts li {
	clear:both;
	line-height:65px;
	overflow:hidden;
	margin-bottom:10px;
	font-size:1.2em;
	padding:0px 10px;
}

#archive #posts li.lightblue {
	background-color:#223D47;
}

#archive #posts li.darkblue {
	background-color:#141D22;
}

#archive #posts li img {
	border:3px #fff solid;
	padding:0;
	margin:10px 10px 10px 0;
}

#archive #boxes .box {
	background-color:#223D47;
	width:200px;
	padding:5px 20px;
	margin-bottom:20px;
	line-height:32px;
}

#archive #boxes .box li {
	list-style-type:none;	
	font-size:12px;
}

#archive #boxes #categories ul.children {
	margin-left:15px;
}

#search #icon {
	float:left;
	position:relative;
	top:2px;
	left:4px;
}

#search input.field {
	width:260px;
	float:left;
	padding:2px;
	margin:0;
	border:2px solid #9F9F9F;
}

#search button.search-button {
	background:url('images/search_button.png') no-repeat;
	border:0;
	text-indent:-9999px;
	display:block;
	width:19px;
	height:17px;
	padding:0;
}

.container #navigation {
	float:right;
	width:420px;
	margin-top:7px;
}

.container #navigation a {
	color:#fff;
	padding:10px;
	display:block;
}

.container #navigation a:hover {
	text-decoration:none;
}

.container #navigation ul li {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#17313F;
}

.container #navigation ul li:hover {
	background-color:#4B5F47;
}

.container .visibles {
	padding:10px; 
	line-height:20px;
	background-color:#4B5F47;
	display:none;
	font-size:0.9em;
	margin:20px 0;
}

.container .visibles ul li {
	float:left;
	position:relative;
}

.container .visibles a{
	color:#fff;
}


.container #recent-photos-drop {
	position:relative;	
}

.container #recent-photos-drop li {	
	float:left;
	position:relative;
	padding-right:5px;
}

.container #recent-photos-drop li.active img {	
	border:2px #DEDF61 solid;
}

.container #recent-photos-drop li img {
	border:2px #fff solid;
	display:block;
	position:relative;
}

.container #recent-photos-drop .thumbnails {
	padding:0;
	margin:0;
}