/*
Theme Name:		Photoidentities
Theme URI:		http://www.photoidentities.com
Description:	A customized theme developed for professional photographers.
Version:		0.1
Author:			Vera Shafiq
Author URI:		http://www.photoidentities.com/
*/



body { background: #000; background-image:url(images/bg.jpg); color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;  height:100%}

* { padding: 0; margin:0; }


/*---:[ global elements ]:---*/

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

	a:visited { color: #000; text-decoration: none; }

	a:hover { color: #000; text-decoration: underline; }

p { margin: 0 auto; margin-bottom:10px; }

#player1, #player2, #player3 {text-align: center;}

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }

	blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Arial"; }

pre { width: 980px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }

img { 
    border:none;
}


/*---:[ headlines ]:---*/

h1 { font-weight: normal; font-size: 3.0em; line-height: 1.8em; }

	#header h1 { text-align: right; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #574376; text-decoration: none; }
	
h2 { font-weight: normal; font-size: 1.5em; }

	.post h2 { color: #000; line-height: normal; padding-top: 10px; margin-bottom: 10px; }
	
		.post h2 a { color: #000; text-decoration: none; }
		
		.post h2 a:visited { color: #000; text-decoration: none; }
		
		.post h2 a:hover { color: #000; text-decoration: none; }
	
	#sidebar h2 { color: #999; }
	
	h2.archive_head { font-size: 2.0em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; }
	
	h2.comment_head { padding-left: 29px; line-height: 2.0em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; }
	
	h2.form_head { color: #999; }
	
h3 { font-weight: normal; font-size: 1.0em; margin-bottom: 4px; color: #999; }

h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; background: #f5f5f5; border-bottom: 1px solid #ddd; }

h5 { float: left; font-weight: normal; margin-left: 50px; margin-top:10px; line-height: 1.0em; font-size: .9em;  }


/*---:[ core layout elements ]:---*/

#container { width: 994px; height: 100%;  margin: 0 auto; background:transparent url(images/shad.png) repeat-y scroll 0%;}


* html #container {
	background-image: none;  /* IE6 can't handle transparent png */
}


	#page { width: 980px; background: #fff; margin: 0 auto; padding-bottom: 5px;}

		#header { width: 980px; background: #fff;  margin:0 auto}
		
		#headerpic {margin: 0 auto;}

		#logo {margin: 0 auto}

		#left {
  			
  			margin-left: 670px;
  			position: absolute;
  			width: 200px;
			margin-bottom: 50px;
		}

		#right{

 		 margin-left: 850px;
 		 margin-right: 15px;
		margin-bottom: 150px;
		margin-top: 50px;
		
		}


		#lastolite {
  			
  			margin-left: 350px;
  			position: absolute;
  			margin-top: 115px;
			
		}

		#pilogo {
  			
  			margin-left: 375px;
  			position: absolute;
  			margin-top: 35px;
			
		}

		#about_box { width: 940px; height: 220px; background: #333; padding-top: 30px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-family: arial, verdana, lucida, sans-serif; font-size: 12px; color:#fff; margin: 0 auto;}

		.aboutstyle a:link{
			color:#c8bfbf;
			text-decoration:underline;
			
		}
		.aboutstyle a:hover{
			color:#c8bfbf;
			text-decoration:none;
			
		}
		.aboutstyle a:visited{
			color:#c8bfbf;
			text-decoration:underline;
			
		}

		.toggle_comments {background-color:#ccc; width:880px; margin-bottom:20px; padding-left:20px; text-align:left; float:left; color:#000}

		.toggle_comments a:link{
			color:#000; text-decoration:none;
			
		}
		.toggle_comments a:hover{
			color:#fff; text-decoration:none;
			
		}
		.toggle_comments a:visited{
			color:#000; text-decoration:none;
			
		}
		/*EDIT THIS LINE TO CHANGE BACKGROUND COLOR OF PAGE (YOU WILL ALSO NEED TO CHANGE ONE MORE LINE...) */		
		#content_box { width: 980px; background: #fff;  padding-bottom: 5px; margin: 0 auto; }
		
			#content { width: 980px;  overflow: visible; margin: 0 auto; text-align:left; }
			
			* html #content { overflow: hidden; }
			
			#sidebar { width: 230px; font-size: 1.2em; line-height: 1.5em; float: left; }
			
			* html #sidebar { overflow: hidden; }
			
		#footer { width: 980px; padding-top: 8px; font-size: 1.0em;  margin: 0 auto; clear: both; }
		

/*---:[ header styles ]:---*/

#nav { width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #222; float: left; }

	#nav ul { list-style: none; }

		#nav li { float: left; }
		
			#nav li a, #nav li a:visited { display: block; height: 2.0em; padding: 0 1.2em; line-height: 2.0em; color: #222; text-decoration: none; font-size: 1.2em; letter-spacing: .1em; float: left; }
		
			#nav li a:hover { color: #c0499b; background: #fff; text-decoration: none; }
			
			.blog #nav li a.blog, .blog #nav li a.blog:visited, .archive #nav li a.archives, .archive #nav li a.archives:visited, .about #nav li a.about, .about #nav li a.about:visited, .categories #nav li a.categories, .categories #nav li a.categories:visited, .links #nav li a.links, .links #nav li a.links:visited { background: #fff; color: #c0499b; cursor: default; }

<!--#pic { width: 770px; height: 200px; border-bottom: 2px solid #222; clear: both; float: left; }-->
#pic { width: 900px; height: 200px; border-bottom: 2px solid #222; clear: both; float: left; }

	

/*---:[ content styles ]:---*/
/*EDIT THIS LINE TO CHANGE BACKGROUND COLOR OF PAGE*/
.post { width:900px; margin: 0 auto; font-size: 12px; line-height: 1.5em; color: #444; background:#fff;  }
.entry {width:900px; font-size: 12px; line-height: 1.5em; color: #444; margin: 0 auto;}

.aligncenter { display:block; margin: 0 auto }
.alignleft { float:left }
.alignright { float:right }


	.entry ul, .entry ol { margin: 0 auto; color: #000; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { padding: 3px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img.left { padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; float: left; }

	.entry img.left_off { margin: 0 auto; float: left; }
	
	.entry img.right { padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; float: right; }

	.entry img.right_off { margin: 0 0 5px 10px; float: right; }
	
	.entry img.center { display: block; padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; }
	
	.entry img.center_off { display: block; margin: 0 auto 15px auto; }

	
	.post_meta { width: 960px; padding: 4px 10px; line-height: normal; float: left; font-size:12px }
	
		
		
		p.tagged { padding-left: 14px; margin-bottom: 30;  float: left; }
		p.num_comments { padding-left: 27px; margin-bottom: 30; float:left; }
	
.navigation { width: 940px; padding: 10px; margin-bottom: 30px; font-size: 1.0em; line-height: 1.7em; background: transparent; float: left; }

* html .navigation { line-height: normal; background: #fff;}
	
	.previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; }
	
	.next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; }
	
	.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; }


/*---:[ sidebar styles ]:---*/

#sidebar ul { list-style: none; }

	#sidebar ul li { width: 300px; margin-bottom: 25px; float: left; }

		.sidebar_section { width: 300px; padding: 5px 0 5px 0; background: #aaa; float: left; }
		
			.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
			
			.sidebar_section p.center { text-align: left; }
			
			.sidebar_section img.off { border: none; }

			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 310px; padding-left: 20px; margin-bottom: 12px; }
			
				#sidebar ul li ul li, #sidebar ul li ol li { width: 300px; padding: 3px 10px 3px 0; margin-bottom: 0; }
				
					.quick_date { padding-left: 10px; color: #999; }
	

/*---:[ footer styles ]:---*/

#footer p { text-align: center; font-size: .6em; color:#000}

#footer a, #footer a:visited { color: #000; text-decoration: none; }

#footer a:hover { color: #000; text-decoration: none; }


/*---:[ comment styles ]:---*/

#comments { width: 900px; font-size: 1.0em; line-height: 1.7em; color: #444;  clear: both;  margin-top:1.0em; float:left;}


	#comments { width: 880px; font-size: 1.0em; line-height: 1.7em; color: #444;  clear: both;  margin-top:1.0em; float:left;}

	/*CHANGE THE COLOR VALUE IN THE BELOW LINE TO CHANGE THE COLOR OF THE COMMENTS BOX */
	ul.comment_list { list-style: none; margin-bottom: 40px;  float: left;  max-height: 150px; overflow:scroll; overflow-x:hidden; background: #ccc;}
	
		ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 880px;  margin: 0 auto; max-height: 150px; overflow:scroll; overflow-x:hidden; }

		/*CHANGE THE COLOR VALUE IN THE BELOW LINE TO CHANGE THE COLOR OF THE COMMENTS BOX */
		ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #ccc;  padding-right:20px;}
		
			.comment_intro { width: 860px; margin-bottom: 15px; line-height: normal;  }
			
			* html .comment_intro { margin-bottom: 0; }
			
			.author_comment_ .comment_intro {padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; }
			
			.author_comment_alt .comment_intro {padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; }
			
				img.gravatar { float: right; margin: 0 0 10px 10px; }
			
				.comment_author { font-weight: normal; font-size: 12px; padding-left:10px;} 
				
					.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; padding-left:10px;}
		
			#comments .entry { clear: both;  border-bottom: 1px dotted #bbb; width:840px; padding-left:10px;}
			
			#comments .entry ul, #comments .entry ol { margin: 0 0px 15px 40px; color: #000; border: none; float: none; }
	
			#comments .entry ul { list-style-type: square; }
	
				#comments .entry li { width: auto; padding: 3px 0; border: none; float: none; }
		
					#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; }





/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 10px 0; float: left; }

	#comment_form p { padding: 6px 0; margin-bottom: 0; }
	
		#comment_form label { padding-left: 10px; font-size: .9em; }

		#comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1em Arial, "Verdana", Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1em Arial, "Verdana", Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	
		#comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	

/*---:[ search form styles ]:---*/

#search_form { text-align: right; padding-right:20px;}

	#search_form .text_input {padding: 3px; color: #444; font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}

	#search_form .text_input:focus { border:1px solid #ccc; }
	
input { outline: none; }