/*  
Theme Name: conversation at the edge
Theme URI: http://www.conversationattheedge.com
Description: Custom Theme designed by Todd Hiestand
Version: 2.1
Author: Todd Hiestand
Author URI: http://www.toddhiestand.com

*/

/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/


html, body, form, fieldset{ 
margin: 0;
padding: 0; 
font: 10px/150% Arial, Helvetica, sans-serif; 
}

h2, h3, h4, h5, h6, p, pre, ol, dl, address{ 
margin: .7em 0;
padding: 0; 
line-height:133%;
}

h1 {
line-height:133%;
margin: .5em 0 .5em 0;
font-size:24px;
text-decoration:none;
}

h3 {
margin: .7em 0;
font-size: 16px;
color: #fff;
padding: 0; 
line-height:133%;
} 

li, dd { 
margin-left: 1em; 
}


form label{ 
cursor: pointer; 
}

fieldset{ 
border: none; 
}

input, select, textarea{ 
 }

hr {
border-top: 1px solid #ccc;
width: 100%;
height: 1px;
}

/* End Normalization */

/* Typography ------------------------------- */

h1 a { 
     background-color: #311608;
     color: #FFFFFF;
}
body {
background: #fff;
color: #1e1e1e;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
line-height: 133%;
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
margin:0;padding:0;
}

a {
color:#DAA520;
text-decoration: underline;
}

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

strong {
color: #1e1e1e;
}

h1 a{
text-decoration: none;
}

blockquote {
padding: 5px 20px 5px 20px;
margin: 2px 75px 2px 55px;
background-color: #f9f9f9;
color:#1e1e1e;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


/* HEADER Styles ------------------------------- */

			
#headercontainer {
width: 800px;
margin:0 auto;
padding:0;
background-image: url(images/headerborder.png);
background-repeat: repeat-x;
clear:both;
border-left:1px solid #000;
border-right:1px solid #000;
}

#headerimg{
width: 800px;
height:195px;
margin:0 auto;
padding:0;
background-image:url(images/headerimg.jpg);
background-repeat:no-repeat;
background-position: inherit;
}

#otmlink {
position:relative;
width: 128px;
height: 94px;
left: 660px;
height: 50px;
}

/*OTM Blog Navacation Styles*/
ul#blognav  {
height: 31px;
width: 100%;
font-family: arial, helvetica, verdana, sans-serif;
font-size:12px;
margin:0 auto;
padding:0;
background-image:url(images/blognav.png);
background-repeat:repeat-x;
}

ul#blognav li { 
display: inline; 
}

ul#blognav li a {
padding: .5em .5em .5em .9em;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
margin: 0;
}

ul#blognav li a:hover {
color: #fff;
border-top: none;
border-bottom:none;
margin: 0;
background-image:url(images/blognav-hover.png);
background-repeat:repeat-x;
}

#title {
height: 40px;
background-color: #fff;
margin: 20px 0 10px 30px;
position:relative;
}

#blogtitle {
font-size:36px;
font-weight:bold;
}

#name {
font-size: 16px;
font-weight:normal;
}

.post {
height:auto;
margin: auto;
}

ul#mainmenu  {
background-image: url(images/mainnav.png);
background-repeat: repeat-x;
height: 58px;
width: 100%;
font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
font-size:13px;
margin: 0px; 
padding:0px;

}

ul#mainmenu li { display: inline; }

ul#mainmenu li a {
padding: 1.1em 1.3em;
text-decoration: none;
border-right: 1px solid #ccc;
float: left;
color:#1e1e1e;
margin: 0;
}

ul#mainmenu li a:hover {
background-image: url(images/mainnav-hover.png);
background-repeat: repeat-x;
color: #1e1e1e;
border-top: none;
border-bottom:none;
margin: 0;
}


#tag{
height: 47px;
width: 800px;
margin:0;
background-image:url(images/tag.png);
background-repeat:no-repeat;
clear: both;
}


/* CONTENT Styles ------------------------------- */

#container {
width: 800px;
margin:0 auto;
padding:0;
border:none;
border-left:2px solid #000;
border-right:2px solid #000;

}

/* end easy clearing */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#maincontent {
width: 485px;
margin:0px;
padding:30px 20px 20px 20px;
float:left;
}

#maincontent h1, #page h1 {
line-height:133%;
margin: .5em 0 .5em 0;
padding: 8px 0 5px 5px;
font-size:18px;
text-decoration:none;
border-top: 3px solid #000;
border-bottom: 1px solid #000;
background-image:url(images/h1bg.png);
background-repeat:repeat-y;
}

#featured {
margin: 0 0 20px 0;
}

.entry {
margin:0 0 30px 0;
padding:0;
clear:both;
}

p.comment {
height: 68px;
width: 68px;
text-align:center;
float: right;
margin: 10px 0 0 10px;
padding:0px;
clear:both;
background-image:url(images/comment.png);
background-repeat:no-repeat;
}

p.comment a {
position:relative;
top: 36px;
display:block;
width:68px;
font-size:22px;
font-weight: bolder;
margin:0;padding:0;
color:#1e1e1e;
text-decoration:none;
}

p.comment a:hover {
text-decoration:none;
color:#fff;
}

p.comment:hover {
height: 68px;
width: 68px;
background-image:url(images/comment.png);
background-repeat:no-repeat;
}

.postdetails {
margin: 0px;
padding: 0px 0 5px 0px;
text-align:left;
color: #1e1e1e;
font-size:9px;
}


/* Subcontent Styles ------------------------------- */


#subcontent {
width: 495px;
margin:10px 0 0  0;
padding:10px 0px 5px 0px;
float:left;
}

p#subcontentbar {
width: 95%;
position:relative;
border-bottom: 1px solid #666;
border-top: 2px solid #666;
margin:0px;
padding:10px;
font-size: 18px;
color:#fff;
text-align:center;
background-image:url(images/h1bg.png);
background-repeat:repeat-y;
}

#postexceprts {
width: 315px;
float:left;
padding:10px 0px 0 0px;
margin:0px;
}


h2.postexcerpt {
font-size: 14px;
color:#1e1e1e;
font-weight:bold;
text-decoration:none
}

.archinfo {
font-size:11px;
color: #666;
text-align: left;
font-weight:bolder;
}

.excerpt {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:11px;
line-height:100%;
margin: 5px 0 5px 0;
padding: 5px;
}

p.excerptmeta {
margin: 0 0 10px 0;
font-size:9px;
}

li.graybox {
background: #ccc;
}

.excerpt h2 {
font-size: 16px;
margin: .1em 0;
padding: 0; 
}

#postlisting {
width:170px;
position:relative;
float:right;
padding:10px 0px 0 0px;
margin:0px;
font-size:10px;
}

#postlisting ul{
list-style-type:none;
margin: 0 0 5px 0;
padding:0;
font-size: 11px;
width:inherit;
}

#postlisting li {
color:#1e1e1e;
line-height:133%;
text-decoration:none;
display: block;
border-bottom:1px solid #ccc;
font-size:10px;
margin:0;
padding:5px 0 5px 0px;
width:inherit;
}

h2.postlisting {
font-size: 11px;
color:#1e1e1e;
font-weight:bold;
}

/* SIDEBAR Styles ------------------------------- */


#sidebar {
width: 220px;
margin:0px;
padding:30px 20px 0 20px ;
float:right;
font-size: 11px;
color:#1e1e1e;

}

#sidebar h1 {
font-size:16px;
margin-top: 25px;
padding: 5px 0 2px 5px;

text-align:left;
color:#fff;
border-top: 3px solid #000;
border-bottom: 1px solid #000;
background-image:url(images/sidebarbg.png);
background-repeat:repeat-y;
}


#sidebar p{
font-size:12px;
padding: 0px 0px 5px 0px;
line-height:133%;
font-family: arial, helvetica, verdana, sans-serif;
}

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

#sidebar li {
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
}


#footer {
/* width:98%; */
background-color:#D8D8D8;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
color: #666666;
padding: 10px;
clear: both;
}

/* Page Control ------------------------------- */

#page {
width: 600px;
margin: 0px 0 30px 75px;
padding:30px 0 0 0;
font-size: 12px;
line-height: 133%;
text-align:left;
font-family: arial, helvetica, verdana, sans-serif;

}

#page h1 {
padding: 5px 0 2px 0px;
border-top: 3px solid #ccc;
border-bottom: 1px solid #ccc;
font-size:32px;
font-family: arial, helvetica, verdana, sans-serif;
color:#fff;
text-align:left;
}

.pageinfo {
padding: 5px;
font-size:9px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #666666;
}


/* Image Control ------------------------------- */

img { 
border: 1px #ccc solid; 
padding: 3px; 
margin: 10px;
}

img a { 
border:0;
padding: 0;
margin: 0;
}

a:hover img { 
border: 1px #000 solid;
padding: 3px;
margin:10px;
}

#banner	{
position:absolute;
left:100%;
top:0px;
overflow:visible;
height:165px;
width:165px;
margin:0 0 0 -163px;
padding:0 0 0 0;
z-index:1000000000;
border:none;
float:none;
}

img.noborder {
border:none;
}

a:hover img.noborder {
border:none;
}

#logo {
padding: 0 0 0 0px;
}

/* Search form--------------------------------------- */
.searchbox {
width: 200px;
margin: 10px 0 20px 0;
}

#s {
display: block; 
width: 194px;
margin: 0 0 0.6em 0;
border: 1px solid #142952; 
padding: 2px;
background: #fafafa; 
color: #000000;
}

#s:focus {
background: #f7f7f7;
border: 1px solid #ccc;
}

#searchsubmit {
background: #000;
color: #fff;
border: none;
}

/* Comments Formatting ------------------- */

p.commentmeta {
font-size: 14px;
color: #fff;
background-color:#000;
padding: 5px;
}

p.commentmeta a {
color: #fff;
}

p.commentmeta a:hover {
color: #ccc;
}

h2.responsenumber {
font-size: 20px;
background-color:#fff;
color: #fff;
margin: 10px 0 0px 0;
padding: 10px;
width: 95%;
border-top: 1px dashed #ccc;
}

ul.commentlist {
list-style-type:none;
margin:10px 0 0 0;
padding: 0px 0 0px 0;
width: 100%;
}

.commentlist li{
margin: 0px;
padding: 0px;
list-style-type:none;
background-color:#fff;

background-repeat:repeat-x,y;
border-bottom: 1px solid #ccc;
width: 100%;
font-size: 1em;
}

li.graybox {
background: #fff;
width: 100%;
margin:0;
padding:0;
font-size: 1em;
}

.commentnumber {
padding: 10px;
left: 70%;
float:right;
color: #ccc;
font-size: 28pt;
font: italic;
}

p.commenttext {
padding: 10px;
margin: 0;
font-size: 1em;
}

textarea#comment {
font-size:13px;
}

img.avatar {float:right; margin-right:5px;}

/* Archives Formatting ------------------- */

#taglist {
padding: 0px;
font-family: Tahoma, Arial, Verdana, sans-serif;
margin: 0px 0 10px 0px;
background-color: none;
line-height: 200%;
width: 100%;
color: #1e1e1e;
}

#taglist a:hover {
background-color: #CCC;
color: #1e1e1e;
}

#archives-lists {
width: 230px;
float:right;
}

#archives-clean {
width:300px;
float:left;
margin-left:25px;
}