@media screen {  body { margin:0; padding:20px; background:#888; color:#444; font-size: 62.5%;  font-family: 'Lucida Grande', Sans-Serif; text-align:left; } a { color:#258; text-decoration:none; } a:hover { text-decoration:underline; } h1, h2, h3, h4, h5, h6 { color:#555; font-family:'Times New Roman', Times, serif; text-align:left; } h1 {font-size:2.6em;} h2 {font-size:2.4em;} h3 {font-size:1.8em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} h6 {font-size:1em;} img { border:0; } input, textarea { font-size:12px; } input[type=text], textarea{ border:1px inset #aaa; background:#fff; } input[type=submit] { border:1px outset #aaa; background:#ddd; } pre { overflow:auto; border:1px solid #ccc; padding:5px 10px; background: #f8f8f8; font-size: 12px; } code { background-color:#f8f8f8; color:#111; }  #page { min-width:740px; max-width:1240px; margin:0 auto; } #container{ margin:0; padding:0 240px 0 240px; } #wrapper{ float:left; width:100%; border-left:240px solid #eee;  border-right:240px solid #eee;  margin-left:-240px; margin-right:-240px; background-color:#fff; display:inline; } .sidebar { padding:20px; } #sidebar_left{ float:left; width:200px; margin:0 0 0 -240px; position:relative; } #content{ float:left; width:92%; margin-right:-100%; padding:20px 4%; overflow:hidden; background:#fff; } #sidebar_right{ float:right; width:200px; margin:0 -240px 0 0; position:relative; } #footer { clear:both; padding:10px; }  #header { margin:0; height:90px; border:1px solid #aaa; background:#6d97b7; } #headerlogo { position:relative; top:50%; left:20px; } #headerlogo h1, #headerlogo div.description { position:relative; bottom:26px; } #headerlogo h1 { margin:0; font-size:3em; } #headerlogo h1 a { background:transparent; color:#d0e0f0; } #headerlogo h1 a:hover { text-decoration:none; } #headerlogo div.description { margin:0; background:transparent; color:#fff; font-size:1.2em; }  #hmenu { float:right; width:auto; border:0; padding:0; position:relative; bottom:25px; right:2px; height:0; margin-bottom:-23px; } #hmenu ul { width:auto; float:right; list-style:none; padding:0; margin:0; } #hmenu ul li { display:inline; float:left; width:auto; padding:0; margin:0; } #hmenu ul li a { display:block; background:#27567a; color:#c6c8c9; padding:4px 20px; margin:0 1px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:1.2em; } #hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover { background-color: #417196; color: #fff; } #hmenu ul li ul { padding:0.5px 0 0 0; position:absolute; display:block; visibility:hidden; z-index:599; } #hmenu ul li.hmenu_rss ul { right:0; } #hmenu ul li:hover ul { visibility:visible; } #hmenu ul ul li { display:block; float:none; width:auto; } #hmenu ul ul a { margin:1px; } #hmenu ul li.hmenu_rss a { background:#27567a url(/wp-content/themes/f2/images/feed.png) no-repeat 95% 50%; padding:4px 30px 4px 20px; }  .sidebar { color:#222; } .sidebar ul { padding:0; margin:0; list-style: none; font-size:1.2em; } .sidebar ul ul { font-size:1em; } .sidebar ul li { margin:0 0 2em 0; } .sidebar ul ul { margin:0; padding:0; } .sidebar li li { margin:0.1em 0; } .sidebar li li:before { content: "\203A \0020"; font-size:1.2em; } .sidebar li li li { padding-left:10px; } .sidebar ul h2 { margin:0; padding:0; font-size:1.2em; text-transform:uppercase; } .sidebar a.rsswidget img { border:0; float:right; }  #footer { text-align:center; font-size:1em; background:#27567a; color:#eee; border:1px solid #999; } #footer a { color:#aac; }  .post, .page { clear:both; } .blog .post, .archive .post, .search-results .post, .search-results .page { margin:0 0 4em 0; } .postentry { font-size:1.4em; line-height:1.4em; } .postentry p, .postentry blockquote, .postentry ul, .postentry ol { text-align:justify; } .postentry blockquote { margin:10px 20px; padding:0 0 0 10px; border-left:0.4em solid #ddd; font-size:0.8em; line-height:1.2em; } .postentry blockquote blockquote { margin-left:0; font-size:1em; } .postentry a { border-bottom:1px solid #ddd; } .postentry a:hover { border-bottom:1px solid #258; text-decoration:none; } div.navigation { font-size:1.1em; } .postentry table { border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; font-size:0.9em; } .postentry table tr td { padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#ccc; } .postentry table tr th { border-width:1px 0 0 1px; border-style:solid; border-color:#ccc; padding:5px 10px; background:#f4f4f4; color:#666; font-weight:bold; text-transform:uppercase; text-align:center; } h2.posttitle { margin:0 0 5px 0; padding:0; } .postmetadata { clear:both; margin:1em 0; font-size:1.1em; background-color:#fff; color:#888; text-align:left; } .posttagscat { margin:0 0 10px 0; } .postcat { margin:0 10px 0 0; } .postcomment { font-size:1.1em; } .postedit:before { content:' | '; } .poststicky { margin:0 0 0 10px; } .poststicky:before { content:'\2022 \0020'; } div.archive-desc { border:1px solid #ccc; background-color:#f8f8f8; padding:5px 10px; margin:0 0 10px 0; font-size:1.4em; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; } .wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover { border:none; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.8em; margin:4px 0 0 0; padding:0 4px; } .gallery { border:1px solid #ddd; background-color: #f3f3f3; } .gallery-item { margin:10px; } .gallery-caption { font-size:0.8em; } .attachment img { border:1px solid #ddd; background-color:#f3f3f3; padding:4px; }  textarea#comment { width:100%; } .commentlist { margin:0; padding:0; } .children { margin: 0 -21px -21px 0; padding:0; } li.comment, li.trackback, li.pingback { list-style:none; border:1px solid #eee; padding:20px; margin:10px 0; } ul.children li.comment { margin: 10px 0 -11px 0; } .comment-body { overflow:auto; } .commentlist li.even { background-color:#fafafa; } .commentlist li.odd { background-color:#f6f6f6; } .commentlist li.bypostauthor { background-color:#fffff8; } .commentlist li.bypostauthor > .comment-body > .comment-author > cite { border-bottom:1px solid #aaa; } .comment-body p { font-size:1.3em; } .comment-body blockquote { margin:5px 10px; padding:0 0 0 5px; border-left:0.4em solid #ddd; font-size:0.9em; } .comment-body blockquote blockquote { font-size:1em; } .comment-body img.avatar { float:right; border:1px solid #eee; margin:0; background:#fff; } .comment-author cite { font-style:normal; font-weight:bold; color:#555; font-size:1.4em; } .comment-meta { margin:4px 0 0 0; } .reply { margin:5px 0; padding:0; font-size:1.1em; }   #wp-calendar { text-align:center; width:100%; } #wp-calendar caption, #wp-calendar thead th{ font-weight:bold; text-transform:uppercase; color:#555; } #wp-calendar tbody td { border:1px solid #ccc; background:#f2f2f2; } #wp-calendar tbody td a { font-weight:bold; } #wp-calendar td#today { background:#e4e4e4; } #wp-calendar tbody td.pad { border:none; background:transparent; }  #searchform { margin: 10px auto; padding: 5px 3px; } .sidebar #searchform #s { width: 120px; padding: 2px; } .sidebar #searchsubmit { padding: 1px; } .screen-reader-text { position: absolute; left: -1000em; } abbr { cursor:help; border-bottom: 0.1em dotted; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0 10px 0 0; width:auto; } .alignright { float: right; width:auto; margin: 0 0 0 10px; }   } @media print { body { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; } #header { border-bottom: 1px solid #aaa; } a { background:transparent; color:black; text-decoration:none; } .search, #hmenu, #nav, .sidebar, #footer, .postcomment, .postedit, .navigation, .comment .reply, .comment-edit-link, #respond { display:none; } .sidebar { display:none; } #footer { display:none; } .post blockquote { padding:0 0 0 1em; border-left:0.4em solid #ccc; font-size:small; } .postmetadata, .post-meta, .commentmetadata, .comment-meta { font-size:small; } .navigation { display:none; } #respond, #commentform, #comments .reply { display:none; } .commentlist img.avatar { float: right; margin: 0 0 0 10px; padding: 3px; border:1px solid #eee; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 5px 5px 5px 0; } .alignright { float: right; margin: 5px 0 5px 5px; } } @media all { .wp-polls-archive {  } .wp-polls, .wp-polls-form {  } .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li { text-align: left; background-image: none; display: block; } .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { text-align: left; list-style: none; float: none; } .wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before { content: ''; } .wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG { display: inline; border: 0px; padding: 0px; margin: 0px; } .wp-polls-ul { padding: 0px; margin: 0px 0px 10px 10px; } .wp-polls-ans { width:100%; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;  } .wp-polls-loading { display: none; text-align: center; height: 16px; line-height: 16px; } .wp-polls-image { border: 0px; } .wp-polls .Buttons { border:1px solid #c8c8c8; background-color: #f3f6f8; }  .wp-polls-paging a, .wp-polls-paging a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-polls-paging a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-polls-paging span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; } .wp-polls-paging span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-polls-paging span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } } @media screen { .codecolorer { padding: 5px; text-align: left; } code.codecolorer { padding: 2px; } .codecolorer-container { margin-bottom: 10px; text-align: left; } .codecolorer, .codecolorer *, .codecolorer-container, .codecolorer-container * { font: 13px/1.4em Monaco, Lucida Console, monospace } .codecolorer-container table { border: 0px; } .codecolorer-container table td { margin: 0px; padding: 0px; border: 0px; } .codecolorer-container table td.line-numbers { padding: 5px; text-align: right; } .codecolorer-container table td.line-numbers div { width: 23px; }  .codecolorer-container { border: 1px solid #9F9F9F; } .codecolorer-container table td.line-numbers { color: #888888; background-color: #EEEEEE; border-right: 1px solid #9F9F9F; } .codecolorer-noborder, .codecolorer-noborder table td.line-numbers { border: 0px; }  .codecolorer-container, .codecolorer { color: #000000; background-color: #F1F1F1; }  .codecolorer .co0, .codecolorer .co1, .codecolorer .co2, .codecolorer .co3, .codecolorer .co4, .codecolorer .coMULTI { color: #406040; font-style: italic; }  .codecolorer .nu0, .codecolorer .re3 { color: #0080A0; }  .codecolorer .st0, .codecolorer .st_h, .codecolorer .es0, .codecolorer .es1 { color: #C03030; }  .codecolorer .me1, .codecolorer .me2 { color: #0080FF; }  .codecolorer .kw1, .codecolorer .kw2, .codecolorer .sy1 { color: #2060A0; }  .codecolorer .kw3, .codecolorer .kw4, .codecolorer .kw5, .codecolorer .re2 { color: #008080; }  .codecolorer .re0, .codecolorer .re1 { color: #A08000; }  .codecolorer .br0, .codecolorer .sy0 { color: #000000; }  .twitlight .xml .re1 { color: #008080; }  .twitlight .xml .re0 { color: #0080A0; }  .codecolorer .ln-xtra { background-color: #ffff66; }  .twitlight, .twitlight .codecolorer { color: #F8F8F8; background-color: #141414; } .twitlight .codecolorer .co0, .twitlight .codecolorer .co1, .twitlight .codecolorer .co2, .twitlight .codecolorer .co3, .twitlight .codecolorer .co4, .twitlight .codecolorer .coMULTI, code.twitlight .co0, code.twitlight .co1, code.twitlight .co2, code.twitlight .co3, code.twitlight .co4, code.twitlight .coMULTI { color: #5F5A60; font-style: italic; } .twitlight .codecolorer .nu0, .twitlight .codecolorer .re3, code.twitlight .nu0, code.twitlight .re3 { color: #CF6A4C; } .twitlight .codecolorer .st0, .twitlight .codecolorer .st_h, .twitlight .codecolorer .es0, .twitlight .codecolorer .es1 { color: #8F9D6A; } .twitlight .codecolorer .me1, .twitlight .codecolorer .me2, code.twitlight .me1, code.twitlight .me2 { color: #9B703F; } .twitlight .codecolorer .kw1, .twitlight .codecolorer .kw2, .twitlight .codecolorer .sy1, code.twitlight .kw1, code.twitlight .kw2, code.twitlight .sy1 { color: #CDA869; } .twitlight .codecolorer .kw3, .twitlight .codecolorer .kw4, .twitlight .codecolorer .kw5, .twitlight .codecolorer .re2, code.twitlight .kw3, code.twitlight .kw4, code.twitlight .kw5, code.twitlight .re2 { color: #F9EE98; } .twitlight .codecolorer .re0, .twitlight .codecolorer .re1, code.twitlight .re0, code.twitlight .re1 { color: #7587A6; } .twitlight .codecolorer .br0, .twitlight .codecolorer .sy0, code.twitlight .br0, code.twitlight .sy0 { color: #F8F8F8; } .twitlight .xml .re1 { color: #F9EE98; } .twitlight .xml .re0 { color: #CF6A4C; }  .dawn, .dawn .codecolorer { color: #080808; background-color: #F9F9F9; } .dawn .codecolorer .co0, .dawn .codecolorer .co1, .dawn .codecolorer .co2, .dawn .codecolorer .co3, .dawn .codecolorer .co4, .dawn .codecolorer .coMULTI, code.dawn .co0, code.dawn .co1, code.dawn .co2, code.dawn .co3, code.dawn .co4, code.dawn .coMULTI { color: #5A525F; font-style: italic; } .dawn .codecolorer .nu0, .dawn .codecolorer .re3, code.dawn .nu0, code.dawn .re3 { color: #811F24; } .dawn .codecolorer .st0, .dawn .codecolorer .st_h, .dawn .codecolorer .es0, .dawn .codecolorer .es1, code.dawn .st0, code.dawn .st_h, code.dawn .es0, code.dawn .es1 { color: #0B6125; } .dawn .codecolorer .me1, .dawn .codecolorer .me2, code.dawn .me1, code.dawn .me2 { color: #BF4F24; } .dawn .codecolorer .kw1, .dawn .codecolorer .kw2, .dawn .codecolorer .sy1, code.dawn .kw1, code.dawn .kw2, code.dawn .sy1 { color: #794938; } .dawn .codecolorer .kw3, .dawn .codecolorer .kw4, .dawn .codecolorer .kw5, .dawn .codecolorer .re2, code.dawn .kw3, code.dawn .kw4, code.dawn .kw5, code.dawn .re2 { color: #A71D5D; } .dawn .codecolorer .re0, .dawn .codecolorer .re1, code.dawn .re0, code.dawn .re1 { color: #234A97; } .dawn .codecolorer .br0, .dawn .codecolorer .sy0, code.dawn .br0, code.dawn .sy0 { color: #080808; } .dawn .xml .re1 { color: #A71D5D; } .dawn .xml .re0 { color: #811F24; }  .blackboard, .blackboard .codecolorer { color: #F8F8F8; background-color: #0C1021; } .blackboard .codecolorer .co0, .blackboard .codecolorer .co1, .blackboard .codecolorer .co2, .blackboard .codecolorer .co3, .blackboard .codecolorer .co4, .blackboard .codecolorer .coMULTI, code.blackboard .co0, code.blackboard .co1, code.blackboard .co2, code.blackboard .co3, code.blackboard .co4, code.blackboard .coMULTI { color: #AEAEAE; font-style: italic; } .blackboard .codecolorer .nu0, .blackboard .codecolorer .re3, code.blackboard .nu0, code.blackboard .re3 { color: #D8FA3C; } .blackboard .codecolorer .st0, .blackboard .codecolorer .st_h, .blackboard .codecolorer .es0, .blackboard .codecolorer .es1, code.blackboard .st0, code.blackboard .st_h, code.blackboard .es0, code.blackboard .es1 { color: #61CE3C; } .blackboard .codecolorer .me1, .blackboard .codecolorer .me2, code.blackboard .me1, code.blackboard .me2 { color: #FF6400; } .blackboard .codecolorer .kw1, .blackboard .codecolorer .kw2, .blackboard .codecolorer .sy1, code.blackboard .kw1, code.blackboard .kw2, code.blackboard .sy1 { color: #FBDE2D; } .blackboard .codecolorer .kw3, .blackboard .codecolorer .kw4, .blackboard .codecolorer .kw5, .blackboard .codecolorer .re2, code.blackboard .kw3, code.blackboard .kw4, code.blackboard .kw5, code.blackboard .re2 { color: #FBDE2D; } .blackboard .codecolorer .re0, .blackboard .codecolorer .re1, code.blackboard .re0, code.blackboard .re1 { color: #F8F8F8; } .blackboard .codecolorer .br0, .blackboard .codecolorer .sy0, code.blackboard .br0, code.blackboard .sy0 { color: #F8F8F8; } .blackboard .xml .re1 { color: #FBDE2D; } .blackboard .xml .re0 { color: #D8FA3C; }  .mac-classic, .mac-classic .codecolorer { color: #000000; background-color: #FFFFFF; } .mac-classic .codecolorer .co0, .mac-classic .codecolorer .co1, .mac-classic .codecolorer .co2, .mac-classic .codecolorer .co3, .mac-classic .codecolorer .co4, .mac-classic .codecolorer .coMULTI, code.mac-classic .co0, code.mac-classic .co1, code.mac-classic .co2, code.mac-classic .co3, code.mac-classic .co4, code.mac-classic .coMULTI { color: #0066FF; font-style: italic; } .mac-classic .codecolorer .nu0, .mac-classic .codecolorer .re3, code.mac-classic .nu0, code.mac-classic .re3 { color: #0000CD; } .mac-classic .codecolorer .st0, .mac-classic .codecolorer .st_h, .mac-classic .codecolorer .es0, .mac-classic .codecolorer .es1, code.mac-classic .st0, code.mac-classic .st_h, code.mac-classic .es0, code.mac-classic .es1 { color: #036A07; } .mac-classic .codecolorer .me1, .mac-classic .codecolorer .me2, code.mac-classic .me1, code.mac-classic .me2 { color: #0000A2; } .mac-classic .codecolorer .kw1, .mac-classic .codecolorer .kw2, .mac-classic .codecolorer .sy1, code.mac-classic .kw1, code.mac-classic .kw2, code.mac-classic .sy1 { color: #0000FF; } .mac-classic .codecolorer .kw3, .mac-classic .codecolorer .kw4, .mac-classic .codecolorer .kw5, .mac-classic .codecolorer .re2, code.mac-classic .kw3, code.mac-classic .kw4, code.mac-classic .kw5, code.mac-classic .re2 { color: #0000FF; } .mac-classic .codecolorer .re0, .mac-classic .codecolorer .re1, code.mac-classic .re0, code.mac-classic .re1 { color: #318495; } .mac-classic .codecolorer .br0, .mac-classic .codecolorer .sy0, code.mac-classic .br0, code.mac-classic .sy0 { color: #000000; } .mac-classic .xml .re1 { color: #0000FF; } .mac-classic .xml .re0 { color: #0000CD; }  .vibrant, .vibrant .codecolorer { color: #FFFFFF; background-color: #000000; } .vibrant .codecolorer .co0, .vibrant .codecolorer .co1, .vibrant .codecolorer .co2, .vibrant .codecolorer .co3, .vibrant .codecolorer .co4, .vibrant .codecolorer .coMULTI, code.vibrant .co0, code.vibrant .co1, code.vibrant .co2, code.vibrant .co3, code.vibrant .co4, code.vibrant .coMULTI { color: #9933CC; font-style: italic; } .vibrant .codecolorer .nu0, .vibrant .codecolorer .re3, code.vibrant .nu0, code.vibrant .re3 { color: #339999; } .vibrant .codecolorer .st0, .vibrant .codecolorer .st_h, .vibrant .codecolorer .es0, .vibrant .codecolorer .es1, code.vibrant .st0, code.vibrant .st_h, code.vibrant .es0, code.vibrant .es1 { color: #66FF00; } .vibrant .codecolorer .me1, .vibrant .codecolorer .me2, code.vibrant .me1, code.vibrant .me2 { color: #FFCC00; } .vibrant .codecolorer .kw1, .vibrant .codecolorer .kw2, .vibrant .codecolorer .sy1, code.vibrant .kw1, code.vibrant .kw2, code.vibrant .sy1 { color: #FF6600; } .vibrant .codecolorer .kw3, .vibrant .codecolorer .kw4, .vibrant .codecolorer .kw5, .vibrant .codecolorer .re2, code.vibrant .kw3, code.vibrant .kw4, code.vibrant .kw5, code.vibrant .re2 { color: #FFCC00; } .vibrant .codecolorer .re0, .vibrant .codecolorer .re1, code.vibrant .re0, code.vibrant .re1 { color: #FFFFFF; } .vibrant .codecolorer .br0, .vibrant .codecolorer .sy0, code.vibrant .br0, code.vibrant .sy0 { color: #FFFFFF; } .vibrant .xml .re1 { color: #FFCC00; } .vibrant .xml .re0 { color: #339999; }  .railscasts, .railscasts .codecolorer { color: #E6E1DC; background-color: #2B2B2B; }  .railscasts ::selection, .railscasts .codecolorer ::selection { background:#adb9d2; } .railscasts ::-moz-selection, .railscasts .codecolorer ::-moz-selection { background:#566381; } .railscasts .codecolorer .co0, .railscasts .codecolorer .co1, .railscasts .codecolorer .co2, .railscasts .codecolorer .co3, .railscasts .codecolorer .co4, .railscasts .codecolorer .coMULTI { color: #BC9458; font-style: italic; } .railscasts .codecolorer .nu0, .railscasts .codecolorer .re3 { color: #6D9CBE; } .railscasts .codecolorer .st0, .railscasts .codecolorer .st_h, .railscasts .codecolorer .es0, .railscasts .codecolorer .es1 { color: #A5C261; } .railscasts .codecolorer .me1, .railscasts .codecolorer .me2 { color: #FFC66D; } .railscasts .codecolorer .kw1, .railscasts .codecolorer .kw2, .railscasts .codecolorer .sy1 { color: #CC7833; } .railscasts .codecolorer .kw3, .railscasts .codecolorer .kw4, .railscasts .codecolorer .kw5, .railscasts .codecolorer .re2 { color: #6E9CBE; } .railscasts .codecolorer .railscasts .re0, .railscasts .codecolorer .re1 { color: #D0D0FF; } .railscasts .codecolorer .br0, .railscasts .codecolorer .sy0 { color: #E6E1DC; } .railscasts .xml .re1 { color: #6E9CBE; } .railscasts .xml .re0 { color: #6D9CBE; } } @media all {div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } } html, body{ height:100%; }  .kalturaHand{ cursor: pointer; cursor: hand; } .kalturaPager{ text-align: center; } input#kaltura_video_comment{ margin-top: 0; }   .kalturaTab{ padding: 15px; } .kalturaUpdated{ padding: 0.6em 1.6em; font-weight: bold; } #kalturaBackLink{ position: absolute; top: 55px; right: 10px; } a.kalturaLink{ color: #006699; font-size: 14px; font-weight: bold; text-decoration: underline; } a.kalturaLink:hover{ color: #6699CC; }  #kalturaCreateDiv { text-align: center; padding-top: 60px; } #kalturaCreateDiv input { padding-right: 1.25em; padding-left: 1.25em; width: 14em; }  div.kalturaWrapFix { max-width: 810px; padding-top: 10px; } ul#kalturaBrowse { list-style: none; padding: 0 0 0 5px; margin: 1em 0 0 0; } ul#kalturaBrowse li{ float: left; width: 180px; margin: 0 10px 15px 10px; padding: 10px 0 5px 0; text-align: center; background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/entries_bg.png) center 0 no-repeat; } ul#kalturaBrowse li .thumb{ height:100px; border:none; } ul#kalturaBrowse li .thumb a{ } ul#kalturaBrowse li img{ } ul#kalturaBrowse li .showName{ line-height: 15px; height: 30px; font-size: 11px; font-weight: bold; color: #31302E; overflow: hidden; margin: 0 5px 0 5px; } ul#kalturaBrowse li .submit{ text-align: center; padding: 5px 10px 0; border:none; } ul#kalturaBrowse li .submit input{ width:23px; height:22px; margin:0 5px; border:none; } ul#kalturaBrowse li .submit input.add{ background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/add_icon.gif) 0 0 no-repeat; } ul#kalturaBrowse li .submit input.edit{ background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/edit_icon.gif) 0 0 no-repeat; } ul#kalturaBrowse li .submit input.del{ background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/delete_icon.gif) 0 0 no-repeat; } ul#kalturaBrowse li .submit input.edit_video{ background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/edit_video_icon.gif) 0 0 no-repeat; } ul#kalturaBrowse li .submit a{ color:#004265; } ul#kalturaBrowse li input.sendButton{ width: 9em; }  #kalturaEditTable{ } #kalturaEditTable label{ font-weight:bold; } #kalturaEditTable fieldset{ padding: 5px 5px 10px 5px; } #kalturaEditTable fieldset legend{ padding-bottom: 0px; } #kalturaEditTable div.selectBox{ margin-bottom:15px; } #kalturaEditTable div.selectBox label{ display:block;} #kalturaEditTable div.radioBox{ padding:4px 0 12px 0; } #kalturaEditTable div.radioBox .iradio{ position:relative; top:3px; } #kalturaEditTable div.radioBox label{ padding-left:7px; } #kalturaEditButtons{ margin:0; padding:0; text-align:right; border: 0; } #kalturaEditButtons input{ margin-right: 10px; } #kalturaPlayerSizeText{ padding: 5px 0 10px 5px; font-weight: bold; } #kalturaEditTable .playerName{ position: absolute; margin: 5px 0 0 5px; font-size: 12px; width: 200px; font-weight: normal; color: #000; overflow: hidden; } #kalturaEditTable table td{ padding: 0; } #kalturaEditTable select{ width: 130px; height:auto; padding:0; } .kalturaTab .backDiv{ text-align: right; } #kalturaCmsLogin{ background-color: #E1EAEF; border: solid 1px #B4D5E5; margin: 5px 0 15px 0; } #kalturaCmsLogin .kalturaFirstRow td{ padding-top: 10px; } #kalturaCmsLogin .kalturaFirstRow th{ padding-top: 10px; } #kalturaCmsLogin th{ font-weight:normal; padding-left: 10px; } #kalturaCmsLogin .kalturaLastRow td{ padding-right: 10px; padding-bottom: 10px; } fieldset.kalturaNoBorderFieldSet{ border: 0; } fieldset.kalturaNoBorderFieldSet legend label{ font-weight: bold; } form.kalturaForm{ margin: 0; } table.kalturaFormTable{ border: solid 1px #AED3E3; } table.kalturaFormTable td{ border: 0; } table.kalturaFormTable td table{ width:100%; }  #kalturaOverlay{ position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background:url(/wp-content/plugins/kaltura-interactive-video/css/../images/trans_bg.png) 0 0 repeat; cursor: wait; } * html #kalturaOverlay{ position: absolute; background:#000; filter: alpha(opacity=40); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 'px'); } .kalturaModal{ display:none; position:fixed; z-index:9; top:50%; left:50%; margin-left:-170px; width:340px; pading:10px; border: 4px solid #525252; background-color:#fff; } * html .kalturaModal{ position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 'px'); }  * html .modalContributionWizard{ top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 200 + 'px'); }  * html .modalSimpleEditor{ top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0) + 300 + 'px'); } @media screen { #header { -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #hmenu ul li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer { -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } li.comment, li.trackback, li.pingback, img.avatar { -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.archive-desc { -moz-border-radius: 5px; -webkit-border-radius: 5px; } input, textarea { -moz-border-radius:3px; -webkit-border-radius: 3px; } .wp-caption, .gallery, .attachment img { -moz-border-radius: 5px; -webkit-border-radius: 5px; } #wp-calendar tbody td { -moz-border-radius:2px; -webkit-border-radius: 2px; } }