/*-----------------------------------------------------------------------------
andy kirkpatrick | akreative
version:1.0
author:andy kirkpatrick
website:http://www.andy-kirkpatrick.com
-----------------------------------------------------------------------------*/

/* layout
-------------------------------------------------------------*/ 
body {margin-top: 5px; background: #FFF url(/gfx/sideimg.jpg) top center repeat-y}
.speaking_dates {float: right; clear: right;}
.highlight {background-color:#cc3300;	color:#ffffff; text-transform:uppercase;	font-weight:bold; padding:3px 5px 3px 5px;	font-size:90%; margin: 0 5px 0 0;}
#cse-search-box {float: right;}
#twitter {text-align:right; margin:0 0 10px 0; width: 300px; position: absolute; top: 10px; right: 5px;}
#twitter li,  #twitter a:link {color: white;}
.intro {font-weight: bold;}


/* sponsors
-----------------------------------------------------------------------------*/
.sponsors {width: 960px;  height:60px; margin-bottom: 10em ; list-style: none;} 
.sponsors li {display: inline; margin: 0 0 0 1em;}
.sponsors li a {padding-left: 60px; border-bottom: none;color: #000;} 
.sponsors li a:hover {color: #576c36;}
.sponsors img {height: 60px; }

.sponsors a,a:active,a:link {border-bottom: 0px dotted;} 
.sponsors a:hover {opacity: 1;}


/* images and video
---------------------------------------------------------------------- */
h1#logo {height: 110px; width: 960px; background: url(/images/gfx/logo.png) no-repeat 0 0;  text-indent: -9999px; margin: 0; }
h1#logo a {text-indent: -5000px;  } 
#help {float: right; position: absolute; top: 0; right: 0;}
.grid_1 img {width: 60px;}
.grid_2 img {width: 140px;}
.grid_3 img {width: 220px;}
.grid_4 img {width: 300px;}
.grid_5 img {width: 380px;}
.grid_6 img {width: 460px;}
.grid_7 img {width: 520px;}
.grid_8 img {width: 580px;}
.grid_9 img {width: 640px;}

#half_wrap {width:50%; float: left; margin: 0 10px 10px 0;}
#half {width:50%;}

/* blockquote 
---------------------------------------------------------------------- */


blockquote {font-style: italic;font-size: 1.3em; background: #ececec; border-bottom: 1px dotted #d4d4d4; border-top: 1px dotted #d4d4d4; padding: 5px; margin-bottom: 10px;} 
blockquote p { font-size: 1em;}
cite {text-transform:uppercase; font-weight: bold; }


/* navigation 
---------------------------------------------------------------------- */

  #nav {
    background: #241F20 url(/gfx/navigation_bottom.jpg) no-repeat 0 100%;
    height: 52px;
    width: 960px;
    font-size: 13px;
    line-height: 13px;
    font-family: Helvetica, Arial;
    text-transform: uppercase;
    text-align: center;
	margin-bottom: 30px;
  }
  #nav li {
    display: inline;
  }
  #nav li a {
    color: #d9d9d9;
    float: left;
    padding: 21px 0 48px 0;
  }
  #nav li a:hover,
  #nav li.on a {
    color: #fff;
  }
    #nav a.home {
      width: 80px;
    }


    #nav a.blog {
      width: 40px;
    }

    #nav a.coaching {
      width: 100px;
    }


    #nav a.bio {
      width: 40px;
    }

    #nav a.speaking {
      width: 80px;
    }
    #nav a.setting {
      width: 130px;
    }
    #nav a.articles {
      width: 100px;
    }
    #nav a.sponsors {
      width: 100px;
    }

 #nav a.routes {
      width: 100px;
    }
 
   }
    #nav a.contact {
      width: 100px;
    }
    #nav li a.home:hover,
    #nav li.on a.home {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }

    #nav li a.blog:hover,
    #nav li.on a.blog {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }



    #nav li a.bio:hover,
    #nav li.on a.bio {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.speaking:hover,
    #nav li.on a.speaking {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.psychovertical:hover,
    #nav li.on a.psychovertical {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.stories:hover,
    #nav li.on a.stories {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.gear:hover,
    #nav li.on a.gear {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.technique:hover,
    #nav li.on a.technique {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
    #nav li a.contact:hover,
    #nav li.on a.contact {
      background: url(/gfx/bio_nav.png) no-repeat 50% 100%;
    }
/* article comments 
-----------------------------------------------------------------------------*/

#comments h6, #comment-form h6 { font-family:"lucida grande", lucida, arial, sans-serif; text-transform:uppercase; border-bottom:1px solid #aaa; font-size:11px; font-weight:normal; letter-spacing:1px; padding-bottom:5px; margin:25px 0 0 0; }
#comments dl { padding:0; margin:0; }
#comments dl dt { font-family:"lucida grande", lucida, arial, sans-serif; font-size:10px; text-transform:uppercase; }
#comments .comment-date {font-family: georgia, times, "times new roman", serif; font-size:11px; }
#comments .posted-by { text-transform:none; }
#comments dl dd { margin:15px 0 0 0; font-size: 100%; line-height:18px; }
#comments .comment-content { margin-bottom:15px; width:70%; padding:15px; }
#comments .even { background-color:#eee; }
fieldset#comment-form-field { background-color:#eee; border:1px solid #ccc; margin:25px 0 25px 0; padding:10px 0 10px 25px; }
fieldset#comment-form-field label { font-size:12px; font-family: georgia, times, "times new roman", serif; color:#111; }
form#comment-form-form { float:left; width:50%; clear:left; } 
#disclaimer { float:right; width:35%; clear:left; margin:30px 35px 0 0; }

/* prev-next 
---------------------------------------------------------------------- */


/* flickr 
---------------------------------------------------------------------- */

#flickr { padding:14px 0 0 0px; padding:0; }
#flickr a img {float:left; margin:0 1px 1px 0;}

/* footer 
---------------------------------------------------------------------- */ 

#footer {padding-top: 10px; border-top:1px dotted #CCC;}
#akreative {float: right;}