/*  
Theme Name: Ten Blog: Index
Theme URI: http://10.ofrecord.com
Description: Based on Dailypress - Jai Nischal Verma -- http://www.blogohblog.com
Version: 1.0
Author: Of Record
Author URI: http://10.ofrecord.com
*/


/* THINGS TO CHANGE IN A NEW BLOG /*
/* green coloring */

h2.post-title a {
  color: #009D2A;
}

a { 
  color: #792944;
}

.post-content blockquote {
  background: url(/images/quotes-purple.png) no-repeat left top; 
}

.post-content ul {
  list-style: disc url(/images/bullet-purple.png) inside;
}

/* different color in unordered list */
.post-content ul em {
  color: #792944;
}

h3 {
  color: #792944;
}

.navigation a {
  color: #792944;
}

.sidebar-section h3 {
  color: #792944;
}

.sidebar-section li {
  list-style: disc url(/images/slashes-green.png) outside;
}

.sidebar-section a {
  color: #792944;
  border-bottom: dotted #792944 1px;
}

#ads a {
  color: #792944;
  border-bottom: dotted 1px #792944;
}

.sleft { 
  background: url(/images/slashes-green.png) no-repeat; 
}

.sright { 
  background: url(/images/slashes-green.png) no-repeat; 
}

.submit {
  color: white;
  background-color: #792944;
}

#footer { 
  color: white;
  background-color: #792944;
}

.footer a:hover { 
  color: #792944;
}

/*++++++ STRUCTURE ++++++++*/

/* header */
#header {
  background-color: white;
}

h1 {
}

#logo img {
}

h1 img {
}

#blognetwork {
}

#blogtitle {
  padding-left: 15px;
}

/* posts and sidebar */

#voted { 
  width: 800px; 
  background-image: url("/images/bg-mint.png");
  background-repeat: repeat-y;
  position: absolute;
  left: 0px;
  top: 120px;
}

/* sidebar */
#sidebar { 
  position: absolute;
  left: 600px;
  top: 140px;
  width: 450px;
}

#column {
  float: right;
  width: 200px;
}

#column-content {
  background-color: white;
  border: solid black 1px;
}

/*++++++ PAGE AND DEFAULT STYLES ++++++++*/

* { 
  margin: 0px; 
  padding: 0px; 
}

body {
  width: 100%;
  font-family: Georgia, Verdana, sans-serif;
  font-size: small;
  letter-spacing: .120em;
  line-height: 1.5em;
  text-align: left;
  color: black;
  background-image: url("/images/bg-singlestripe.png");
  position: absolute;
  top: 0px;
  left: 0px;
}

.clear { clear:both; }
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; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}


/*++++++ HEADER ++++++++*/

#tagline {
  font-size: 120%;
  font-weight: normal;
  padding-left: 660px;
}

.author {
  font-family: Georgia, "Gill Sans", sans-serif;
  font-style: italic;
}


/*++++++ POST STYLES ++++++++*/

/* spacing */
.entry { 
  width: 700px; 
  margin-top: 20px; 
}

/* recent post entry from the ofr_recent_posts function */
.recent-post {
}

/* post excerpt from the ofr_recent_posts function */
.post-excerpt {
}

/* date */
.post-date {
/*  text-transform: uppercase; */
/*  letter-spacing: .4em; */
  letter-spacing: .2em;
  font-size: 90%;
  font-family: Gill Sans, Veranda, sans-serif;
}

.post-date b {
  letter-spacing: .2em;
  font-size: 90%;
  font-family: Georgia, Verdana, sans-serif;
}

/* post title */

.introduction {
  background-color: white;
  border: solid black 1px;
  padding: 5px;
  font-size: 110%;
  margin-left: 20px;
}

.introduction a {
  color: black;
  text-decoration: none;
}

.post-title {
  width: 500px;
  font-size: 180%;
 /* makes post titles wrap nicely */
  line-height: 1.5em;
  margin-top: 15px;
  margin-left: 100px;
}

h2.post-title a {
  text-decoration: none;
  color: black;
  background-color: white;
  padding: 5px;
}

.post-title a:hover {
  text-decoration: underline;
}

.post-title a:visited {
  color: #324644;
}

/* posts themselves */

.post-content {
  background-color: white;
  margin-left: 100px;
  margin-top: 10px;
  width: 500px;
  padding-bottom: 2px;
}

.post-content p {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

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

a:hover { 
  text-decoration: none;
}

a:visited {
  color: #324644;
}

.post-content blockquote {
  font-size: 110%;
  /* distance between quote and text */
  padding-left: 35px;
  /* alignment of bottom of text and quote */
  padding-top: 5px;
  /* indentation of quote */
  margin-left: 35px;
  margin-right: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
  /* TYPOGRAPHY */
  line-height: 1.5em;
  font-family: "Gill Sans", Veranda, sans-serif;
}

.post-content blockquote cite {
  font-variant: italic;
  font-size: 100%;
  font-family: Georgia, Times, sans-serif;
}

.post-content li {
  /* alignment with paragraphs */
  margin-left: 40px;
  /* controls distance from bullet */
  padding-left: 3px;
  /* makes text wrap inside bullets */
  list-style-position: outside;
  /* distance between list items */
  padding-bottom: 5px;
}

.post-content ul {
  margin-bottom: 20px;
}

.post-content ol {
  margin-bottom: 20px;
}

/* emphisis in lists */
.post-content li em {
  font-family: "Gill Sans", Veranda, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 130%;
  font-style: normal;
}

/* code */
.post-content pre {
  font-family: Andale Mono, monospace;
}

/* section headers */

h3 {
  font-family: Arial;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
}

/* metadata bottom */

.posted-on {
  border: dotted black 1px;
  margin: 20px;
  padding: 5px;
}

div.metadata-bottom {
  background-color: white;
  margin-left: 100px;
  width: 480px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.metadata-bottom h5 {
  font-size: 120%;
 }

.metadata-bottom p {
  padding-left: 15px;
  padding-right: 10px;
}

.clear {
  clear: both;
}

.metadata-bottom a {
  font-family: "Gill Sans", Arial, Helvetica, sans-serif;
  letter-spacing: .3em;
}

/*++++++ OLDER & NEWER ENTRIES ++++++++*/

div#navigation {
  width: 500px;
  padding-left: 100px;
  margin-top: 30px;
  margin-bottom: 20px;
}

#navigation a {
  font-family: "Gill Sans", sans-serif;
  border: dotted black 1px;
  padding: 5px;
  font-size: 140%;
  background-color: white;
  color: black;
  text-decoration: none;
}

/*++++++ SIDEBARS ++++++++*/

#sidebar h4 {
  font-family: Arial;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
  color: white;
}

.column-content {
  margin-left: -2px;
  border: 2px solid black;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
}

.column-content li {
  list-style-type: none;
  border-bottom: dotted 1px black;
  padding-bottom: 8px;
  padding-top: 8px;
}

.column-content a {
  text-decoration: none;
}

#column-content a:hover {
  background-color: black;
  color: white;
}

.blog-name {
  font-size: 80%;
  text-transform: uppercase;
}

.entry-title {
  color: black;
  font-family: "Gill Sans", Arial, Helvetica;
  font-size: 110%;
}

.entry-author {
  color: black;
  font-size: 75%;
  font-style: italic;  
}

.column-content p {
  padding: 5px;
}

ul#about {
  padding-bottom: 10px;
}

#about li {
  font-family: "Gill Sans", Arial, Helvetica;
  list-style-image: url("/images/slashes-purple.png");
  list-style-position: inside;
  margin-left: 3px;
  padding: 0px;
  border-bottom: none;
  text-transform: uppercase;
}


/* ads */
#sads {
  text-align: center;
}

.leftad {
  margin-right: 7px;
}

.rightad {
  margin-left: 7px;
}

#ads a {
  font-family: Arial;
  text-decoration: none;
}

#sads p {
  text-align: right;
  margin-bottom: 15px;
}

/* tabs */
#tab { 
  width: 270px; 
  margin-bottom:10px;
}

/* double sidebar */


/*++++++ SEARCH ++++++++*/

#searchbox {
  margin-bottom: 30px;
}

#searchbox #s { 
  border: solid grey 2px;
  float: left; 
  width: 194px; 
  height: 20px; 
  background-color: #F2F2F2;
}

#searchbox #go { 
  margin-left: 6px;
  padding: 3px;
  border: 2px solid grey;
}

/*+++++++ COMMENTS +++++++*/

#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:200px; width:290px; background:#f5f5f3; padding-left:5px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}
.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment { width: 550px; line-height:140%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding:5px;}
.ccomment ol li.alt { background:#efeee8; padding:5px;}

.submit {
  border: none;
  color: white;
  font-weight: normal;
  letter-spacing: .2em;
  text-decoration: none;
  padding: 2px;
  padding-left: 8px;
  padding-right: 7px;
  margin-top: 15px;
  margin-left: 7px;
  margin: 0px;
  margin-top: 10px;
}

/*++++++ FOOTER ++++++++*/
#footer { 
  clear: both;
  width: 100%; 
  height: 35px; 
  line-height: 35px;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}