/*
Theme Name: photopro v1.01
Theme URI: http://frozr.com
Description: photoblog theme
Author: aj.eylia
Author URI: http://frozr.com
version: 1.1

*/


/*basic 
--------------------------------------------------------------------------*/

body {
background:#111;
font-family:Arial, Verdana, sans-serif;
font-size:11px;
color:#999;
margin:0;
}

#container {
width:940px;
margin:0 auto;
padding:0;
}

a {
color:#fff;
text-decoration:none;
border:none;

}

a:hover {
color:#7d7d7d;
text-decoration:none;
border:none;
}

.post p {
font-size:11px;
}

h1 {
font-size:18pt;
}

h2 {
font-weight:700;
font-size:18px;
margin-bottom:4px;
}

h3 {
font-size:10pt;
margin-top:6px;
}

h4 {
font-size:9pt;
}

#top {
width:100%;
background:#0a0a0a;
height:26px;
}

#top .wrap {
width:940px;
text-align:right;
margin:0 auto;
padding:6px 0 2px;
}


img.left {
float:left;
border:none;
padding:6px;
}

img.right {
float:right;
border:none;
padding:6px;
}

blockquote {
border-left: 2px solid #ddd;
border-bottom: 1px solid #111;
color:#fff;
padding: 8px;
margin: 8px 0 8px 0;
}

code {
font-family:"Courier New", Courier, monospace;
margin:10px;
}

img,img a {
border:none;
}

/*header.php
--------------------------------------------------------------------------*/

#header {
width:760px;
color:#fff;
height:100px;
}

#header h1 {
font-family:palatino linotype, georgia, arial, times;
font-size:16pt;
font-weight:300;
letter-spacing:1px;
margin:0;
padding:120px 0 0 16px;
}

#header h1 a {
color:#404040;
text-decoration:none;
}

#header h2 {
font-family:palatino linotype, georgia, arial, times;
font-size:10pt;
font-weight:300;
font-style:italic;
color:#404040;
letter-spacing:1px;
margin:0;
padding:0 0 0 18px;
}

/*menu (inside header.php)
--------------------------------------------------------------------------*/

#menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:10px;
}

#menu ul {
text-align:right;
padding-right:0;
}

#menu ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

#menu ul li a {
text-decoration:none;
color:#fff;
padding:4px 8px;
}

#menu ul li a:hover {
color:#c2c2c2;
}

#menu ul li.rss a {
background:url(images/icon_rss.gif) no-repeat left;
margin:0;
padding:0 4px 0 13px;
}


/*image
--------------------------------------------------------------------------*/



div.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

div.title-insert {
text-align:right;
}

#content {
float:left;
width:708px;
overflow:hidden;
}


#content1 {
float:left;
width:708px;
font-family:verdana, arial, times;
overflow:hidden;
}

.the-content-detail {
padding-left: 10px;
}

.content-single {
float:left;
width:708px;
overflow:hidden;
margin:10px 0;
}


.content-single strong{
color:#fff;
}
.content-single .detail {
float:left;
width:140px;
overflow:hidden;
border-right:2px solid #403f3f;
margin:0 0 10px;
}

.content-single .detail ul {
list-style:none;
margin-left:-6px;
}

.content-single .detail ul li {
padding:2px 0 2px 19px;
}

.content-single .detail .date {
background:url(images/date.gif) center left no-repeat;
}

.content-single .detail .time {
background:url(images/time.png) center left no-repeat;
}

.content-single .detail .user {
background:url(images/user.png) center left no-repeat;
}

.content-single .detail .comment {
background:url(images/comment.png) center left no-repeat;
}

.content-single .detail .rss {
background:url(images/rss.png) center left no-repeat;
}

.content-single .detail .permalink {
background:url(images/permalink.png) center left no-repeat;
}

.content-single .inside {
float:right;
width:548px;
overflow:hidden;
margin:0 0 40px;
padding:0 0 0 4px;
}

.titleimg {
font-size:12px;
font-family:"Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
}

/*post begin
--------------------------------------------------------------------------*/


.post1 {
line-height:14pt;
float:left;
width:216px;
display:inline;
margin:0;
padding:0 6px 6px;
}

.post1 ul {
list-style:none;
}

.post1 ul li img {
border:8px solid #fff;
}

.post1 ul li img:hover {
border:8px solid #cefe9b;
}

.post1 .extra {
width:100%;
}

.post1 .extra .rating {
width:100px;
float:left;
}

.post1 .extra .comment {
width:100px;
float:right;
text-align:right;
}

.post1 h2 {
font-family:Verdana, sans-serif;
font-size:10px;
font-weight:100;
color:#fff;
position:relative;
top:130px;
background:url(images/black.png);
margin-left:8px;
margin-right:8px;
padding-left:2px;
}

.post2_wrap {
line-height:14pt;
width:708px;
margin:0;
padding:0;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .post2 {
line-height:14pt;
width:350px;
height: 100px;
float:left;
display: inline;
}

* html .post2 .archieve_detail {
float:left;
margin-left: 4px;
width:240px;
}

* html .post2 .archieve_detail ul{
list-style-type:none;
}



* html .post2 .archieve_detail ul li.title{
text-transform:uppercase;
}

/* End hide from IE5/mac */


.post2 {
line-height:14pt;
width:350px;
display:inline;
float:left;
margin:8px 0;
padding:0;
}

.post2 .thumbnail {
width:100px;
height:70px;
}

.post2 .image_thumb {
width:100px;
height:70px;
float:left;
background:url(images/thumb.jpg) no-repeat;
}

.post2 .image_thumb .thumbnail {
width:100px;
height:70px;
float:left;
border:1px solid #3C3C3C;
background:url(images/thumb.jpg) no-repeat;
}


.post2 .archieve_detail {
float:right;
width:240px;
}

.post2 .archieve_detail ul{
list-style-type:none;
}



.post2 .archieve_detail ul li.title{
text-transform:uppercase;
}

/*IE hack
--------------------------------------------------------------------------*/

/* Hide from IE5-mac. Only IE-win sees this. \*/


 
* html .post1  {
line-height:14pt;
margin:0px;
float:left; 
width: 216px;
display: inline;
padding:6px;
  }
  
  
* html .post {
line-height:14pt;
margin:0;
padding:0;
float: left;
width: 700px;
}
  
* html .post .wrap {
text-align:center;
width: 708px;
}
  
 
/* End hide from IE5/mac */




.post {
width: 708px;
line-height:14pt;
margin:0;
padding:0;
float: left;
}

.post .wrap {
text-align:center;
width: 708px;
}

.post .title {
position:relative;
top:26px;
margin:0;
}

.post .title a {
background:#fff;
font-family:Georgia, serif;
font-style:italic;
font-size:16px;
color:#000;
font-weight:100;
padding:6px 10px;
}

.post .title a:hover {
color:#9ecc00;
}

.post img {
border:4px solid #fff;
}

.post h2 {
font-size:18px;
font-weight:700;
color:#A7A7A7;
}

.post h2 a {
color:#A7A7A7;
text-decoration:none;
}

.post h2 a:hover {
color:#fff;
}


/*h2 single
--------------------------------------------------------------------------*/

.post h2.single {
font-family:georgia, times, verdana;
font-size:18px;
font-weight:100;
color:#A7A7A7;
text-align:center;
margin:14px 0 10px;
}

.post h2.single a {
color:#A7A7A7;
text-decoration:none;
}

.post h2.single a:hover {
color:#fff;
}

.post ul {
font-size:11px;
padding:4px 1px 4px 1px;
list-style-position: inside;

}

.post ul li, .post ol li {
font-size:11px;
margin-left:26px;
}

.post ol {
padding:4px 1px 4px 1px;
list-style-position: inside;

}

.entry p {
text-align:justify;
margin:12px 0;
}

/*detail icon
--------------------------------------------------------------------------*/

.postdetail {
clear:both;
margin-top:6px;
float:right;
background:#1b1b1b;
border-left:4px solid #0a0a0a;
border-top:1px solid #0a0a0a;
border-right:4px solid #0a0a0a;
}

.postdetail img {
border:0;
margin:0;
padding:0;
}

.postdetail ul {
list-style:none;
width:140px;
height:20px;
margin-top:4px;
padding-left: 10px;
}

.postdetail ul li {

display:inline;
margin: 0px 4px 0px 4px;
}

/*metadata
--------------------------------------------------------------------------*/

.postmetadata {
clear:both;
background:#1b1b1b;
border-left:4px solid #0a0a0a;
border-top:1px solid #0a0a0a;
border-right:4px solid #0a0a0a;
border-bottom:4px solid #0a0a0a;
padding:2px 0 2px 10px;
}

/*navigation
--------------------------------------------------------------------------*/

.navigation {
width:700px;
height:30px;
margin:10px 0 10px 290px;
}

.navigation ul {
width:120px;
margin-top:10px;
}

.navigation ul li {
list-style-type:none;
float:left;
margin-left: 0px;
}

.navigation ul li a {
outline:none;
display:block;
height:19px;
width:60px;
background:#ddd;
text-indent:-9999em;
}

.navigation ul li.prev1 a {
background:url(images/prev2.jpg) no-repeat top left;
}

.navigation ul li.prev1 a:hover {
background-position:bottom left;
}

.navigation ul li.next1 a {
background:url(images/next2.jpg) no-repeat top right;
}

.navigation ul li.next1 a:hover {
background-position:bottom right;
}

.alignleft {
float:left;
}

.devider {
background:url(images/devider.jpg) no-repeat center;
width:495px;
height:29px;
}

.navigation ul li.next1,.alignright {
float:right;
}

/*sidebar
--------------------------------------------------------------------------*/

#sidebar {
font-family:verdana, arial, tahoma;
font-size:8pt;
width:220px;
float:right;
margin:0;
padding:0;
}

#sidebar h2 {
font-family:verdana, arial, tahoma;
font-weight:400;
font-size:14px;
text-align:left;
color:#7d7d7d;
margin:4px 0;
padding:2px 0;
}

#sidebar ul {
list-style-type:none;
margin:0;
padding:0;
}

#sidebar ul li {
margin-bottom:0;
line-height:14pt;
list-style-type:none;
padding:0;
}

#sidebar ul ul li {
list-style-type:none;
background:url(images/arrow.gif) no-repeat center left;
border-bottom:1px solid #222020;
padding:2px 0 0 16px;
}

#sidebar ul ul ul li {
list-style-type:square;
color:#898989;
padding:0;
}

#sidebar ul .archieve {
background:#000;
}

#sidebar p,#sidebar img,#sidebar ul ul {
margin:0;
padding:0;
}


/*user sidebar special
--------------------------------------------------------------------------*/

#sidebar .user {
width:210px;
border:5px solid #0a0a0a;
overflow: auto;
background:#0f0f0f;
}

#sidebar .user .photo {
width:55px;
float:left;
}

#sidebar .user .photo img {
border:4px solid #f1f1f1;
margin:8px 4px 4px 8px;
}

#sidebar .user .detail {
width:135px;
float:right;
padding:0 0 0;
}

#sidebar .user .detail a:hover {
color:#585858;
}

#sidebar .user .detail p {
padding:6px 0 4px;
}

#sidebar .user .detail a,#sidebar .user .detail h2 {
color:#fff;
}

#sidebar .categorylist {
width:220px;
border:1px solid #0a0a0a;
background:#0f0f0f;
padding: 4px 166px 4px 4px;
font-size:9px;

}


#sidebar #categorylist ul li {
list-style-type:none;
background:url(images/arrow.gif) no-repeat center left;
border-bottom:1px solid #222020;
padding:2px 0 0 16px;
}

#sidebar .close {
border-bottom:1px solid #0a0a0a;
background:#0f0f0f;
padding: 4px;
font-size:9px;
float: right;
}

/*comment
--------------------------------------------------------------------------*/

#commentssection {
clear:both;
margin:0;
padding:0;
}

#commentssection h3 {
font-family:georgia, times, verdana;
font-size:12pt;
font-weight:300;
font-style:normal;
color:#fff;
text-align:center;
}

#commentform {
background:#1b1b1b;
margin-top:10px;
border:4px solid #0a0a0a;
padding:2px 0 10px 10px;
}

#commentform a {
color:#fff;
text-decoration:none;
border-bottom:1px dotted #fff;
line-height:14pt;
}

#commentform h3 {
font-family:georgia, times, verdana;
font-size:10pt;
font-weight:300;
color:#fff;
margin-bottom:10px;
}

#commentform .cleft {
margin-right:20px;
float:left;
}

#commentbox {
width:470px;
height:78px;
margin:0;
}

#author,#email,#url,#commentbox,#submit {
background:#0a0a0a;
color:#fff;
font-family:verdana, arial, times;
font-size:8pt;
border:1px solid #282828;
margin:5px 5px 5px 0;
padding:6px;
}

#submit {
margin:5px 5px 0 0;
}

img.avatar {
float:left;
border:4px solid #111;
margin:0 10px 0 0;
}

.commentdetail {
float:left;
width:650px;
margin:-16px 0 0 10px;
}

ol.commentlist li {
font-family:verdana, arial, times;
font-size:11px;
overflow:hidden;
background:#1b1b1b;
border:4px solid #0a0a0a;
margin:10px 0;
padding:5px 0 5px 5px;
list-style-type: none;
}

ol.commentlist li.alt {
border:4px solid #0a0a0a;
}

ol.commentlist li p {
line-height:14pt;
margin:6px 0;
padding:0 12px 0 0;
}


/*trackback
--------------------------------------------------------------------------*/

ol.trackbacks {
list-style-type:none;

}

ol.trackbacks li {
font-family:verdana, arial, times;
font-size:11px;
overflow:hidden;
background: #1b1b1b;
border-left: 4px solid #0a0a0a;
border-right: 4px solid #0a0a0a;
padding:5px 0 5px 10px;
margin-top: 1px;
}

ol.trackbacks li p {
line-height:14pt;
margin:6px 0;
padding:0 12px 0 0;
}

cite {
font-family:arial, verdana, tahoma;
font-size:9pt;
font-weight:700;
font-style:normal;
}

cite a {
color:#000;
text-decoration:none;
border-bottom:1px dotted #fff;
}



/*search
--------------------------------------------------------------------------*/
#searchform {
font-family:verdana, arial, times;
padding:6px 0 6px 0px;

}

#searchform input#s {
font-family:verdana, arial, times;
font-size:8pt;
border:1px solid #0a0a0a;
width:160px;
background:#161616;
color:#fff;
margin:2px 0 2px 0;
padding:2px;
}

#searchform input#s:hover {
border:1px solid #1b1b1b;
}

#searchform input#searchsubmit {
font-family:verdana, arial, times;
font-size:7pt;
border:1px solid #0a0a0a;
background-color:#0f0f0f;
color:#fff;
margin:2px 0;
padding:2px;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #searchform input#s {
font-family:verdana, arial, times;
font-size:8pt;
border:1px solid #0a0a0a;
width:142px;
background:#0f0f0f;
color:#fff;
margin:2px;
padding:2px;
}
 
/* End hide from IE5/mac */



/*footer
--------------------------------------------------------------------------*/

#footer {
clear:both;
width:100%;
height: 60px;
padding-top:30px;
margin-bottom:20px;
font-family:verdana, arial, tahoma;
font-size:11px;
}

#footer p {
margin:0;
padding:3px 0 3px 0;
}

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

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

#footer .left{
float: left;
width: 600px;
}

#footer .right{
float:right;
width: 200px;
text-align: right;
}

#footer .left .frozr-copyright {
		color: #ddd;

	
}
#footer .left .frozr-copyright:hover {
	color: #fff;
	border-bottom: 1px dotted #ddd;
	
}

/*content
--------------------------------------------------------------------------*/

#content div.left {
background:#f4f4f4;
}

#content span.author {
font-size:7pt;
font-family:verdana, arial, tahoma;
background:#fff;
}

#content div.right {
float:right;
width:50px;
background:url(images/comment.png) no-repeat center;
text-align:center;
margin:0;
padding:4px 0 5px;
}

#content div.right a:hover {
color:#ddd;
}

div.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

*,#sidebar ul ul ul {
margin:0;
padding:0;
}

#header h1 a:hover,.post h2 a:hover {
color:#666;
text-decoration:none;
}

#content div.right a,#commentform p,ol.commentlist a {
color:#fff;
}



/*scroll
--------------------------------------------------------------------------*/

#piclist {
width:700px;
float:left;
margin:10px 0;
}

.news_slider .item img {
width:100px;
height:70px;
float:left;
border:1px solid #3C3C3C;
background:url(images/thumb.jpg) no-repeat;
margin:1px 8px 0 0;
}

.news_slider .item a:hover img {
border:1px solid #FFF;
}

.fl {
float:left;
display:inline;
}

.news_slider {
position:relative;
width:700px;
text-align:left;
}

.news_slider .prev,.news_slider .next {
position:absolute;
top:30px;
display:none;
}

.news_slider .next {
right:0;
}

.news_slider .container {
position:relative;
top:0;
left:0;
width:700px;
}

.news_slider .news_items {
position:relative;
width:654px;
top:0;
overflow:hidden;
margin:0 0 0 24px;
}

.news_slider .item {
width:700px;
display:inline;
float:left;
}


/*misc
--------------------------------------------------------------------------*/


.red {
border-top:1px solid #59ac00;
border-bottom:1px solid #59ac00;
color:#fff;
margin:10px 0;
padding:5px 10px;
}

.green {
border-top:1px solid #59ac00;
border-bottom:1px solid #59ac00;
color:#fff;
margin:10px 0;
padding:5px 10px;
}



/*cam detail
--------------------------------------------------------------------------*/
.cam-detail {
margin:4px 0;

}

.cam-detail ul {
color:#999;
font-size:1.2em;
line-height:1.6em;
}

.cam-detail ul li {
float:left;
text-align:left;
width:225px;
margin:0 0 0 10px;
list-style-type:none;
border-bottom:1px solid #222020;
}

.cam-detail ul li strong {
color:#fff;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/

* html .cam-detail ul li {
float:left;
text-align:left;
width:223px;
margin:0 10px 0 0px;
list-style-type:none;
border-bottom:1px solid #222020;
}
  
/* End hide from IE5/mac */


/*tooltip
--------------------------------------------------------------------------*/

/*  */

#tooltip{
	position:absolute;
	border:2px solid #0a0a0a;
	background:#1b1b1b;
	padding: 4px 8px 4px 8px;
	color:#fff;
	display:none;
	font-size: 11px;

	}	

/*  */