*{ margin: 0; padding: 0; }

:focus,:active { outline: 0; }
body {
  font: 12px 'Lucida Grande', Tahoma, Arial, Sans-Serif;
  color: #000; background: #ccc;
}
a { text-decoration: underline; /*color: #339900/*eb6600*/; }
	a:hover { color: #eb9900; }
.x { clear: both; }
.hidden { display: none; }
p { line-height: 22px; margin: 0 0 15px 0; color:#000; text-indent: 12px;}
img { border: 0; }

ul li {  list-style-type: none; margin:0; padding:0; }

h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px;}
  h1 a { text-decoration: none; }
h2 { font-size: 20px; font-weight: normal; margin-bottom: 2px; color: #333; margin-left: 20px;}
h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }
h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }

#wrapper { margin: 0 auto; width: 980px; background: url('/images/bg.jpg') no-repeat; position: relative;}

#logo { padding: 13px 12px 10px; }
	#logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }
		#logo h1 a { color: #333; }
		#logo h1 a span { color: #000; }
#content { background: #fff; width: 980px; }

.menu { list-style:none; margin: 14px 25px 0 10px; width: 600px; float: left; }
	.menu li { float: left; margin: 0 4px 0 0; }
	.menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff; }
  /* fixed: add ">" */
	.menu a:hover, .menu li.current > a { border: 1px solid #ddd; }

		.menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }
		.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
		.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }

/* fixed: add height */
#search { float: right; width: 275px; margin: 23px 18px; display: inline; height: 28px; }
	#search .text { width: 227px; height: 16px; border: 1px solid #ddd; padding: 5px; float: left; color: #888; }
	#search .submit { float: right; border: 0; background: #000 url('/images/search.gif') no-repeat center 8px; width: 32px; height: 28px; padding-top: 1px; }

#pitch { margin-bottom: 30px; }
	#pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }

	.pitch-gallery { overflow: hidden; width: 980px; position: relative; }
		.pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }
		.pitch-gallery-div { float: left; }

#left { width: 600px; float: left; margin-left: 25px; display: inline; }
  #left img.normal { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
	#left form { padding-left: 45px; }
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #333; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#aaa; }
		#left textarea:focus { border-color: #aaa; }
	.error { color: #ff0000; margin: 0 0 10px 150px; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }

ul { color: #000; margin: 0 0 10px 30px; line-height: 18px; }
ol { color: #000; margin: 5px 0 5px 30px; line-height: 18px; }

	#contact-back { margin: 12px 40px 0 0; float: right; }

.post { position: relative; margin-bottom: 20px; height: 127px; }
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 36px; margin-right: 25px; display: inline;}
#right h2 {
  margin-left: 0.5em;
  margin-top: 15px;
} 
#right p {
  margin-left: 0.5em;
}
#right a {
  text-decoration: underline;
}
#right li {
  list-style: disc;
  margin: 0.5em 0;
}

#feature { margin-left: 25px; padding-bottom: 10px; }
	.small-post { float: left; width: 260px; margin-right: 75px; }
		.small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
                .small-post h2 { margin-left: 10px; margin-bottom: 10px; font-weight: bolder; font-size: 16px; }
  .small-post p {margin-bottom:5px;}
	.last { margin-right: 0; }
	#feature ul, #future ul { margin-top: -11px; list-style: disc;}
        #feature li, #future li { list-style: disc; }

#dashboard, #faq, #versionlog, #tos, #future, #bookmarklet,
#how-to-use, #apps {
  margin-left: 25px; padding-bottom: 10px; margin-right: 10px;
}
#versionlog h2 { font-size: 1.2em; }

#footer { color: #666; font-size: 11px; margin: 20px 0 20px 10px; }

.post-info { font-size: 11px; color: #333; }
.read-more { background: url('/images/link.gif') no-repeat center left; padding-left: 13px; font-size: 10px; }
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }
	.no-border { border: 0; }
.space { margin-bottom: 20px; }





.pikachoose{width:510px;margin:0 auto 50px auto;}
.pikachoose ul li img {border:none;padding:0; margin:0;}

/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:140px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#fff;/*#777*/margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#000;/*#777*/padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{
  color:white;
  width:500px;
  height:20px;
  padding-top:4px;
  text-align:center;
  position:absolute;
  bottom:7px;
  left:3px;
  background:url('/images/pickachoose/black.png') top left;
}
.pika_caption a{color:white; font-weight: bold; text-decoration: underline;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/images/pickachoose/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/images/pickachoose/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/images/pickachoose/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('/images/pickachoose/fastf.png') top right no-repeat;}


#i18n {
  position: absolute;
  top: 3px;
  right: 0;
}
#i18n a {
  text-decoration: underline;
}
ul.error_list {
  display: inline;
  list-style: none;
  color: #ff0000;
}
dl {
  margin-left: 10px;
}
dt {
  font-size: 15px;
  margin: 15px 0 7px 0;
}
dd {
  padding-left: 5px;
}

#toppage a {
  text-decoration: underline;
}
#underdemoreel {
  margin-top: 5px;
}

#aboutmeimage {
  margin: 0 5px 20px -4px;
  float: left;
}
#aboutme h2 {
  clear: left;
  margin: 30px 0 10px 0;
}
#briefsketch img {
  border: 1px solid #999;
  padding: 3px;
}
#briefsketch a {
  text-decoration: underline;
}
#image_robot {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

#contact_form a {
  text-decoration: underline;
}

#right h2 {
  font-size: 18px;
}

#movies dl {
  margin-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
#movies div.flowmovies {
  margin-top: 10px;
}
#movies div.movie {
  margin: 10px 0 40px 10px;
}

#scripts a {
  text-decoration: underline;
}

#breadcrumb {
  margin: 0 0 10px 0;
}
#breadcrumb a {
  text-decoration: underline;
}

#logo {
  position: relative;
}
#logo h1 {
  float: left;
  margin-right: 30px;
}
#subtitle {
  margin-top: 5px;
  font-size: 14px;
}
a.underline {
  text-decoration: underline;
}
ul#stillimages, #books ul {
  list-style: none;
}
ul#stillimages li {
  padding: 0;
  margin: 0;
  display: inline;
}
ul#stillimages img, #books img {
  border: 1px solid #000;
}
#books {
}
#books ul {
}
#books ul li {
  float: left;
  width: 140px;
  margin-bottom: 5px;
}

#portfolio h4 a, #movies a, #webiphone a {
  text-decoration: underline;
}

#webiphone h2 {
  margin-top: 40px;
}

.twit-widget-wrapper { margin-left: 10px; margin-bottom: 15px; }

.rollover {
  float: left;
  margin-right: 20px;
}
.rollover a {
  display:block;
  width:241px;
  height:61px;
  font-size:1px;
  line-height:1px;
  text-indent:-9999px;
  text-decoration:none;
  outline:none;
  background:url(/images/button_free_on.png) no-repeat left top;
  background:url(/images/button_full_on.png) no-repeat left top;
}
.rollover a#download-free {
  background:url(/images/button_free_off.png) no-repeat left top;
}
.rollover a#download-free:hover {
  background:url(/images/button_free_on.png) no-repeat left top;
}
.rollover a#download-full {
  background:url(/images/button_full_off.png) no-repeat left top;
}
.rollover a#download-full:hover {
  background:url(/images/button_full_on.png) no-repeat left top;
}
/*a#download-full {margin-left: 70px;} */


#twitrocker #news {
  height: 1000px;
  overflow: auto;
}

h1.reviews {
  margin-top: 2em;
}
ul.reviews {
  height: 500px;
  overflow: auto;
  margin:0 0 0 1em;
}
ul.reviews li {
    list-style-type: disc;
}

#dashboardScreenshot {
  float: left;
  width: 400px;
}
#dashboardright {
  margin-left: 380px;
}

#dashboard dl.versionlog {
  padding-left: 2em;
  height: 100px;
  overflow: auto;
}

#how-to-use li {
  margin-bottom: 20px;
}
h1.oreilly span {
  font-size: 0.5em;
}
#apps ul {
  list-style: none;
  margin-left: 10px;
}
#apps ul li {
  height: 75px;
  width: 230px;
  float: left;
}
#apps img {
  float: left;
}
.app-right {
  margin-left: 60px;
}

#header-navi {
  padding: 0.3em 1em;
  margin-bottom: 5px;
}
#header-navi a {
  text-decoration: none;
}
#header-navi a:hover {
  text-decoration: underline;
/*  color:deepskyblue;*/
}
#header-navi ul {
  margin: 0;
  padding: 0;
}


#download-ptuns-free {
  background:url(/images/ptunes/download.png) no-repeat left top;
}

#download-mixirocker {
  background:url(/images/mixirocker/download.png) no-repeat left top;
  width: 250px;
  height: 85px;
}