/*
-----------------------------------------------
Blogger Template Style
Name:     Infinite Thinking Machine Template
Designer: Miroslav Cekov, Aaron Curtiss
URL:      www.infinitethinking.org
Date:     October 4, 2006
----------------------------------------------- */

body {
background: #ffffff;
margin: 0;
padding: 20px 10px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: inherit;
color: #333333;
}


/* Page Structure
----------------------------------------------- */
@media all {
#wrapper {
clear: both;
width: 900px;
margin: 0;
padding: 0;
}
#content {
      width: 880px;
      margin: 0px;
      padding: 20px 10px;
      text-align: left;
      }
#main {
      width: 645px;
      float: left;
      padding-top: 75px;
      margin-top: 5px;
      color: #000000;
      border-right: 1px dashed #b5b6b8;
}
#main2 {
width: 600px;
      margin-left: 10px;
      padding: 0px;
}
#sidebar {
   width: 210px;
   float: right;
   padding-top: 50px;
      }
#sidebar a:link {
color: #3875ba;
text-decoration: none;
}
#sidebar a:visited {
color: #3875ba;
text-decoration: none;
}
#sidebar a:hover {
color:#3875ba;
text-decoration: underline;
}
#sidebar a:active {
color:#3875ba;
text-decoration: underline;
}
}
@media handheld {
#content {
width: 90%;
}
#main {
width: 100%;
float: none;
background: #ffffff;
}
#sidebar {
width: 100%;
float:none;
}
}


/* Links
----------------------------------------------- */
a:link {
color: #3875ba;
text-decoration: none;
}
a:visited {
color: #3875ba;
text-decoration: none;
}
a:hover {
color: #3875ba;
text-decoration: underline;
}
a:active {
color: #3875ba;
text-decoration: underline;
}
a img {
border-width: 0;
}


/* Blog Header
----------------------------------------------- */

#tagline-container {
	position:absolute;
	left:475px;
	top:22px;
	width:427px;
	height:39px;
	z-index:151;
}

.tagstyle {color: #666666}

.wrapper2 {
   margin: 0px;
   padding: 0px;
   width: 880px;
}
@media all {
#header {
   height: 26px;
   position: relative;
   top: 28px;
   left: 25px;
   z-index: 50;
   margin: 0px;
   padding: 0px;
   background: #0066cc 
url("http://www.infinitethinking.org/images/bg_corners_blue.gif") no-repeat;
}
}
@media handheld {
#header {
background: #0066cc;
}
}
#header .nav {
padding: 0px 0px 0px 140px;
margin: 0px;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}
#header .nav .block {
float: left;
margin: 0 0 0 26px;
padding: 0px;
}
#header .nav .block a:link {
color: #ffffff;
line-height: 26px;
text-decoration: none;
display: block;
          padding: 0px 2px;
}
#header .nav .block a:hover {
color: #ffffff;
line-height: 26px;
background: #9999cc;
text-decoration: none;
display: block;
          padding: 0px 2px;
}
#header .nav .block a:active {
color: #ffffff;
line-height: 26px;
background: #9999cc;
text-decoration: none;
display: block;
          padding: 0px 2px;
}
#header .nav .block a:visited {
color: #ffffff;
line-height: 26px;
text-decoration: none;
display: block;
          padding: 0px 2px;
}
#header .nav .block a#stateOn {
background: #ff8000;
text-decoration: none;
display: block;
          padding: 0px 2px;
}
#header .nav img {
line-height: 26px;
vertical-align:middle;
}
.description {
float: right;
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
color: #000000;
}
.logo {
position: absolute;
margin: 0;
padding: 0;
width: 153px;
height: 139px;
top: 1px;
z-index: 150;
}
.blog-title {
margin: 10px 0 10px 0;
padding: 0;
font-size: 24px;
color: #000000;
}
.blog-title a {
text-decoration: none;
color: #000000;
}


/* Posts
----------------------------------------------- */
.post-header {
width: 600px;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #858673;
}
.post-header .text {
    float: left;
margin: 5px 0 0 2px;
padding: 0;
          font-size: 12px;
      }
.post-header .text2 {
    float: right;
margin: 5px 2px 0 0;
          font-size: 12px;
padding: 0;
     }
.post {
clear: left;
margin: 0 0 5px 0;
padding: 0;
background: #ffffff;
border-bottom: 1px dashed #b5b6b8;
}
.post-title {
width: 600px;
height: 26px;
margin: 0;
padding: 0;
background: #ff8000
url("http://www.infinitethinking.org/images/bg_corners_orange.gif")
no-repeat;
}
.post-title .text {
margin: 0;
padding: 5px 0 0 5px;
font-size: 16px;
color: #ffffff;
      }
.post-body {
clear: both;
margin: 0;
font-family: Arial;
font-size: 14px;
padding: 10px 14px 1px 29px;
}
.post-footer {
width: 600px;
margin: 0 0 10px 0;
padding: 0 0 17px 0;
font-size: 12px;
font-weight: bold;
color: #858673;
}
.post-footer .text {
    float: left;
margin: 5px 0 0 2px;
padding: 0;
      }
.post-footer .text2 {
    float: right;
margin: 5px 2px 0 0;
padding: 0;
     }
a.title-link, .post-title strong {
    text-decoration:none;
    display: block;
    }
a.title-link:hover {
    background-color: #3875ba;
    color:#000;
    }
html>body .post-body {
    border-bottom-width:0;
    }
.post p {
    margin:0 0 .75em;
    }
.post-comments {
    background: #eaeaea;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: right;
    }
a.comment-link {
    /* IE5.0/Win doesn't apply padding to inline elements,
       so we hide these two declarations from it */
    background/*
*/:/**/url("http://www.blogblog.com/rounders4/icon_comment.gif")
no-repeat 0 45%;
    padding-left:14px;
    }
html>body a.comment-link {
    /* Respecified, for IE5/Mac's benefit */
    background:url("http://www.blogblog.com/rounders4/icon_comment.gif")
no-repeat 0 45%;
    padding-left:14px;
    }
.post img {
    margin:0 0 5px 0;
    padding:4px;
    }
blockquote {
    margin:.75em 0;
    padding:5px 15px;
    }
.post blockquote p {
    margin:.5em 0;
    }


/* Comments
----------------------------------------------- */
#comments {
    margin: 0;
    padding: 0;
    }
#comments h4 {
    margin:0 0 10px;
    padding:0 14px 2px 29px;
    font-size:120%;
    line-height:1.4em;
    color:#de391e;
    }
#comments-block {
    margin: 0 15px 0 9px;
    }
.comment-data {
    background:url("http://www.blogblog.com/rounders4/icon_comment.gif")
no-repeat 2px .3em;
    margin:.5em 0;
    padding:0 0 0 20px;
    color:#de391e;
    }
.comment-poster {
    font-weight: bold;
    }
.comment-body {
    margin:0 0 1.25em;
    padding:0 0 0 20px;
    }
.comment-body p {
    margin:0 0 .5em;
    }
.comment-timestamp {
    margin:0 0 .5em;
    padding:0 0 .75em 20px;
    color:#de391e;
    }
.comment-timestamp a:link {
    color:#de391e;
    }
.deleted-comment {
    font-style:italic;
    color:#de391e;
    }


/* Profile
----------------------------------------------- */
@media all {
    #profile-container {
      background:#9b5
url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat
left bottom;
      margin:0 0 15px;
      padding:0 0 10px;
      color:#fff;
      }
    #profile-container h2 {

background:url("http://www.blogblog.com/rounders4/corners_prof_top.gif")
no-repeat left top;
      padding:10px 15px .2em;
      margin:0;
      font-size:115%;
      line-height:1.5em;
      color:#fff;
      }
    }
@media handheld {
    #profile-container {
      background:#9b5;
      }
    #profile-container h2 {
      background:none;
      }
    }
.profile-datablock {
    margin:0 15px .5em;
    padding-top:8px;
    }
.profile-img {display:inline;}
.profile-img img {
    float:left;
    margin:0 10px 5px 0;
    }
.profile-data strong {
    display:block;
    }
#profile-container p {
    margin:0 15px .5em;
    }
#profile-container .profile-textblock {
    clear:left;
    }
#profile-container a {
    color:#fff;
    }
.profile-link a {
    background:url("http://www.blogblog.com/rounders4/icon_profile.gif")
no-repeat 0 .1em;
    padding-left:15px;
    font-weight:bold;
    }
ul.profile-datablock {
    list-style-type:none;
    }


/* Sidebar
----------------------------------------------- */
.sidebar-videos {
margin: 0 5px 0 0;
padding: 0;
text-align: right;
}


/* Footer
----------------------------------------------- */
#footer {
clear: both;
width: 880px;
height: 26px;
font-weight: bold;
margin: 0;
padding: 0;
background: #0066cc
url("http://www.infinitethinking.org/images/bg_corners_blue.gif") no-repeat;
    }
@media all {
    #footer .text {
    float: left;
margin: 5px 0 0 2px;
padding: 0;
color: #ffffff;
      }

    #footer .text2 {
    float: right;
margin: 5px 2px 0 0;
padding: 0;
color: #ffffff;
     }
    }
@media handheld {
    #footer .text {
      background: #0066cc;
      }
    }


/* Copyright
----------------------------------------------- */
#content-footer {
margin: 5px 0 0 0;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
}