/* -------------------------------------------
project:	Generator Newsów
date:		2008/04/28
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0 0 15px; background: #fafafa url(../images/stripe-a.gif) 0 94px repeat-x; color: #555; font: 62.5%/1.3 "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Lucida Grande, Lucida Sans Unicode,Arial,Helvetica,sans-serif; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
p { margin-bottom: 15px; }
li *, li p, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

a { color: #5c89bb; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font: bold 2.4em/1.2 Tahoma,sans-serif; color: #8e412d; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { margin: 10px 0; font-size: 1.1em; text-transform: uppercase; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 750px; margin: 0 auto; }
 #top { position: relative; width: 720px; padding: 20px 15px; }
  #logo { margin: 0; width: 258px; height: 40px; background: url(../images/logo-test.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
  #nav { position: absolute; right: 15px; top: 50%; float: right; list-style: none; margin: -6px 0 0; padding: 0; }
   #nav li { display: inline; float: left; margin: 0 0 0 10px; font: bold 1.1em/1 Tahoma,sans-serif; text-transform: uppercase; }
    #nav li a { float: left; padding: 3px 5px; color: #97493c; text-decoration: none; }
    #nav li a:hover,
    #nav li a:focus,
    #nav li a:active { background: #97493c; color: #fff; }
    #nav li a.active { background: #eee !important; color: #000 !important; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
 #intro { margin: 0 0 12px; padding: 1px; border: 1px solid #ddd; background: #fff; }
  #intro div.inner { padding: 15px 255px 15px 15px; background: #fff url(../images/intro.jpg) 50% 0 no-repeat; }
   #intro h2 { margin: 0 0 8px; color: #333; font: bold 2em/1 Tahoma,sans-serif; text-transform: uppercase; letter-spacing: -1px; }
    #intro h2 span { padding: 1px 3px; background: #97493c; color: #fff; }
   #intro p { margin: 0; color: #777; font: 1.4em/1.5 Lucida Grande, Lucida Sans Unicode, Arial, Helvetica,sans-serif; text-shadow: #fff 0 1px 0; }
 #steps { }
  #steps ol { position: relative; list-style: none; height: 76px; margin: 0 0 12px; padding: 1px 0; border: 1px solid #ddd; background: url(../images/steps.jpg) 50% 1px no-repeat; }
   #steps ol li.step-3 { position: absolute; left: -10001px; }
    #steps ol li a { position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; height: 76px; width: 250px; text-indent: -10001px; }
    #steps ol li.step-1 a { width: 240px; }
    #steps ol li.step-2 a { left: 240px; width: 260px; }
 #leader { margin: 0 0 12px; padding: 5px 0 3px; border: 1px solid #ddd; background: #fff; text-align: center; }
 #content { overflow: hidden; width: 100%; }
 #footer { margin: 0; padding: 10px; border: 1px solid #ddd; background: #fff; }
  #footer div.inner { overflow: hidden; width: 100%; }
   #footer p { float: right; margin: 0; color: #eee; }
   #footer p.first { float: left; color: #666; }
 
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10276px; top: 0; z-index: 10001; width: 200px; margin: 0; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

/* GENERAL
------------------------------------------- */
div.columns-two-a { float: left; width: 100%; }
 div.columns-two-a div.primary {float: right; width: 550px; margin: 0; }
 div.columns-two-a div.secondary { display: inline; float: left; width: 180px; margin: 0; }
 div.columns-two-a.switch div.primary { float: left; }
 div.columns-two-a.switch div.secondary { float: right; }

div.box-a { margin: 0 0 20px; padding: 20px 14px 1px; border: 1px solid #ddd; background: #fff; }
 div.box-a h2 { display: inline; float: left; margin: -30px 0 -5px -6px; padding: 3px 5px; border: 1px solid #ddd; background: #fff; color: #333; font: bold 1.3em/1 "Palatino Linotype",Palatino,Georgia,Geneva,serif; text-transform: uppercase; }
 div.box-a p.side { display: inline; float: right; margin: -30px -6px 0 0 !important; padding: 3px 8px; border: 1px solid #ddd; background: #fff; color: #aaa; font: 0.9em Tahoma,sans-serif; line-height: 1; }
  div.box-a p.side a { text-decoration: none; }
 div.box-a div.inner { overflow: hidden; width: 100%; }
 div.box-a div.sense { display: inline; float: right; width: 234px; margin: 0 0 0 10px; color: #999; }
 div.box-a p.help { display: inline; float: right; width: 234px; margin: 0 0 0 10px; color: #999; }
 div.box-a p.minor { font-size: 1.1em; line-height: 1.4; }
 div.box-a h1 { margin: -3px 0 3px; text-transform: uppercase; }
  div.box-a p label,
  div.box-a p span.label { float: left; width: 90px; padding: 2px 5px 0 0; vertical-align: middle; }
  div.box-a p.tick label { float: none; width: auto; padding: 0; vertical-align: baseline; }
  div.box-a p label.static { float: none; width: auto; padding: 0; }
  div.box-a p input { padding: 1px 2px; vertical-align: middle; }
  div.box-a p select { padding: 1px 1px 1px 3px; vertical-align: middle; }
 
div.box-b { margin: 0 0 20px; padding: 10px 14px 0; border: 1px solid #ddd; background: #fff; }
div.box-b + div.box-b { margin-top: -10px; }
 div.box-b p { margin: 0 0 10px; }
 
div.important { background: #fcfce6; }

div.warning { padding-bottom: 5px; }
 div.warning p { color: #c00002; }
 
div.errors { border: 1px solid #e19c9c; background-color: #fff9f9; }
 div.errors h2 { border-color: #e19c9c; color: #b22; }
 div.errors p { font-size: 1.1em; }
 div.errors ul { list-style-type: circle; margin: 0; padding: 0 0 0 20px; }
  div.errors ul li { font-size: 1.1em; }
   div.errors ul li span { color: #b22; }

div.sense-a { margin: -5px 0 10px; }
div.sense-b { padding-top: 12px; padding-bottom: 10px; text-align: center; }
 div.sense-b p { margin: 0; }

div.paging-a { position: relative; overflow: hidden; width: 100%; margin: 0 -4px 15px; }
 div.paging-a ul { float: right; list-style: none; margin: 0; padding: 1px 0 0; text-align: center; }
  div.paging-a ul li { display: inline; float: left; margin: 0 0 0 4px; font-size: 1.1em; }
  div.paging-a ul li.bt { position: absolute; left: 0; top: 1px; font-family: Georgia,Tahoma,sans-serif; }
  div.paging-a ul li.bt1 { left: 0; }
  div.paging-a ul li.bt2 { left: 24px; }
  div.paging-a ul li.bt3 { left: 49px; }
  div.paging-a ul li.bt4 { left: 74px; }
   div.paging-a ul li.bt2 *,
   div.paging-a ul li.bt3 * { background: #ffffd3; padding: 4px 8px; }
   div.paging-a ul li a,
   div.paging-a ul li span,
   div.paging-a ul li strong { display: block; padding: 4px 6px; border: 1px solid #dcd6c6; line-height: 1; }
   div.paging-a ul li a { color: #998d6e; text-decoration: none; }
   div.paging-a ul li a:hover { border-color: #666; color: #666; text-decoration: none; }
   div.paging-a ul li span { color: #aaa; opacity: 0.5; }
   div.paging-a ul li strong { background: #f6f4ef; color: #333; }
div.paging-a-switch { margin: -8px 0 0; padding: 8px 0 0; }
 div.paging-a-switch p { margin: -8px 0 0 24px; }
 div.paging-a-switch ul { float: left; }
  div.paging-a-switch ul li { display: none; }
  div.paging-a-switch ul li.bt4 { display: block; left: auto; right: 0; }
  div.paging-a-switch ul li.bt3 { display: block; left: auto; right: 24px; }
  div.paging-a-switch ul li.bt2 { display: block; left: auto; right: 49px; }
  div.paging-a-switch ul li.bt1 { display: block; left: auto; right: 74px; }

div.mechanism { }
 div.mechanism h3 { margin: 10px 0; }
 div.mechanism p.address { margin: 0 0 15px; padding: 0 0 0 15px; color: #aaa; font-size: 1.4em; }
  div.mechanism p.address span { padding: 0 3px; border: 3px solid #fff; border-width: 0 2px; color: #fff; font-weight: bold; }
  div.mechanism p.address span.template { background: #d03939; }
  div.mechanism p.address span.theme { background: #a039d0; }
  div.mechanism p.address span.expiration { background: #ced039; }
  div.mechanism p.address span.gender { background: #3999d0; }
  div.mechanism p.address span.region { background: #39d0c7; }
  div.mechanism p.address span.age { background: #6ed039; }
  div.mechanism p.address span.city { background: #4039d0; }
  div.mechanism p.address span.name { background: #d09539; }
  div.mechanism p.address span.surname { background: #d039b2; }
 div.mechanism ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; font-family: Verdana,sans-serif; }
  div.mechanism ul li { display: inline; float: left; width: 30%; margin: 0 0 5px 10%; padding: 0 0 0 10px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; }
  div.mechanism ul li.template { border-left: 10px solid #d03939; }
  div.mechanism ul li.theme { border-left: 10px solid #a039d0; }
  div.mechanism ul li.expiration { border-left: 10px solid #ced039; }
  div.mechanism ul li.gender { border-left: 10px solid #3999d0; }
  div.mechanism ul li.region { border-left: 10px solid #39d0c7; }
  div.mechanism ul li.age { border-left: 10px solid #6ed039; }
  div.mechanism ul li.city { border-left: 10px solid #4039d0; }
  div.mechanism ul li.name { border-left: 10px solid #d09539; }
  div.mechanism ul li.surname { border-left: 10px solid #d039b2; }
   div.mechanism ul li span { color: #aaa; }
   
div.legend { margin: -6px 0 10px; padding: 0 20px; }
 div.legend ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; text-align: center; }
  div.legend ul li { display: -moz-inline-stack; display: inline-block; padding: 1px 15px 7px 25px; background: url(../images/icons-article-a.png) 0 0 no-repeat; font-size: 1em; text-transform: uppercase; }
  * html div.legend ul li { display: inline; height: 1%; }
  *:first-child+html div.legend ul li { display: inline; height: 1%; }
  div.legend ul li.male { background-position: 0 -500px; }
  div.legend ul li.female { background-position: 0 -1000px; }
  
form.subscribe-a { display: block; }
 form.subscribe-a p {  }
 form.subscribe-a p.go { padding-left: 25px; background: url(../images/icon-feedburner-a.gif) 0 50% no-repeat; }
  form.subscribe-a p input { width: 200px; padding: 2px 3px; border: 1px solid #999; vertical-align: middle; }
  form.subscribe-a p button { overflow: visible; width: auto; padding: 0 15px; vertical-align: middle; }
 form.subscribe-a p.powered { margin-top: -10px; padding-left: 30px; font-size: 0.9em; }
  
ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.a li { padding: 5px 10px; border-top: 1px solid #eee; }
  ul.a li a { text-decoration: none; }
  ul.a li a:hover { text-decoration: underline; }
  ul.a li span { color: #aaa; font-size: 0.91em; text-decoration: none; letter-spacing: 1px; }

ul.tags-a { list-style: none; margin: 0 0 15px; padding: 0; word-spacing: 5px; }
 ul.tags-a li { display: inline; line-height: 14px; }
 ul.tags-a li.s1 { font-size: 0.9em; }
 ul.tags-a li.s2 { font-size: 1.0em; }
 ul.tags-a li.s3 { font-size: 1.1em; }
 ul.tags-a li.s4 { font-size: 1.2em; }
 ul.tags-a li.s5 { font-size: 1.3em; }
 ul.tags-a li.s6 { font-size: 1.4em; }
 ul.tags-a li.s7 { font-size: 1.5em; }
 ul.tags-a li.s8 { font-size: 1.6em; }
  ul.tags-a li a { white-space: nowrap; text-decoration: none; }
  ul.tags-a li a:hover { text-decoration: underline; }
  ul.tags-a li span { display: none; color: #666; font-size: 0.85em; }
 
ul.tags-b { list-style: none; margin: 0 0 15px; padding: 0; }
 
ul.social-a { list-style: none; margin: -5px 0 10px; padding: 0; }
 ul.social-a li { position: relative; margin: 0 0 3px; padding: 2px 0 2px 25px; }
 * html ul.social-a li { height: 1%; }
  ul.social-a li span { position: absolute; left: 0; width: 16px; height: 16px; background: url(../images/socials-a.png) no-repeat; text-indent: -10001px; }
  ul.social-a li strong { float: left; width: 65px; font-weight: normal; }
  ul.social-a li.twitter span { background-position: 0 0; }
  ul.social-a li.blip span { background-position: -16px 0; }
  ul.social-a li.flaker span { background-position: -32px 0; }
  ul.social-a li.rss span { background-position: -48px 0; }
  ul.social-a li.email span { background-position: -64px 1px; }
 
ul.stories-a { list-style: none; margin: 0 -14px 15px; padding: 0; border-bottom: 1px solid #f2f2f2; }
 ul.stories-a li { padding: 7px 10px 7px 40px; border-top: 1px solid #f2f2f2; font-size: 1em; }
 ul.stories-a li.odd { background: #fafafa; }
 ul.stories-a li.new { background-image: url(../images/new-a.gif); background-position:  97% 50%; background-repeat: no-repeat; }
  ul.stories-a li a { display: block; position: relative; margin: 0 0 -13px -30px; padding: 0 0 14px 30px; background: url(../images/icons-article-a.png) 6px 3px no-repeat; color: #333; font-size: 1.2em; font-weight: bold; text-decoration: none; }
  * html ul.stories-a li a { height: 1%; }
  ul.stories-a li.new a { padding-right: 55px; }
  ul.stories-a li.gender-f a { background-position: 6px -997px; }
  ul.stories-a li.gender-m a { background-position: 6px -497px; }
  ul.stories-a li a:hover,
  ul.stories-a li a:focus,
  ul.stories-a li a:active { color: #a43030; }
  ul.stories-a li br { display: none; }
  
ol.a { margin: 0 0 15px; padding: 0 0 0 20px; }
 ol.a li { margin: 5px 0; }
 
p.message-a { width: auto !important; padding: 5px 10px !important; border: 1px solid #bde4b6; background: #d9f4d3; color: #609156; text-align: center; }

button { width: 180px; padding: 3px 0; border: 1px solid #67a1bd; background: #67a1bd; color: #fff; font: bold 13px "Palatino Linotype",Palatino,sans-serif; text-transform: uppercase; text-align: center; } 
button:hover { background: #73abc6; }

/* ELEMENTS
------------------------------------------- */
body.home { background-image: url(../images/stripe-b.gif); }

#home { }
 #home div.primary { padding-top: 10px; }
  #home div.box-a { background-color: #fff;; }
  #home #story-search { padding-bottom: 10px; background-color: #fff;; }
 #home div.secondary { padding-top: 10px; }
  #home div.secondary ul.a { overflow: hidden; margin: -5px -14px 5px; }
   #home div.secondary ul.a li { margin: -1px 0 1px; padding: 5px 5px 5px 14px; font-size: 1.1em; }
    #home div.secondary ul.a li a { color: #555; }
    #home div.secondary ul.a li a.active { color: #000; }
  #home div.about p.thumb { display: inline; float: right; margin: -8px 0 0 10px; border: 1px solid #ddd; }
 #home div.featured {  }
  #home div.featured div.wrapper { overflow: hidden; padding: 0 0 10px; }
   #home div.featured div.story { display: inline; float: left; width: 255px; margin: 0 0 0 10px; }
   #home div.featured div.story-first { margin-left: 0; }
    #home div.featured div.story p.image { display: inline; float: left; margin: 0 10px 0 0; }
     #home div.featured div.story p.image img { padding: 2px; border: 1px solid #ddd; }
    #home div.featured div.story h3 { margin: 0 0 2px; font-size: 1.2em; font-weight: bold; text-transform: none; }
     #home div.featured div.story h3 a { color: #333; text-decoration: none; }
    #home div.featured div.story p { margin: 0; font-size: 1em; line-height: 1.2; }

#generator { position: relative; padding-top: 10px; }
 #generator div.primary { }
  #generator div.primary input { border: 1px solid #aaa; }
  #generator div.primary select { border: 1px solid #aaa; }
  #f-theme { width: 170px; }
  #f-expiration { width: 95px; }
  #f-name { width: 170px; }
  #f-surname { width: 162px; }
  #f-age { width: 40px; }
  #f-region { width: 170px; }
  #f-city { width: 170px; }
  #generator p.input { padding: 3px 0; color: #aaa; font: 1em/1 Arial,Helvetica,sans-serif; text-transform: uppercase; }
  #generator div.primary p { margin: 0 0 5px; }
  #generator div.primary div.sense-b p { margin: 0; }
  #generator div.primary p.submit { position: absolute; left: 0; top: 635px; width: 180px; }
   #generator div.primary p.submit button { display: block; }
  #generator div.primary div.box-a { padding-bottom: 10px; }
  #generator div.primary div.links { padding: 13px 0 10px; text-align: center; }
   div.primary p.details { margin: 10px 0 0; color: #777; font: 0.9em Tahoma; text-align: right; }
 #generator div.secondary { }
  #generator div.secondary div.box-a { padding: 9px 0 0; text-align: center; }
  
#stories { }
 #stories div.primary { padding-top: 10px; }
  #stories div.primary div.box-a { padding-bottom: 7px; }
 #stories div.secondary { padding-top: 10px; }
  #sense-box { margin: 0 0 20px; }
  #categories-box { background-color: #eef7fa; }
   #categories-box a { color: #369; }
  #gender-box { background-color: #fcf9f0; }
   #gender-box a { color: #c60; }
  #mood-box { background-color: #fbf3ed; }
   #mood-box a { color: #933; }
  #tags-box { background-color: #fcfcfc; }
   #tags-box a { color: #333; }
   #stories ul.a { overflow: hidden; margin: -5px -14px 5px; }
    #stories ul.a li { margin: -1px 0 1px; padding: 5px 5px 5px 14px; font-size: 1.1em; }
     #stories ul.a li a.active { color: #000; }
	 
#story-search { background: #f8fbed; }
 #story-search form { display: block; margin: 0; padding: 0 0 5px; }
  #story-search form input { width: 415px !important; margin: 0 !important; padding: 3px !important; border: 1px solid #c2dac0 !important; background-position: 3px 70% !important; vertical-align: middle; }
  * html #story-search form input { width: auto !important; }
  #story-search form input[type=submit] { overflow: visible !important; width: auto !important; padding: 3px 20px !important; border: none !important; background: #6cbd67; color: #fff; font: bold 11px/1 "Palatino Linotype",Palatino,serif; text-transform: uppercase; cursor: pointer; }
  #story-search form input[type=submit]::-moz-focus-inner { margin: 0 !important; padding: 0 !important; border: none !important; }
  #story-search form input[type=submit]:hover { background: #7fc67b; }
 
#generated { }
 #generated div.primary { padding-top: 10px; }
  #generated div.primary div.box-a { padding-bottom: 7px; }
   #generated div.primary div.box-a p { margin-bottom: 5px; }
  #generated div.link {  }
   #generated div.link p { font-size: 1em; }
    #generated div.link input { width: 510px; padding: 4px 4px; border: 1px solid #ccc; background: #fcfce6; font: 1em/1 Tahoma,sans-serif; }
   #generated div.link p.info { margin: 7px 0 3px; padding: 0 10px; }
   #generated div.link p.copy { float: right; margin: 5px 0 3px; padding: 0 10px; font: 1em/1 Arial,Helvetica,sans-serif; text-transform: uppercase; text-align: right; }
    #generated div.link p.copy a { padding: 1px 5px; background: #67a1bd; color: #fff; text-decoration: none; }
    #generated div.link p.copy a:hover { background: #73abc6; color: #fff; text-decoration: none; }
  #generated div.send {  }
   #generated div.send form { display: block; position: relative; width: 100%; margin: 0; padding: 0; background: url(../images/indicator-a.gif) -10001px -10001px no-repeat; }
    #generated div.send p { }
     #generated div.send p textarea { overflow: auto; width: 510px; padding: 3px; border: 1px solid #aaa; }
     #generated div.send p label { float: none; vertical-align: middle; }
     #generated div.send p input { padding: 2px; border: 1px solid #aaa; vertical-align: middle; }
     #generated div.send p button { width: auto; padding: 0 10px; vertical-align: middle; }
    #generated div.send div.you { overflow: hidden; width: 100%; }
     #generated div.send div.you p { float: left; width: auto; margin-bottom: 0; padding-bottom: 5px; padding-right: 5px; }
      #generated div.send div.you p input { width: 150px; }
     #generated div.send div.you p.mails { float: right; width: auto; margin: 4px 0 0; padding: 0; }
     #generated div.send div.you p.mails em { float: left; margin: 0 0 0 -55px; padding: 2px 10px; background: #fdf275; color: #333; font-size: 10px; font-style: normal; }
     #generated div.send div.you p.mails span { position: absolute; left: -10001px; top: -10001px; }
     #generated div.send div.you p.mails a { display: inline; overflow: hidden; float: left; width: 14px; height: 14px; margin: 0 0 0 3px; border: 1px solid #fff; background: url(../images/icons-mails-a.png) no-repeat; text-indent: -10001px; }
     #generated div.send div.you p.mails a.load { background-position: 0 -14px; }
     #generated div.send div.you p.mails a:hover { border-color: #aaa; }
    #generated div.send p.tip { font-size: 1em; }
    #generated div.send p.loading { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; background: #fff url(../images/indicator-a.gif) 50% 50% no-repeat; text-indent: -10001px; opacity: 0.85; }
 #generated div.secondary { padding-top: 10px; }
   #generated ul.a { overflow: hidden; margin: -5px -14px 5px; }
    #generated ul.a li { margin: -1px 0 1px; padding: 5px 5px 5px 14px; font-size: 1.1em; }
     #generated ul.a li a.active { color: #000; }
	 
#information { }
 #information div.primary { padding-top: 10px; }
  #information div.primary div.box-a { padding-bottom: 3px; }
 #information div.secondary { padding-top: 10px; }
  #information div.secondary div.box-a { padding-bottom: 1px; }
  #topics-box { background-color: #fcf9f0; }
   #topics-box a { color: #c60; }
   #information ul.a { overflow: hidden; margin: -5px -14px 5px; }
    #information ul.a li { margin: -1px 0 1px; padding: 5px 5px 5px 14px; font-size: 1.1em; }
     #information ul.a li a.active { color: #000; }
	 
#videos { }
 #videos div.primary { padding-top: 10px; }
  #clip div.movie { margin: 0; text-align: center; }
   #clip div.movie object { display: block; margin: 0 auto; }
  #clip div.paging { position: relative; width: 638px; margin: 0 auto 10px; padding: 10px 0; border: 1px solid #ccc; border-width: 0 1px 1px; background: #f6f6f6; text-align: center; }
  #clip div.paging { margin-bottom: 0; border-color: #fff; background: #fff; }
   #clip div.paging ul { list-style: none; margin: 0; padding: 0; }
    #clip div.paging ul li { position: absolute; top: 13px; left: 0; margin: 0 25px; text-align: left; }
    #clip div.paging ul li.next { left: auto; right: 0; }
     #clip div.paging ul li a { display: block; overflow: hidden; width: 34px; height: 34px; background: url(../images/video-paging.png) no-repeat; text-indent: -10001px; }
     #clip div.paging ul li a:hover,
     #clip div.paging ul li a:focus,
     #clip div.paging ul li a:active { background-position: 0 -34px; }
     #clip div.paging ul li.next a { background-position: -34px 0; }
     #clip div.paging ul li.next a:hover,
     #clip div.paging ul li.next a:focus,
     #clip div.paging ul li.next a:active { background-position: -34px -34px; }

body.search #content { overflow: visible; }	 
#search { width: 830px; margin: 0 -40px; }
 #search div.primary { padding-top: 10px; }
 
#follow-box { background: #fff url(../images/tweety.jpg) 100% 100% no-repeat; }
 #follow-box p { margin: 0 0 7px; font-size: 0.9em; }
  #follow-box p a { text-decoration: none; }
 #follow-box p.more { width: 90px; padding: 5px 0 0; border-top: 1px solid #eee; }
 #follow-box ul { overflow: hidden; list-style: none; width: 100%; margin: -2px 0 0; padding: 0 0 10px; }
  #follow-box ul li { display: inline; float: left; margin: 0 7px 0 0; }
   #follow-box ul li a { overflow: hidden; float: left; width: 16px; height: 16px; background: url(../images/socials-a.png) no-repeat; text-indent: -10001px; }
   #follow-box ul li a.twitter { background-position: 0 0; }
   #follow-box ul li a.blip { background-position: -16px 0; }
   #follow-box ul li a.flaker { background-position: -32px 0; }
   #follow-box ul li a.rss { background-position: -48px 0; }
 
	 
/* ROUND IT UP
------------------------------------------- */
#intro, #intro div.inner, #steps ol, #leader, #footer, div.box-a, div.box-b { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
div.box-a h2, #nav li a, div.box-a p.side, #generator div.primary p.submit button, div.paging-a ul li a, div.paging-a ul li span, div.paging-a ul li strong, form.subscribe-a p button, form.subscribe-a p input, #generator div.primary input[type=text], #generator div.primary select, #generated div.link input, #generated div.send p input, #generated div.send p textarea, #generated div.send p button, #generated div.link p.copy a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }