/*

Theme Name: Pixelpants

Theme URI: http://www.littlemisspixelpants.com/blog

Version: v1.0

Author: Leconte

Author URI: http://www.littlemisspixelpants.com/blog

Description: A Photo Blog theme for Wordpress

*/



/*

global settings

---------------------------------------------- */



* {

margin: 0;

padding: 0;

}

body {

background: #e3e3e2;

font: 12px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

color: #a9a8a8;

text-align: center;

/*background: #333 url(i/img_101.gif); */

}

a:link {

color: #000;

text-decoration: none;

}

a:visited {

color: #000;

text-decoration: none;

}

a:hover {

color: #a9a8a8;

text-decoration: none;

}

a:active {

color: #a9a8a8;

text-decoration: none;

}

a img { 

border: 0; 

}



/* hn */



h1, h2 {

font-weight: normal;

}



/*

holds the whole page within it

---------------------------------------------- */



#container {

width: 750px;

margin: 0 auto;

font-size: 10px;

text-align: left;

}



/*

header

----------------------------------------------- */



#header {

/*background: #d7d7d7;*/

margin: 0 0 0 0px;

padding: 0px;

padding-top: 20px;

}

#header-inner {

padding: 0px 0px 0px 0px;

background: url(i/lmpp_header.gif) no-repeat;

height: 52px;

/*border: 1px solid #bbb9b9; */

border-top: none;

}

#title {

float: left;

/*width: 410px;*/

}

h1 {

padding: 30px 0 0;

font: 13px Verdana, "Trebuchet MS", Trebuchet, sans-serif;

color: #666;

/*text-transform: uppercase;*/

/*letter-spacing: -1px; */

line-height:1em;

}

h1 a:link {

color: #FFFFFF;

}

h1 a:visited {

color: #FFFFFF;

text-decoration: none;

}

h1 a:hover {

color: #FFFFFF;

text-decoration: none;

}

h1 a:active {

color: #FFFFFF;

text-decoration: none;

}

p#tagline {

margin: 5px 0 0;

font-size: 0.9em;

}



/*

navigation

---------------------------------------------- */



ul#nav {

float: right;

font-size: 10px;

font-weight: bold;

text-align: right;

text-transform: lowercase;

/*letter-spacing: 0.1em;*/

}

#nav li {

float: left;

list-style-type: none;

/*display: block;*/

margin-left: 15px;

}

#nav li a {

float: left;

/*display: block;*/

padding: 0px 0px 0px 0px;

color: #000;

margin-top: 18px;

}

#nav li a:hover, 

body#home li#nav-home a, 

body#archives li#nav-archives a, 

body#contact li#nav-contact a, 

body#about li#nav-about a {

background: #e3e3e2;

color: #a9a8a8;

}

.postspermonth {

/*margin: 5px 0 0px 0;*/

list-style: none;

line-height: 16px;

padding-left: 10px;

clear: both;

width: 750px;

}


/* 

photo-inner is the border		

------------------------------------------------------ */



#photo {

/*background: #d7d7d7;

margin: 0 0 10px 0;*/

clear: both;

padding-bottom: 9px;

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

line-height: 1.5em;

color: #000;

border-bottom: 1px solid #a9a8a8;

}

#photo-inner {

/*background: #fff;*/

padding: 0px;

/*border: 1px solid #bbb9b9;*/

}

h2.photo-title {

/*background: #d7d7d7;*/

float: left;

margin: 20px 0 10px 0;

padding: 0px;

font-size: 10px;

font-weight: bold;

color: #000;

/*letter-spacing: 0.1em;*/

}

.photo-date {

/*background: #d7d7d7;*/

margin: 0 15px;

color: #6a6969;

/*letter-spacing: 0.1em;*/

}

h2.photo-title span {

display: block;

/*background: #fff;*/

padding: 25px 0px 8px 0px;

/*border: 1px solid #bbb9b9;*/

}

#photo img {

margin: 0 0 10px 0;

padding: 0 0 0px;

border: 1px solid #000;

}


/* 

photo meta		

------------------------------------------------------ */



#photo-meta {

float: right;

margin: 10px 0;

font-weight: bold

/*padding: 10px 0 0 0;*/

/*width: 499px;

background: #d7d7d7;

margin: 0 0 20px;

*/

}

#photo-meta-inner {

height: 30px;

background: #fff;

padding: 0 10px;

border: 1px solid #bbb9b9;

}

#photo-meta ul {

margin: 0;

}

#photo-meta ul li {

list-style-type: none;

display: inline;

margin: 0;

/*padding: 0 5px;

border-right: 1px solid #e1e1e1;

line-height: 30px;*/

}



/* 

navigate		

------------------------------------------------------ */



#navigate {

float: right;

margin: 20px 0 0 1px;

font-weight: bold
}

#navigate-inner {

background: #d7d7d7;

padding: 5px;

text-align: center;

}

#navigate span.previous {

float: left;

}

#navigate span.next {

float: right;

}

#navigate span.previous,

#navigate span.next {

display: block;

width: 48%;

height: 30px;

background: #fff;

border: 1px solid #bbb9b9;

}

#navigate span.previous a,

#navigate span.next a {

display: block;

padding: 0 5px;

line-height: 30px;

}

#navigate span.previous a:hover,

#navigate span.next a:hover {

background: #9FC;

}



/* 

comments		

------------------------------------------------------ */



body#commentspopup {

margin: 0 10px;

background: #e3e3e2;

}

#comments {

/*font-size: 0.75em;*/

text-align: left;

}

#comments-header {

/*background: #fff;

margin: 0 0 10px;

padding: 5px;

padding-top: 0;
*/
}

#comments-header-inner {

/*padding: 0px;

background: #fff;

border: 1px solid #bbb9b9;*/

border-top: none;

}

#comments-header h1 {

padding: 15px 0px 5px 0;

margin: 0 0px;

border-bottom: 1px solid #cececd;

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

font-weight: bold;

color: #000;

text-transform: uppercase;

/*letter-spacing: -1px;*/

line-height:1em;

}

#comments-header h1 a:link {

color: #8c8c8c;

}

#comments-header h2 {

/*padding: 5px 0 0;*/

font-size: 0.9em;

}

#comments-info {

margin: 20px 0 0;

padding: 10px 0 0;

border-top: 1px solid #cececd;

}

#comments-info p {

font-size: 0.8em;

}

p.comments-meta {

margin: 10px 0 0;

/*padding: 0 0 5px 80px;*/

border-bottom: 1px solid #BDA7B0;

font-size: 0.9em;

line-height: 1.2em;

}

div.comment-main {

margin: 20px 0;

padding: 10px;

background: #fff;

border: 1px solid #bbb9b9;

font-size: 0.95em;

}

div.comment-main.authorcomment {

background: #fff;

}

div.comment-meta {

font-size: 0.9em;

line-height: 1.2em;

}

div.gravatar {

float: left;

}

span.comment-meta-author {

display: block;

margin: 0 0 3px;

padding: 0 0 3px;

border-bottom: 1px solid #cececd;



text-transform: uppercase;

}

div.comment-body {

margin: 10px 0 0;

}

#comment-form {

background: #d7d7d7;

margin: 20px 0;

padding: 5px;

}

#comment-form-inner {

padding: 10px;

background: #fff;

border: 1px solid #bbb9b9;

}

#comment-form h2 {

margin: 0;

padding: 0 0 5px;

border-bottom: 1px solid #cececd;

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

color: #8c8c8c;

text-transform: uppercase;

/*letter-spacing: -1px;*/

line-height:1em;

}

#comments-form label {

display: block;

font-size: 0.85em;

/*text-transform: uppercase;*/

letter-spacing: 0.2em;

}

#comments-form label em {

font-style: normal;

text-transform: none;

letter-spacing: normal;

}

#author, 

#email,

#url,

#comment {

width: 95%;

margin: 0 0 10px;

padding: 4px;

background: #f7f7f7;

border: 1px solid #e0e0e0;

font: 0.9em "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

}

#comment-submit {

padding: 5px 10px;

background: #888;

border: 3px double #999;

border-top-color: #ccc;

border-left-color: #ccc;

font-size: 85%;

color: #d5d5d5;

text-transform: uppercase;

text-align: center;

letter-spacing: 0.1em;

}

div.comment-form-info {

margin: 10px 0 10px;

border-bottom: 1px solid #cececd;

font-size: 0.9em;

color: #666;

line-height: 1.4em;

}

div.comment-form-info p {

margin: 5px 0;

}

p.trackback {

overflow: hidden;

}



/* 

pages	

------------------------------------------------------ */



#main {

float: left;

clear: both;

/*width: 490px;*/

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

line-height: 1.5em;

color: #000;

border-bottom: 1px solid #a9a8a8;

padding: 0 0 9px 0;

}

div.page-body {

float: left;

clear: both;

width: 750px;

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

line-height: 1.5em;

color: #000;

/*border-bottom: 1px solid a9a8a8;*/

}


#main-inner {

background: #fff;

padding: 10px;

border: 1px solid #bbb9b9;

}

h2.page-title {

float: left;

/*clear: both;*/

margin: 20px 0 10px 0;

padding: 0;

/*border-bottom: 1px solid #cececd;*/

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

font-weight: bold;

color: #000;

/*text-transform: uppercase;

letter-spacing: -1px;

line-height: 1.5em;*/

}



/* sidebar	 */



#side {

float: right;

width: 230px;

background: #d7d7d7;

padding: 5px;

font-size: 0.9em;

}

#side-inner {

background: #fff;

padding: 10px;

border: 1px solid #bbb9b9;

}

ul.arch-list {

background: #fff;

padding: 10px 0;

}

ul.arch-list li {

list-style-type: none;

border-bottom: 1px solid #e1e1e1;

}



/* post */



div.post {

/*margin: 20px 0;

padding: 0 0 20px;

border-bottom: 1px solid #000;*/

clear: both;

}

div.post-body {

float: left;

clear: both;

width: 750px;

/*padding: 0 0 9px 0;*/


}


div.post-body img {

padding: 1px;

border: 1px solid #e1e1e1;

}

.post-title {

line-height: 16px;

font: 10px "Verdana", "Lucida Sans Unicode", Arial, sans-serif;

}

/*.post-title A { 

font-weight: bold;

text-decoration: underline;

}



h4.post-meta {

font-size: 0.8em;

font-weight: normal;

}
*/




/* 

footer		

------------------------------------------------------ */



#footer {

float: left;

/*clear: both;*/

/*padding: 10px 0 0 0;*/

margin: 10px 0;

text-align: left;

font: 10px Arial, "Trebuchet MS", Trebuchet, sans-serif a9a8a8;

}



/* 

clear		

------------------------------------------------------ */



.clear {

clear: both;

height: 0;

line-height: 0;

}

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */