/*   
Theme Name: Tak theme
Theme URI: n/a
Description: Custom theme for Tak.
Author: 2
Author URI: n/a
*/

html{
   font-size: 100%;
}

body{
   background-color: white;
   margin: 0;
   padding: 0 0 1.563em 0;
   font-size: 1em;
}

div#headerBar{
   width: 100%;
   height: 11.25em;
   background-color: #9bc9e6;
}

div#container, div#logoContainer{
   width: 50em;
   margin: 0 auto;
}

div#logoContainer{
   height: 100%;
   position: relative;
}

img#gearLogo{
   width: 30.063em;
   height: 11.25em;
   position: absolute;
   bottom: 0;
   left: 0;
}

img#siteLogo{
   width: 17.938em;
   height: 3.313em;
   position: absolute;
   bottom: 0.938em;
   right: 0;
   border: 0;
}

p#wordlink{
   font: normal normal 400 0.875em "etica-1", "etica-2", Arial, sans-serif;
   margin: 4.286em 0 0 0;
   padding: 0;
   text-align: center;
   color: black;
}

#wordlink a:link, #wordlink a:visited{
   text-decoration: underline;
   color: #427ca1;
}

#wordlink a:hover{
   text-decoration: none;
}

div#rss{
   margin: 1.313em 0;
}

.alignright{
   float: right;
}

.alignleft{
   float: left;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto !important;
   margin-right: auto !important;
}

.navigation{
   margin: 2.625em 0 0 0;
   font: normal normal 600 1em "etica-1", "etica-2", Arial, sans-serif;
}

.navigation a:link{
   text-decoration: none;
   color: #64a6d0;
}

.navigation a:visited{
   text-decoration: none;
   color: #5887a6;
}

.navigation a:hover{
   color: #1c628e;
}

/* Content */

div#container{
   margin-top: 2.813em;
}

div#leftContent{
   float: left;
   width: 35em;
   margin: 0 2.5em 0 0;
}

div#rightContent{
   float: right;
   width: 12.5em;
}

div.headerContainer{
   margin: 0 0 0.813em 0;
   display: table;
}

img.gearHeader{
   float: left;
   width: 2.313em;
   height: 2.375em;
   margin: 0 0.5em 0 0;
}

h1.topHeader{
   display: table-cell;
   vertical-align: middle;
   font: normal normal 600 1.25em "etica-1", "etica-2", Arial, sans-serif;
   line-height: 1.05em;
   padding: 0;
   margin: 0 0 1.05em 0;
   color: #64a6d0;
}

.topHeader a:link, .topHeader a:visited{
   color: #64a6d0;
   text-decoration: none;
}

.topHeader a:hover{
   text-decoration: none;
   color: #1c628e;
}

div.postContent{
   margin: 0 0 1.313em 2.813em;
}

div.posthead h2, #comments h2{
   font: normal normal 600 1em "etica-1", "etica-2", Arial, sans-serif;
   line-height: 1em;
   margin: 0 0 1.313em 0;
   padding: 0;
   color: black;
   display: inline;
}

.posthead h2 a:link, .posthead h2 a:visited{
   color: black;
   text-decoration: none;
}

.posthead h2 a:hover{
   text-decoration: none;
   color: #64acd9;
}

.postbody p, .comment-body p, #commentEntry p, .pagebody p{
   color: black;
   font: normal normal 400 0.875em "etica-1", "etica-2", Arial, sans-serif;
   line-height: 1.5em;
   margin: 1.5em 0;
}

.pagebody p{
   margin: 0 0 1.5em 0;
}

.postbody img, .pagebody img{
   margin: 0 0 1.6em 0;
}

.postbody p a:link, .comment-body p a:link, .pagebody p a:link{
   font-weight: 600;
   color: #427ca1;
   text-decoration: underline;
}

.postbody p a:visited, .comment-body p a:visited, .pagebody p a:visited{
   font-weight: 600;
   color: #5887a6;
}

.postbody p a:hover, .comment-body p a:hover, .pagebody p a:hover{
   text-decoration: none;
}

div.commentline{
   text-align: right;
   font: normal normal normal 0.625em Arial, sans-serif;
   color: black;
   margin: 2.1em 0;
}

.commentline a:link{
   text-decoration: underline;
   color: #427ca1;
}

.commentline a:visited{
   text-decoration: underline;
   color: #5887a6;
}

.commentline a:hover{
   text-decoration: none;
}

/**** Comments *****/

div#comments{
   margin: 2.625em 0;
}

#comments-block{
   margin: 1.313em 0;
   font-family: "etica-1", "etica-2", Arial, sans-serif;
}

.comment-poster{
   margin: 1.313em 0;
   padding: 0;
}

.comment-poster img{
   float: left;
   margin: 0 0.5em 0 0;
   width: 1.938em;
   height: 1.938em;
   padding: 0;
}

div.authorLink{
   font-size: 0.875em;
   font-weight: 600;
   margin: 0;
   color: #64a6d0;
}

.authorLink a:link{
   color: #427ca1;
   text-decoration: none;
}

.authorLink a:visited{
   text-decoration: none;
   color: #5887a6;
}

.authorLink a:hover{
   color: #1c628e;
}

div.commentLinks{
   font-size: 0.75em;
   font-weight: 400;
   color: black;
}

.commentLinks a:link, #commentEntry p a:link{
   text-decoration: underline;
   color: #427ca1;
}

.commentLinks a:visited, #commentEntry p a:visited{
   text-decoration: underline;
   color: #5887a6;
}

.commentLinks a:hover, #commentEntry p a:hover{
   text-decoration: none;
}

.comment-body{ 
   margin: 0 0 0 2.438em;
   padding: 0;
}

#commentEntry{
   font-family: "etica-1", "etica-2", Arial, sans-serif;
   font-weight: 400;
   color: black;
   margin: 2.625em 0 0 0;
}

#commentEntry input, textarea#comment{
   font-family: "etica-1", "etica-2", Arial, sans-serif;
}

textarea#comment{
   width: 31.25em;
}

/* Sidebar */
/** Menu **/

ul.menu{
   list-style: none;
   font: normal normal 600 1em "etica-1", "etica-2", Arial, sans-serif;
   padding: 0;
   margin: 0 0 1.313em 0;
   color: #64a6d0;
}

li.menu-item{
   line-height: 1.313em;
   margin: 0 0 0.313em 0;
}

li.menu-item a:link, li.menu-item a:visited{
   text-decoration: none;
   color: #64a6d0;
}

li.menu-item a:hover{
   text-decoration: none;
   color: #1c628e;
}

h2.widgettitle{
   color: black;
   font: normal normal 600 1em "etica-1", "etica-2", Arial, sans-serif;
   line-height: 1.313em;
   margin: 1.313em 0;
   padding: 0;
}

.widget_links ul{
   margin: 0 0 1.313em 0;
   padding: 0;
   list-style: none;
}

.widget_links li{
   font: normal normal 400 0.875em "etica-1", "etica-2", Arial, sans-serif;
   margin: 0 0 0.214em 0;
   color: #64a6d0;
}

.widget_links li a:link{
   text-decoration: underline;
   color: #427ca1;
}

.widget_links li a:visited{
   text-decoration: underline;
   color: #5887a6;
}

.widget_links li a:hover{
   text-decoration: none;
}

div#biography{
   margin: 0 0 1.313em 0;
}

#biography p{
   color: #64a6d0;
   font: normal normal 400 0.938em "etica-1", "etica-2", Arial, sans-serif;
   line-height: 1.4em;
   margin: 0 0 0 0;
   padding: 0; 
}

#flickrrss img{
   width: 4.688em;
   height: 4.688em;
   border: 0;
}

#flickrrss span{
   margin: 0 1.313em 1.313em 0;
   float: left;
}

#flickrrss span a:link img, #flickrrss span a:visited img{
   border: 0.0625em solid #9bc9e6;
}

#flickrrss span a:hover img{
   border: 0.0625em solid #4c8eb8;
}

/**   Gallery  **/
ul#gallery{
   list-style: none;
   padding: 0;
   margin: 0 0 0 2.813em;
}

li.galleryItem{
   margin: 0 0.729em 0 0;
   padding: 0;
   float: left;
}

li.endGalleryItem{
   margin: 0 0 0.729em 0;
}

.galleryItem img{
   width: 7.5em;
   height: 7.5em;
}

.galleryItem a:link img, .galleryItem a:visited img, 
.postbody a:link img, .postbody a:visited img,
.pagebody a:link img, .pagebody a:visited img{
   border: 0.0625em solid #9bc9e6;
}

.galleryItem a:hover img, .postbody a:hover img,
.pagebody a:hover img{
   border: 0.0625em solid #4c8eb8;
}