/*   
Theme Name: Unit Junctions
Theme URI: http://knittingaffairs.antinomic.com
Description: Simple boxes joined by lines.
Author: Krys
Author URI: http://antinomic.com

I'm fond of connected boxes (an older one of my designs, Connect the
Boxes, is where this all began), and this design is a seemingly more 
complicated embodiment of that concept. 
*/

body {
   background: #cceeff;
   color: #440099;
   font: normal normal 12px/17px verdana;
   margin: 0px;
   padding: 0px;
   border: 0px
}

div.containhead {
   background: url(images/bghead.gif) #ffffff;
   position: relative;
   left: 15px;
   top: 15px;
   width: 770px;
   height: auto;
   border: 0px;
   margin: 0px;
   padding: 0px;
}
div.headtop {
   position: relative;
   left: 0px;
   top: 0px;
   width: 770px;
   height: 15px;
   border: 0px;
   margin: 0px;
   padding: 0px
}
div.headbottom {
   position: relative;
   left: 0px;
   bottom: 0px;
   width: 770px;
   border: 0px;
   margin: 0px 0px -10px;
   padding: 0px
}

div.containcontent {
   position: relative;
   left: 0px;
   top: 10px;
   width: auto;
   height: auto;
   margin: 0px;
   border: 0px;
   padding: 0px
}

div.containmain {
   position: absolute;
   background: url(images/bgentries.gif) #ffffff;
   left: 15px;
   top: 5px;
   width: 570px;
   height: auto;
   margin: 0px;
   padding: 0px;
   border: 0px
} 
div.entries {
   clear: none;
   background: url(images/bgentries.gif) #ffffff;
   position: relative;
   left: 0px;
   top: 0px;
   width: 520px;
   min-height: 754px;
   border: 0px;
   margin: 0px 0px -5px;
   padding: 5px 25px 15px
}

div.footer {
   clear: both;
   background: url(images/bgentries.gif) #ffffff;
   position: relative;
   left: 0px;
   top: 0px;
   width: 570px;
   border: 0px;
   margin: 0px
}
div.footbottom {
   position: relative;
   left: 0px;
   bottom: 0px;
   width: 520px;
   min-height: 15px;
   border: 0px;
   margin: 0px 0px -10px;
   padding: 0px
}

div.containside {
   background: url(images/bgside.gif) #ffffff;
   position: absolute;
   left: 585px;
   top: 10px;
   width: 200px;
   margin: 0px;
   border: 0px;
   padding: 0px
}
div.sidedivide {
   position: relative;
   left: 0px;
   top: 5px;
   width: 200px;
   min-height: 39px;
   border: 0px;
   margin: 0px;
   padding: 0px
}
div.sidebottom {
   position: relative;
   left: 0px;
   bottom: 0px;
   width: 200px;
   min-height: 15px;
   border: 0px;
   margin: 0px 0px -5px;
   padding: 0px
}


div.navigate {
   width: 100%;
   padding: 10px 0px 20px;
   font-size: 11px
}
div.navigate span.left {
   float: left;
   text-align: left;
   width: 49%
}
div.navigate span.right {
   float: right;
   text-align: right;
   width: 49%
}

div.comments {
   width: 75%;
   margin-left: auto;
   margin-right: auto;
   padding: 2%;
}

div.postcomment {
   width: 73%;
   margin-left: auto;
   margin-right: auto;
   font-size: 11px;
   padding-bottom: 15px;
   clear: right;
}
div.postcomment input, textarea {
   font: normal normal 11px verdana;
   color: #440099;
   background: #ffffff;
   border: 1px solid #5500aa;
   margin: 1px;
   padding: 2px
}
div.postcomment input.submit {
   font: normal normal 12px verdana;
   color: #440099;
   background: #cceeff;
   border: 2px solid #5500aa;
}

p.headers {
   margin: 0px;
   padding: 5px 25px;
   font-weight: bold;
   text-align: center
} 
p.subject {
   font-size: 14px; 
   line-height: 15px;
   font-weight: bold
}
p.postfoot {
   font-size: 11px;
   line-height: 13px;
   text-align: right
}
p.commentfoot {
   font-size: 10px;
   line-height: 12px;
   margin-bottom: 12px
}
p.pagefoot {
   margin: 0px;
   padding: 0px 25px;
   font-size: 9px;
   line-height: 13px;
   text-align: center
}
p.sidecont {
   margin: 15px 20px 15px 40px;
   padding: 0px;
   font-size: 11px;
   line-height: 15px
}
p.archive {
   font-size: 11px;
   line-height: 13px
}

li {
   padding-bottom: 12px
}
li.last {
   padding-bottom: 0px
}

div.entries img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: solid 1px
}
img.knits {
   display: block;
   margin-left: auto;
   margin-right: auto
}
div.entries img.divide {
   border: 0px
}
div.entries img.gallery {
   display: inline
}
img.head {
   position: relative;
   left: 0px;
   top: 0px;
   padding: 0px;
   margin: 0px;
   border: 0px
} 

a {
   text-decoration: underline;
   color: #8822dd
}
a:visited {
   text-decoration: underline;
   color: #000033
}
a:hover {
   text-decoration: none;
   color: #440099
}
a:active {
   text-decoration: none;
   color: #cceeff
}
a.headers, a.headers:visited {
   text-decoration: none; 
   color: #440099
}
a.headers:hover, a.headers:active {
   text-decoration: underline;
   color: #440099
}

a.archive, a.archive:visited {
   font-size: 11px;
   line-height: 13px;
   text-decoration: none; 
   color: #7711cc;
}
a.archive:hover, a.archive:active {
   font-size: 11px;
   line-height: 13px;
   text-decoration: underline;
   color: #000033
}
a.archivehead, a.archivehead:visited {
   text-decoration: none; 
   color: #7711cc;
}
a.archivehead:hover, a.archivehead:active {
   text-decoration: underline;
   color: #000033
}

font.title {
   font-size: 18px;
   line-height: 24px;
   font-weight: bold
}
font.sidetitle {
   font-size: 13px;
   line-height: 17px;
   font-weight: bold
}
font.datetime {
   font-style: italic;
   font-weight: normal;
   font-size: 11px;
}

/* Browser hacks follow, because IE is teh stoopid */

* html div.header {
   width: 770px;
   w\idth: 740px;
   height: 100px;
   he\ight: 85px;
   padding-top: 15px
}
* html div.containhead {
   z-index: 2;
}
* html div.entries {
   top: 10px;
   width: 570px;
   w\idth: 520px;
   height: 719px !important;
   padding-top: 10px
}
* html div.containside {
   top: 10px;
   padding-top: 0px
}
* html div.footer {
   top: 10px;
   width: 570px;
   padding: 10px 0px
}
* html div.navigate, div.postcomment {
   width: 100%;
   padding-bottom: 0px;
   font-size: 11px
}
* html img.head {
   margin-left: -15px;
}

/* Hacks within hacks, oh joy! \*/
* html img.head {

   margin-left: 0px
}
/* Hiding hacks from IE-Mac is fun! \*/


/* Safari min-height hack below */

.prop {
    height:754px;
    float:left;
    width:1px;
  }
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
* html .prop {
    height:0px !important;
    float:left;
    width:1px;
  }