/*
Theme Name: Pen, Paper, Pan Theme
Theme URI: http://www.yamtorrecampo.com/
Description: For YamTorreCampo.com
*/

body, 
html {
    	margin:0;
	padding:0;
	height: 100%;
}

body {
    	background: #FFD271;
    	color: #333;
	font-size: 8.5pt;
	font-family: 'Verdana', serif;
    	}

#wrap {
	margin: 0px auto 10px auto;
	width: 800px;
	background: #FFF;
}

#header {
	height: 222px;
	margin: 0 auto;
	padding: 0;
	background: #FFD271 url('images/header.jpg') top center no-repeat;
	width: 800px;
}


/* Header Navigation */

#nav {
    height: 35px;
    background: #561102;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

#nav ul{
    margin: 0;
    padding:0;
}
    
#nav li{
    display:inline;
    }
    
#nav li a{
    text-decoration:none;
    padding: 8px 15px 0 15px;
    color: #FFF;
    float:left;  
    text-align:center;
    font-size: 12pt;
    height: 22px;
}

#nav li a:hover{
    background: #FFD271;
    color: #000;
    -moz-border-radius: 15px;
}

/* Page Navigation */

.navi {
	margin: 15px 0;
}

.navi a{
	background: #FFF7AF;
	padding: 10px;
	color: #333333;
      -moz-border-radius: 40px 10px;
}

.navi a:hover {
	background: #C7FF90;
	color: #333333;
	padding: 10px;
      -moz-border-radius: 40px 10px;
}


/* Blog Content */

#content {
	width: 400px;
	float: left;
	margin: 30px 20px 15px 15px;
	text-align: justify;
}

h2{
	font-size: 2em;
	margin: 0;
}

h2 a {
 	color: #FE4E41;
}

h2 a:hover {
	color: #8AD82A;
}

.details {
	padding: 3px;
      color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 8px;
}

.details a {
	padding: 3px;
      color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-bottom: 8px;
}

.details a:hover {
	padding: 3px;
      color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-bottom: 8px;
      font-style: italic;
}

a {
      text-decoration: none;
	font-weight: bold;
	color: #FE4E41;
}

a:hover {
	color: #8AD82A;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #d72121;
	font-weight: lighter;
}

h4 {
	margin-bottom: 0;
}

p{
	margin: 0px;
	padding: 0 0 8px 0;
	line-height: 14px;
}

blockquote {
	padding: 10px 10px 5px 20px;
	margin: 5px 10px 5px 20px;
	background: #FFF7AF;
      border-radius:10px 40px;
      -moz-border-radius: 40px 10px;
      -webkit-border-radius:40px 10px;
      color: #333333;
      font-style: italic;
      font-size: 10pt;
}

strong {
	color: #333333;
}

em {
	color: #af3f3e;
}

ul, ol {
	margin: 0 0 10px;
	padding-left: 15px;
}
 
ul li{
	list-style-type: square;
}

ul li, ol li{
	line-height: 16px;
	padding: 2px 0;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.aligncenter {
text-align: center;
}

.clear{
	clear:both;
	height: 0;
}

#widgetspace {
background: #FFFFFF;
line-height: 1em;
}

.linkscolumn {
	float: left;
	width: 50%;
}

p img {
	padding: 0;
	max-width: 100%;
}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

a img{
	border: none;
}


/* Comments */

.commentlist {
list-style:none;
margin:0;
padding:0;
color: #666666;
}

.commentlist li {
margin:0 0 10px;
padding:5px 0px 5px 42px;
position:relative;
list-style:none;
}

.commentlist li.pingback comment-author {
padding:0 170px 0 0;
}

.commentlist li div.vcard {
font-weight:bold;
font-size: 14px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
}

.commentlist li div.vcard cite.fn {
font-style:normal;
font-size: 11px;
}

.commentlist li div.vcard cite.fn a.url {
color:#000000;
text-decoration:none;
font-size: 10pt;
}

.commentlist li div.vcard cite.fn a.url:hover {
color:#af3f3e;
font-size: 10pt;
}

.commentlist li div.vcard img.avatar {
border: #FFD271 outset 3px;
left:0px;
position:absolute;
top:7px;
}

.commentlist li div.comment-meta {
font-weight:bold;
font-size: 10px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
position:absolute;
right:10px;
text-align:right;
top:5px;
}

.commentlist li div.comment-meta a {
color:#FE4E41;
text-decoration:none;
}

.commentlist li p {
font-weight:normal;
font-size: 12px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0 20px;
}

ol.commentlist li ul {
font-weight:normal;
font-size: 12px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
list-style:none;
margin:0 0 12px;
padding:0;
}

.commentlist li div.reply {
background:#FFF7AF;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
color:#333333;
font:bold 11px/1 Arial, Helvetica, sans-serif;
padding:6px 5px 4px;
text-align:center;
width:36px;
}

.commentlist li div.reply:hover {
background:#C7FF90;
color: #fff;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
}

.commentlist li div.reply a {
color:#333333;
text-decoration:none;
text-transform:uppercase;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
}

.commentlist li div.reply a:hover {
color:#333333;
text-decoration:none;
text-transform:uppercase;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
}

.commentlist li ul.children {
list-style:none;
margin:12px 0 0;
text-indent:0;
}

.commentlist li ul.children li.depth-2 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-3 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-4 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-5 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-6 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-7 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-8 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-9 {
margin:0 0 5px;
}

.commentlist li ul.children li.depth-10 {
margin:0 0 5px;
}

ol.commentlist li.pingback div.vcard {
padding:0 170px 0 0;
}


#commentform input{
	width: 200px;
	background:#FFF9C7;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 100%;
	height: 115px;
	background:#FFF9C7;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #FDFFFE;
}

#commentform #submit{
background:#FE4E41;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
color:#ffffff;
font:bold 11px/1 Arial, Helvetica, sans-serif;
text-align:center;
float:left;
cursor: pointer;
width: 140px;
margin: 0 0 15px 0;
padding: 3px;
}

#commentform #submit:hover{
background:#FFF7AF;
border-radius:40px 10px;
-moz-border-radius: 40px 10px;
-webkit-border-radius:40px 10px;
color:#333333;
font:bold 11px/1 Arial, Helvetica, sans-serif;
text-align:center;
float:left;
cursor: pointer;
width: 140px;
margin: auto;
padding: 3px;
}


/* Sidebar */

#sidebar-wrap{
float: right;
width: 350px;
font-size: 8pt;
}

.widesidebar {
float: right;
width: 350px;
font-size: 9pt;
margin: 30px 10px 20px 5px;
padding-bottom: 15px;
color: #333333;
text-align: justify;
background: #FAFF87;
list-style:none;
}

.widesidebar h2 {
color: #561102;
font-size: 20px;
font-weight: bold;
margin: 0 auto;
width: 350px;
height: 50px;
line-height: 3em;
text-align: center;
background: url('images/widesidebarh2.jpg') no-repeat top center;
text-transform: uppercase;
}

.twocolumn-container {
float: left;
width: 350px;
overflow:hidden;
}

#leftsidebar, #rightsidebar {
width: 160px;
text-align: left;
list-style: none;
color: #333333;
margin-right: 10px;
margin-bottom: 30px;
padding-right: 3px;
}

#leftsidebar h2, #rightsidebar h2 {
color: #561102;
font-size: 20px;
font-weight: bold;
margin: 0 auto;
width: 160px;
height: 50px;
line-height: 3em;
text-align: center;
background: transparent url('images/sidebarh2.jpg') no-repeat top center;
text-transform: uppercase;
}

#leftsidebar {
float: left;
}

#rightsidebar {
float: right;
}

#leftsidebar ul li, #leftsidebar ol li, #rightsidebar ul li, #rightsidebar ol li {
border-bottom: 1px dotted #205B87;
}

/* Footer */

#footer {
	background: #571103 url('images/footer.jpg') bottom right no-repeat;
	text-align: center;
      color: #333333;
      height: 177px;
}

/* Credits */

#credits {
      background: #571103 url('images/credits.jpg') bottom center no-repeat;
      text-align: center;
      height: 35px;
      color: #ffd271;
}

#credits a {
      color: #fff;
}

#credits a:hover {
      color: #E7F1EF;
      font-style: italic;
}

#credits p{
	margin: 0;
	padding: 10px;
}