/*
Theme Name: Phloggin'
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: squarefour
Author URI: http://www.squarefour.net
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;
}
/*	background: url('images/bg_islamicstyle_top.jpg') #14232a no-repeat center top; */
body {
	line-height: 1;
	margin:0 auto;
	background: #000 no-repeat center top;
	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.5em;
	font-family:'Georgia','serif';
	background:url("/wp-content/themes/phlogginv1-3/images/islamicstyle-logo-dome-of-rock.jpg") no-repeat;
text-align:left;
text-indent:-9000px;
width:450px;
height:163px;
}

.container #title h1.light {
	font-size:2.5em;
	font-family:'Arial','sans-serif';
}

.container #title p#subtitle {
	font-size:0.5em;
	margin:10px 0;
text-indent:-9000px;
	text-align:left;
	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;
}
#single #post{
	width:700px;
}

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

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

.container #single #post .image{
		border:4px #fff solid;	
}

.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;	
	display: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 0 0;
	clear:both;
	background: url('images/bg_bar_menu.png') repeat-y center top #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;
	margin:0 auto;
}

#credits {
	font-size:0.8em;
	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: url('images/bg_bar_menu.png') repeat-y center top #141d22;
	padding:15px;
}

.container h3.comment-count {
	font-family:'Trebuchet MS','sans-serif';
	font-size:1em;
	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;
}

#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:10px 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:320px;
	*width:323px;
	_width:325px;
}

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

#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:230px;
	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,
#single #boxes .box {
	background-color:#223D47;
	width:200px;
	padding:5px 20px;
	margin-bottom:20px;
	line-height:32px;
}

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

#archive #boxes #categories ul.children,
#single #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:480px;
	margin-top:5px;
}

.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;
	border-bottom:2px #324d57 solid;
}

.container #navigation ul li:hover {
	background-color:#4B5F47;
	border-bottom:2px #fff solid;
}

.container .visibles {
	padding:10px; 
	line-height:20px;
	background: url('images/bg_bar_menu.png') repeat-y center top;
	background-color:#3B4F57;
	display:none;
	font-size:0.9em;
	margin: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;
}

#download {
	background-color:#76A52A;
	color:#fff;
	padding:10px;
	float:right;
	margin:0 0 20px 0;
	font-weight:bold;
}
#topads {
height:20px;background:#000 url() repeat-y center top;padding:5px;margin:-15px 0 0 5px;
}