/*  
Theme Name: bodesigns v2
Theme URI: http://blog.bodesigns.com
Description: My site theme
Version: 2
Author: Brent Otterlei
Author URI: http://bodesigns.com
*/
@charset "utf-8";

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
/* usage - 'ChunkFiveRegular', Arial, sans-serif */
}

p {
        line-height:22px;
text-shadow:1px 1px 0 #FFF;
margin:8px 0;
}

img {
        border:0;
}
a {
           color:#8db00a;
}
hr {
 border-width: 1px;
 border-style: solid;
 border-color: #DDD;
 border-bottom:0;
 margin:8px 0 8px 0;
clear:both;
}
code {
background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 4px #CCCCCC inset;
    color: #444444;
    display: block;
    font-size: 0.88em;
    line-height: 1.5em;
    outline: 1px solid #FFFFFF;
    padding: 18px;
    text-shadow: none;
}
.clearBlock {
    clear:both;
    font-size:0;
    margin:0;
    padding:0;
}
#header {
	padding:35px 0 8px 0;
        margin-left:7px;
}
.bottomInfoBlock {
     height:140px;
     text-align:left;
     margin-top:20px;
     clear:both;
     border-top:1px solid #DDD;
     background:#e9e9e9;
}
.footerContentHolder {
    padding:14px 14px 0 14px;
}
.footerContentHolder img {
    float:left;
    border:1px solid #444;
}
#wrapper {
	width: 630px;
margin:0 auto;
}
#themeHolder {
     background:#c0c5a4 url(/images/newSwapperBG.gif) bottom left repeat-x;
     height:183px;

}
.themeHeader {
      padding:18px 12px 18px 12px; 
      margin-bottom:1px;
      width:960px;
      margin:0 auto 0 auto;
      background:#c0c5a4 url(/images/newSwapperHeader.gif) top left no-repeat;
     height:144px;
}
.themeHeader a {
     margin-right:8px;
}
.themeHeader img {
      border:1px solid #000;
}
.themeToggleButton {
      margin-top:-1px;
}
.themeSwapHead {
     margin-left:235px;
     padding:20px 16px;
     background:#FFF;
     border:3px solid #acb28d;
     text-align:center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.themeSwapHead img {
     width:60px;
     height:60px;
     padding:6px;
     background:#EEE;
     border:1px solid #CCC;
}
.themeSwapHead img:hover {
     background:#c0c5a4;
}
.themeSwapHead h1, .themeSwapHead h3 {
      padding:0;
      margin:0;
      color:#FFF;
}
.aboutTS {
      text-align:right;
      padding-top:10px;
}
.mainContentHolder {

}
#main {
	padding-left:8px;
}
.mainTopSec {

     padding:3px 0;
     position:fixed;
margin:18px 0 0 -56px;
display:none;
}


#main #navLink a{
	text-decoration: none;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
#main #contentArea {
	float: left;
	width: 630px;
	padding: 6px 0 6px 0;
	margin-right: 20px;
}
/*#main .otherPagesContainer {
       width:870px !important;
}*/
#main #sideBar, #main .sidebar2 {
	width: 235px;
	float: left;
	display: inline;
}
#main #sideBar h2, #main .sidebar2 h2{
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#main #sideBar h3, #main .sidebar2 h3{
	font-family: 'Lobster',serif;
	font-weight: normal;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
        padding:0 0 10px 0;
        color:#2c2c2c;
        text-shadow: 1px 1px 0 #FFF;
}
#main #sideBar .projectHolderRt, #main .sidebar2 .projectHolderRt {
        padding:20px 0 30px 0;
        margin:0;
        border-top:1px solid #FFF;
        border-bottom:1px solid #DDD;
}
#main #sideBar .projectHolderRtTop, #main .sidebar2 .projectHolderRtTop {
    border-bottom:1px solid #DDD;
    padding:32px 0 30px 0;
}
#main #sideBar .projectHolderRtBot, #main .sidebar2 .projectHolderRtBot {
border-top:1px solid #FFF;
}
.projectHolderRt img, .projectHolderRtTop img {
  border:1px solid #DDD;
}
#main #sideBar #sidebarLinkContainer ul, #main .sidebar2 #sidebarLinkContainer ul{
	list-style-type: none;
	padding-left: 5px;
	margin-top: 0px;
	margin-left: 0px;
}
#main #sideBar #sidebarLinkContainer ul li, #main .sidebar2 #sidebarLinkContainer ul li{
	padding:0;
        margin:0;
}
#main #sideBar #sidebarLinkContainer ul li ul, #main .sidebar2 #sidebarLinkContainer ul li ul{
	padding:0 0 6px 0;
	margin-left: 0px;
}
#main #sideBar #sidebarLinkContainer ul li ul li, #main .sidebar2 #sidebarLinkContainer ul li ul li{
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	border: none;
        width:190px;
}
#main #sideBar #sidebarLinkContainer ul li ul li a, #main .sidebar2 #sidebarLinkContainer ul li ul li a{
        padding:4px 0 4px 5px;
	color: #666666;
	text-decoration: none;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	display: block;
        border:1px solid #F0F0F0;
}
#main #sideBar #sidebarLinkContainer ul li ul li.recentcomments a, #main .sidebar2 #sidebarLinkContainer ul li ul li.recentcomments a{
	display: inline;
}
* html #main #sideBar #sidebarLinkContainer ul li ul li a, * html #main .sidebar2 #sidebarLinkContainer ul li ul li a{
	width: 190px;
	margin-top: -8px;
}
#main #sideBar #sidebarLinkContainer ul li ul li a:hover, #main .sidebar2 #sidebarLinkContainer ul li ul li a:hover{

	background-color: #EAEAEA;
        border:1px solid #CCC;
}
#header #headLeft {
}
#header /*TITLE AND HEADLINE */
 #siteTitle  a, #siteTagLine{
        font-family: Georgia,serif;
	color: #2c2c2c;
	font-size: 1.4em;
	text-decoration: none;
        text-shadow: 1px 1px 0 #FFF;
}
#header #siteTagLine {
	color: #2c2c2c;
	font-size: 14px;
}
#header #headSpace{
	padding:0;
        margin:0;
}
.headersub {
  color:#8db00a;
}
#navigation ul {
	list-style:none;
	padding: 0px;
	margin:0;
}
#navigation ul li {
}
#navigation ul li a{
        padding:8px;
	color:				#2c2c2c;
	font-size: 			12px;
	text-decoration: 	none;
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
	border-radius:8px;
/* old image csg-4dd92305d6949.png */
	background:url(http://www.bodesigns.com/images/icons/bo-icons2.png) no-repeat top left;
text-indent:-9999px;
}
#navigation ul li.current_page_item a, #navigation ul li.current-cat a {


}

#navigation ul li a#booksIcon {
	display:block;
	text-indent:-9999px;
	background-position: 0 -220px; width: 48px; height: 59px;
	width:48px;
	height:59px;
	padding:4px 0;
}

#navigation ul li a#booksIcon:hover {
	background-position: 0 -329px; width: 48px; height: 59px;
}

#navigation ul li a#rssIcon {
	display:block;
	text-indent:-9999px;
	background-position: 0 -802px; width: 48px; height: 45px;
	width:48px;
	height:45px;
	padding:4px 0;
}

#navigation ul li a#rssIcon:hover {
	background-position: 0 -897px; width: 48px; height: 45px;
}

#navigation ul li.cat-item-3 a {
	display:block;
	text-indent:-9999px;
	background-position: 0 -992px; width: 48px; height: 41px;
	width:48px;
	height:41px;
	padding:4px 0;
}

#navigation ul li.cat-item-3 a:hover {
	background-position: 0 -1083px; width: 48px; height: 41px;
}

#navigation ul li.cat-item-3.current-cat a {
background-position: 0 -1083px; width: 48px; height: 41px;
}

#navigation ul li.cat-item-23 a {
	display:block;
	text-indent:-9999px;
	background-position: 0 -438px; width: 48px; height: 41px;
	width:48px;
	height:41px;
	padding:4px 0;
}

#navigation ul li.cat-item-23 a:hover {
	background-position: 0 -529px; width: 48px; height: 41px;
}

#navigation ul li.cat-item-23.current-cat a {
background-position: 0 -529px; width: 48px; height: 41px;
}

#navigation ul li.cat-item-43 a {
	display:block;
	text-indent:-9999px;
	background-position: 0 -604px; width: 48px; height: 41px;
	width:48px;
	height:58px;
	padding:4px 0 2px 0;
}

#navigation ul li.cat-item-43 a:hover {
	background-position: 0 -695px; width: 48px; height: 58px;
}

#navigation ul li.cat-item-43.current-cat a {
background-position: 0 -695px; width: 48px; height: 58px;
}

#navigation ul li a#all {
	display:block;
	text-indent:-9999px;
	background-position: 0 0; width: 48px; height: 60px;
	width:48px;
	height:60px;
	padding:4px 0;
}

#navigation ul li a#all:hover {
	background-position: 0 -110px; width: 48px; height: 60px;
}

#navigation ul li a#all.all-home {
	background-position: 0 -110px; width: 48px; height: 60px;
}

.sprite-sec-icons-all-d{ background-position: 0 0; width: 48px; height: 60px; } 
.sprite-sec-icons-all{ background-position: 0 -110px; width: 48px; height: 60px; } 
.sprite-sec-icons-books-d{ background-position: 0 -220px; width: 48px; height: 59px; } 
.sprite-sec-icons-books{ background-position: 0 -329px; width: 48px; height: 59px; } 
.sprite-sec-icons-code-d{ background-position: 0 -438px; width: 48px; height: 41px; } 
.sprite-sec-icons-code{ background-position: 0 -529px; width: 48px; height: 41px; } 
.sprite-sec-icons-ixd-d{ background-position: 0 -620px; width: 48px; height: 41px; } 
.sprite-sec-icons-ixd{ background-position: 0 -711px; width: 48px; height: 41px; } 
.sprite-sec-icons-rss-d{ background-position: 0 -802px; width: 48px; height: 45px; } 
.sprite-sec-icons-rss{ background-position: 0 -897px; width: 48px; height: 45px; } 
.sprite-sec-icons-ui-d{ background-position: 0 -992px; width: 48px; height: 41px; } 
.sprite-sec-icons-ui{ background-position: 0 -1083px; width: 48px; height: 41px; } 

#search {

}

#search form{
	margin:0px;
}
#mylinkedIn {
        padding:0 0 12px 0;
        margin-top:32px;

}
#rss a{




	display: block;
        font-family: 'lobster';
	font-size: 15px;
	text-decoration: none;
	color: #8DB00A;
	font-weight: bold;
        text-shadow:1px 1px 0 #FFF;
}
.post {    
	color: #444;
	padding:0;
        margin:0;
        position:relative;
}

.post .entry {
  padding:0;
  border-top:1px solid #FFF;
  margin:0;
  font-size:1.165em;
  color:#2c2c2c;
}

.entry strong {
font-family:Georgia, serif;
}

.post a{
	text-decoration: none;

}
.post a:hover{
	text-decoration: underline;
}
.post .posttitle a {
        padding:8px 0 8px 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.5em;
	display: block;
        border-bottom:1px solid #DDD;
        color:#8db00a;
        font-family:georgia;
        text-shadow:1px 1px 0 #FFF;
}

.post .posttitle a:hover {
}
.post .post-info, .post .postmetadata {
	font-size: 12px;
        padding:0;
        margin:0;
        color:#999;
}
.post .postmetadata {
  margin-bottom:30px;
}
.post .post-info {
  position:absolute;
  top:6px;
  right:0;
}
.post h3, .post h2, .post h1 {
    padding:4px 0 4px 0;
    margin:0;
}
.post img {
     background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 4px #CCCCCC inset;
    outline: 1px solid #FFFFFF;
    padding: 9px;
}
#footer{
	float: left;
	padding:0;
}
#footer h2 {
     font-size:1.0em;
     padding:0;
     margin:0 0 0 -6px;
}
#footer p {
      padding:5px 0 14px 0;
      margin:0;
      line-height:18px;
      font-weight:normal;
text-shadow:none;
font-size:.9em
}
#footer, #footer a{
	color: #444;
	font-weight: bold;
        font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
#footer #themeData {
	float: right;
	font-size: 9px;
font-weight:normal;
color:#999
}
#footer  #copyright {
        	font-size: 9px;
font-weight:normal;
color:#999
	text-transform: uppercase;
}
body {
	margin: 0px;
  padding:0;
	font-family: Georgia, serif;
	font-size: 12px;
  background:#F5F5F5;
}
#commentDiv{
        font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
#commentDiv a{
        font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;

	text-decoration: none;
}
#commentDiv #commentform textarea#comment{
	width: 500px;
}
#commentDiv #comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
}
#commentDiv #commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
#commentDiv .commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
#commentDiv .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}

#commentDiv .commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 0.5em 0.5em 2em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;

	border-bottom: #ddd 1px solid;
}
#commentDiv .commentlist li.alt 
{
    background:#f9f9f9;    
}
#commentDiv .commentlist li.authorcomment 
{
    border:#fc9 1px solid;      
}
#commentDiv .commentlist li .cmtinfo 
{
	font-size:1em;			
}
#commentDiv .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
#commentDiv .commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.adBlock {
margin-top:32px;
padding:6px;
font-size:11px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
	background-color: #F0F0F0;
}
.adBlock a {
font-size:11px;
}

/*Flickr Photo Search CSS */
#spinner {
    border:1px solid #444;
    padding:20px;
    font-size:14px;
    background:#F0F0F0;
}
.projectContainer {
padding:14px 0;
margin:0;
}
.projectHolder {
padding:9px;
margin-right:12px;
margin-bottom:12px;
width:388px;
height:184px;
border:1px solid #CCC;
background:#f2f2f2 url(/images/bg3.png) top left repeat-x;
float:left;
}
.projectContainer h3 {
padding:0 0 4px 0;
margin:0;
}
.projectHolder a {
padding:0;
}
.projectHolder img {
padding:0;
margin:0;
border:1px solid #CCC;
}

.zooToolList a, .myproj a {
  display:block;
  padding:3px;
  background:#FFF;
  border:1px solid #DDD;
  margin:0 3px 6px 3px;
  float:left;
}
.zooToolList img, .myproj img {
  width:30px;
}

.tooltip {
  -moz-box-shadow:0 0 4px #999;
  -webkit-box-shadow:0 0 4px #999;
  box-shadow:0 0 4px #999;
  padding:8px 6px 6px 6px;
  background:#444;
}
.floatingArrow {
  position:fixed;
  top:80px;
  left:6px;
  z-index:500;
}

#searchsubmit {
   border:0;
   border-top:1px solid #000;
   background: #3d3d3d;
   background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#3d3d3d));
   background: -moz-linear-gradient(top, #444444, #3d3d3d);
   padding: 6px 10px 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
#searchsubmit:hover {
   border-top-color: #8cb00a;
   background: #8cb00a;
   color: #ffffff;
   }
#searchsubmit:active {
   border-top-color: #636363;
   background: #636363;
   }
#s {
  color:#444;
font-size:20px;
padding:4px;
width:216px;
background:#EEE;
border:1px solid #DDD;
}
#s:hover, #s:focus {
 background:#FFF;
} 

.sidebar-more-link {
  text-decoration:none;
  padding-top:2px;
  display:inline-block;
}