/* Theme Name: NeuMatzit Theme URI: http://theothermag.com Description: The Other Magazine Version: 0.1 Author: The Other Tags: The Other Magazine */ @import "basics.css"; /*body { background: url(images/grid.png) top center repeat-y #fff; }*/ .show-grid { background: url(images/grid.png) top center repeat-y #fff; } .hide-grid { background: none !important; } .hide { display: none; } /* ~Typography */ a { border-bottom: 1px dotted black; /* padding: 0 1px; */ color: black; text-decoration: none; } a:hover { text-decoration: none; background-color: #FFFFB2; color: black;} a:visited { color: black; } a.img { border: none; background: transparent; } html { font-size: 100%; min-height: 101%; } body { color: #000; font-size: 62.5%; font-family: "Arial Hebrew", Arial, sans-serif; } input, textarea { font-family: "Arial Hebrew", Arial, sans-serif; } .text p, .text li { font-size: 1.2em; } .text li li { font-size: 1em; } .post .text p:first-letter {margin-right: 10px;} blockquote { background: #fff url(images/qoute.gif) top right no-repeat; display: block; float: none; margin: 20px 0; padding: 15px 50px 0 0; width: 450px; font-size: 16px; font-weight: normal; font-family: "arial", sans-serif; text-align: center;} .alignright { float: right; text-align: right; } .alignleft { float: left; text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } ul { margin-bottom: 1.8em; margin-right: 2.4em; list-style: square outside; } li > ul, li > ol { margin-bottom: 0; margin-right: 5em; } ol { margin-bottom: 1.8em; list-style: decimal inside; } /* ~Structure */ body { padding: 0 1em; } /* Header actually lives in the footer and is pushed to the top */ #header { position: absolute; top: 28px; width: 945px; } /* This is everything on the page, basically just an extra */ #container{ margin: 0 auto; width: 945px; direction: rtl; } /* This is everything *but* the header and footer. It gets pushed down to make room for the header */ #content { float: right; width: 945px; margin-top: 180px; } /* No sub-menu on the front page, so leave less room for header */ body.home #content { margin-top: 180px; } #posts { float: right; width: 750px; margin-left: 30px;} #toolbar { float: right; border-top: 4px solid black; width: 160px; margin-bottom: 30px;} #sidebar { float: left; width: 160px; } #outbrainMPDiv_0 { font-size: 11px; font-weight: normal; } .outbrain_MP_widget.dir_rtl { margin:12px 0 0; } /* .outbrain_MP_widget .OB_MP_item_even { background-color:#efefef; margin-top: 1px; } .outbrain_MP_widget .OB_MP_item_odd { background-color:#dfdfdf; margin-top: 1px; } .outbrain_MP_widget .OB_MP_item_title { border: none; } */ .outbrain_MP_widget .OB_none { padding-left: 0; padding-right: 0; } .outbrain_MP_widget.dir_rtl .OB_MP_item_hover { border-right: none; padding-left: 0; padding-right: 0; } img.alignright { float: right; margin: 10px 0 10px 20px; display: inline;} img.alignleft { float: left; margin: 10px 20px 10px 0; display: inline;} img.aligncenter {display: block; margin-left: auto;margin-right: auto; margin-top: 15px; margin-bottom: 15px;} /* ~index */ .index .where {float: left; width: 560px; margin-bottom: 2em;} .index .where a {border: none;} .index .where a:hover {background: none;} .index .where h2 { font-size: 3.2em; font-family: "Arial Hebrew", Arial, sans-serif; } .index .post { float: left; margin-bottom: 15px; width: 560px;} .index .post .content { float: left; width: 560px;} .index .post .main-content { overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 15px;} .index .post .head, .index .post .freehead {} .index .post .head h3, .index .post .freehead h3 { font-size: 18px; } .index .post .head a, .index .post .freehead a { border: none; } .index .post .excerpt p { font-size: 13px; } .index .post .author { float: right; color: #333; font-size: 12px; } .index .post .author a { border: none; color: #333; } .index .post .thumbnail { overflow: hidden; float: right; margin-left: 15px; width: 80px; height: 80px; } .index .post-nav { float: left; margin-bottom: 4em; width: 560px; } .index .post-nav div a { display: block; border-top: 1px solid #999; padding: 0 1em; } .index .post-nav span { font-size: 1.5em; font-weight: bold; } /* ~posts */ .pagelink { margin: 15px 0; font-size: 1.1em; padding-right: 10px; font-weight: bold; background-color: #ffffcc; } .pagelink a { border: none; color: #ff0000; margin: 5px; } .one .post { float: left; width: 560px;} .one .post .head { float: left; width: 560px; padding-bottom: 5px; margin-bottom: 20px; border-top: 4px solid black; border-bottom: 4px solid black;} .one .post .head-main { text-align: center; width: 560px; } .one .post .head-content { overflow: hidden; margin-bottom: 5px; padding: 0 20px;} .one .post .head .logo-label {margin: 0 200px 10px; font-size: 15px; background: black; color: white; height: 25px; width: 120px;} .one .post .head h2 { float: left; width: 100%; padding-bottom: 0.2em; font-size: 32px; font-family: "Arial Hebrew", Arial, sans-serif;} .one .post .head h2 a, .one .post .head h2 span { border-bottom: none; font-size: 32px; font-family: "Arial Hebrew", Arial, sans-serif; } .one .post .head h2 a { display: block; padding-right: 3px;} .one .post .subtitle span { font-size: 15px;} .one .post .author { margin-bottom: 10px; } .one .post .author span { font-size: 13px; } .one .post .mainmeta { float: none; width: 510px; padding: 0 20px;} .one .post .mainmeta p span { font-size: 13px; } .one .post .mainmeta .art-tools { float: right; } .one .post .mainmeta .art-tools form { display: inline; margin-right: 15px;} .one .post .mainmeta .art-tools a { border: none; } .one .post .mainmeta .art-tools a:hover { background: none; } .one .post .mainmeta .postedit, .one .post .mainmeta .comments{ float: left; } .post .fullpost { float: left; width: 510px; border-bottom: 1px solid #999; font-size: 14px; padding: 0 25px 10px 25px;} .post .fullpost p {margin-bottom: 14px; } .post .fullpost h3 { margin: 20px 0 0.75em; line-height: 1.5em; font-size: 24px; font-family: "Arial Hebrew", Arial, sans-serif; } .post em { padding: 0 0.1em; font-weight: normal; font-style: italic; } /* Pull quotes are marked up with . They are duplicated using JS outside of the

elements, so they can get a different style. */ .post big { background: #fff url(images/qoute.gif) top right no-repeat; display: block; float: none; margin: 0 20px 0 0; padding: 10px 20px; width: 80%; font-size: 16px; font-weight: bold; font-family: "Arial Hebrew", Arial, sans-serif; text-align: center; } .post p big { background: none; display: inline; float: none; margin: 0; padding: 0; width: auto; font-size: 14px; font-weight: normal; font-family: arial;} .post .fullpost img { border: none; } .post .fullpost img.no-outline { border: none; } .post .wp-caption {width: 510px; padding: 10px 0 0;} .post .wp-caption .wp-caption-text { font-size: 11px; color: #666; } .post .wp-caption a, .post .wp-cation a:hover { border: none; background: none; } a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#FFFFB2; border:1px solid #cccccc; color:#6c6c6c;} /* ~Comments */ #comments { float: left; width: 510px; padding: 50px 25px 0 25px;} #comments .head { margin-bottom: 0; border-top: 4px solid black; border-bottom: none; padding-bottom: 1em; width: 510px; } #comments .head h2 { padding-top: 5px;font-size: 16px; } #comments .head h2 a{ border: none; } #commentlist { float: right; margin-bottom: 3em; width: 50em; } #commentlist .comment { float: left; margin-top: 30px; border-top: 1px solid #999; padding-top: 15px; } #commentlist .comment.depth-1 { width: 50em; } #commentlist .comment.depth-2 { width: 44em; } #commentlist .comment.depth-3 { width: 38em; } #commentlist .comment.depth-4 { width: 32em; } #commentlist .comment.depth-5 { width: 26em; } #commentlist .comment .avatar { float: left; width: 40px; height: 40px; } #commentlist .comment .comment-author { font-size: 14px; margin-bottom: 0.4em; } #commentlist .comment .comment-meta, #commentlist .comment > em { font-size: 12px; } #commentlist .comment > em { font-weight: bold; } #commentlist .comment cite, #commentlist .comment cite a { font-weight: bold; font-style: normal; } #commentlist .comment p { font-size: 1.3em; } #commentlist div[style="direction: rtl;"], #commentlist div[style="direction: ltr;"] { margin: 10px 0; } #commentlist div[style="direction: rtl;"] p, #commentlist div[style="direction: ltr;"] p { margin-bottom: 1em; } .comment div.reply { float: left; } .comment div.reply a { font-size: 1.3em; } .comment div.reply a:before { content:'\21B5 '; } #respond { float: right; margin-bottom: 2em; width: 50em; } #respond form { float: right; margin-bottom: 2.4em; } #respond .head { margin-bottom: 1em; } #respond .head h2 a { font-size: 11px; } #respond p { float: right; width: 100%; margin-bottom: 12px; } #respond label { float: right; width: 100px; text-align: left; } #respond label[for="author"], #respond label[for="email"], #respond label[for="comment"] { font-weight: bold; } #respond label[for="url"] { margin-bottom: 2.4em; } #respond input { float: left; margin-left: 60px; width: 316px; font-size: 15px } #respond textarea { float: left; margin-bottom: 5px; width: 510px; height: 200px; font-size: 13px; } #respond input#submit { margin-left: 0; width: 50px; background: black; border: none; font-size: 12px; color: white;} #respond .cancel-comment-reply{ margin-bottom: 16px; margin-right: 120px; font-size: 13px; font-weight: bold; text-align: right; } /* ~pages */ .page .post { float: left; margin-bottom: 3em; width: 560px;} .page .post .head {float: left; text-align: center; width: 560px; border-top: 4px solid black; margin-bottom: 10px; } .page .post .head h2 { float: left; width: 100%; padding-bottom: 0.4em; font-size: 3.2em; font-family: "Arial Hebrew", Arial, sans-serif;} .page .post .fullpage { float: left; width: 560px; border-bottom: 1px solid #999; margin-bottom: 2em;} .page .fullpage p {margin-bottom: 10px; } .post .fullpage h3 { font-size: 24px; font-family:"Arial Hebrew", Arial, sans-serif; } .page .post .writer {float: right; width: 510px; margin-bottom: 30px;padding: 0 25px;} .page .post .writer-data {margin-right: 100px; width: 420px;} .page .post .name {width: 420px; border-bottom: 1px solid;} .page .post .name h2 { font-size: 14px; } .page .post .name a {font-size: 14px; font-weight: bold; border: none; } .page .post .fullpage p { font-size: 14px;} .page .post .thumbnail {float: right;width: 80px; height: 80px;} /* ~Featured ~Slider */ #featured { float: right;} #slider { position: relative; float: right; padding-bottom: 0; width: 750px;} #slider .scroll { position: absolute; float: right; width: 750px; height: 265px;} #slider .panel { width: 750px; height: 265px;} #slider .panel .thumbnail { overflow: hidden; float: right; width: 750px; height: 265px; } #slider .panel .thumbnail img { float: left; } #slider .panel .content { position: relative; right: 0; top: -265px; float: right; width: 190px; height: 265px; background-color: #000; color: #FFF; } #slider .panel .main-content { overflow: hidden; margin-bottom: 20px; height: 245px;} #slider .panel .head { margin: 15px 15px 10px 15px; color: #FFF; line-height: 2.4em; } #slider .panel .head h2 a { font-size: 18px; color: #FFF; } #slider .panel .head a:hover { font-size: 18px; color: #000; } #slider .excerpt { font-size: 13px; line-height: 130%; padding: 0 15px 10px 15px;} #slider .panel .author { position: relative; bottom: 0;padding-right: 15px; } #slider .panel .author p { font-size: 11px; } #slider .panel .author a { font-size: 11px; color: #FFF;} #slider .panel .author a:hover { font-size: 11px; color: #000;} #slider ul.navigation { float: left; margin: 260px 0 0 0; padding: 0; width: 400px; height: 20px; list-style: none;} #slider ul.navigation a { display: block; float: left; overflow: hidden; padding: 0.5em 0.5em 0 0; border: none; } #slider ul.navigation li a:hover { background-color: #FFFFB2; color: black; } #slider ul.navigation a span { font-size: 13px;} #slider ul.navigation a.selected { color: black; font-weight: bold; } /* deprecated */ .animate-desc { display: none; position: relative; display: block; right: 210px; top: -23px; width: 13px; height: 14px; } .fold-desc { background: url('images/slider-arrow-right.png') no-repeat; } .reveal-desc { background: url('images/slider-arrow-left.png') no-repeat; } /* ~Magazine view */ .item { float: right; } .item p { font-size: 1.4em; } .item .meta { } #columns { float: left; width: 560px; margin-top: -30px; padding: 30px 0 20px 0;} #columns .item { float: left; border-top: 4px solid #000;} #columns .item:last-child {padding-bottom: 20px;} #columns .item .content { float: left; width: 560px; } #columns .item .thumbnail { overflow: hidden; float: right; margin: 15px 0 15px 15px; width: 160px; } #columns .item .thumbnail img { float: right; } #columns .item .main-content { overflow: hidden; margin: 15px 0 10px 0; width: 365px;} #columns .item .head { margin-bottom: 0.75em; } #columns .item .head h3 { font-size: 1.6em; } #columns .item .head h3 a { border: none; } #columns .item .author { margin: 1em 0 0; } #columns .item .author a { border: none; color: #333; } #columns .item .author p { font-size: 12px; color: #333;} #columns .goto-all { float: right; margin-top: 30px; border-top: 1px solid black; width: 100%; } #columns .goto-all p { font-size: 14px; font-weight: bold; } #columns .goto-all p a { display: block; float: right; border-bottom: none; width: 100%; text-align: right; } #columns .goto-all p a:after { content:' \00BB '; } /* » */ /* ~Sidebar */ #sidebar .widget { margin-bottom: 4em; border-top: 1px solid #666; padding-top: 1.6em; } #sidebar .widget h4 { font-size: 1.6em; margin: 0 0 0.75em; line-height: 1.5em; } #sidebar .widget li { font-size: 1.6em; line-height: 1.8em; } /* ~Header */ #header { border-top: 4px solid black;} #pretext { border-bottom: 1px solid black; padding: 5px 105px 3px 0; height: 22px;} #pretext p { font-size: 13px; color: #444; } #pretext a { border: none; font-weight: bold; color: #666; } #title { margin-bottom: 0; border-bottom: 0.1em solid black; height: 55px; padding: 13px 0 2px 0; } #mark a { display: block; overflow: hidden; border-bottom: none; width: 93px; height: 50px; padding-right: 105px; background: url(images/logo.gif) no-repeat white !important; text-indent: -1000em; text-decoration: none; } #mark a:hover { background-color: white !important; text-decoration: none !important; } #header #search { float: left; margin-top: -2px; } #header #search #s { float: right; margin-left: 4px; height: 15px; border: 1px solid #ccc; width: 108px; } #header #search #searchsubmit { border: none; color: #FFF; font-size: 12px; width: 46px; height: 19px; background: #000; } #main-nav { float: right; width: 945px; border-bottom: 1px solid black; padding: 8px 0 3px 0; height: 19px;} #main-nav li a { border-bottom: none; padding: 0 0.2em 0.1em; color: black ; font-size: 1.6em; } #goto-america a:hover {text-decoration: none !important; background:#FFFFB2;} #goto-america.current a {text-decoration: none !important; background:#FFFFB2;} #goto-america.current .submenu li a {background: white; } #goto-america.current .submenu li.current a {background: #FFFFB2; } #goto-food a:hover {text-decoration: none !important; background:#FCD890;} #goto-food.current a {text-decoration: none !important; background:#FCD890;} #goto-food.current .submenu li a {background: white; } #goto-food.current .submenu li.current a {background: #FCD890; } #goto-ils a:hover {text-decoration: none !important; background:#0472CB;} #goto-ils.current a {text-decoration: none !important; background:#0472CB;} #goto-ils.current .submenu li a {background: white; } #goto-ils.current .submenu li.current a {background: #0472CB; } #goto-books a:hover {text-decoration: none !important; background:#FFB2B2;} #goto-books.current a {text-decoration: none !important; background:#FFB2B2;} #goto-books.current .submenu li a {background: white; } #goto-books.current .submenu li.current a {background: #FFB2B2; } #goto-films a:hover {text-decoration: none !important; background:#FFB2FF;} #goto-films.current a {text-decoration: none !important; background:#FFB2FF;} #goto-films.current .submenu li a {background: white; } #goto-films.current .submenu li.current a {background: #FFB2FF; } #goto-music a:hover {text-decoration: none !important; background:#B5F7F4;} #goto-music.current a {text-decoration: none !important; background:#B5F7F4;} #goto-music.current .submenu li a {background: white; } #goto-music.current .submenu li.current a {background: #B5F7F4; } #goto-media a:hover {text-decoration: none !important; background:#ACACE5;} #goto-media.current a {text-decoration: none !important; background:#ACACE5;} #goto-media.current .submenu li a {background: white; } #goto-media.current .submenu li.current a {background: #ACACE5; } #goto-personal a:hover {text-decoration: none !important; background:#AFEFBB;} #goto-personal.current a {text-decoration: none !important; background:#AFEFBB;} #goto-personal.current .submenu li a {background: white; } #goto-personal.current .submenu li.current a {background: #AFEFBB; } #goto-lifestyle a:hover {text-decoration: none !important; background:#E9FF99;} #goto-lifestyle.current a {text-decoration: none !important; background:#E9FF99;} #goto-lifestyle.current .submenu li a {background: white; } #goto-lifestyle.current .submenu li.current a {background: #E9FF99; } #goto-about a:hover {color: #FFF; text-decoration: none !important; background:#000;} #goto-about.current a {text-decoration: none !important; background:#000;color: #FFF;} #goto-about.current .submenu li a {background: white; color: #000; } #goto-about.current .submenu li.current a {background: #000; color: #FFF;} #main-nav ul { float: right; margin: 0; padding-top: 0.15em;} #main-nav li { display: block; float: right; padding-left: 0.5em; font-weight: bold; line-height: 1.5em; } #main-nav .submenu .sep {} #main-nav .submenu { position: absolute; top: 130px; right: 0; border-bottom: 1px dotted #999; padding-bottom: 0.6em; width: 94em; background: white; } #main-nav li.current .submenu { /*display: block; */} #main-nav .submenu li a { font-size: 1.3em; } #moose { position: absolute; top: -25px; right: 0px; display: block; overflow: hidden; width: 94px; height: 119px; text-align: right; } #moose a, #moose a.visited, #moose a:hover { background: none !important; border: none !important; text-decoration: none !important; } #login { position: absolute; top: 33px; left: 0;font-size: 13px; display: block; overflow: hidden; background: #000; width: 150px; height: 50px; color: #FFF;padding: 14px 10px 0 0;} #login h2 {color: #FFF; font-size: 16px; font-family: "Arial Hebrew", Arial, sans-serif;} #login a, #login a:visited { font-size: 13px; color: #FFF; border-bottom: none !important; } #login a:hover { background: none; } /* ~Footer */ #footer { float: right; width: 945px;} #sitemap .content { overflow: hidden; border-top: 3px solid black; } #sitemap p, #sitemap li { font-size: 1.1em;} #sitemap li {} #sitemap li ul {} #sitemap #sitemap-content-chicken { width: 92px;} #sitemap h3 { font-size: 1.4em; } #sitemap .oc .chicken { float: right; margin-left: 1em; margin: 0; width: 55px; height: 74px; background: url(images/icons/otherindex.gif) no-repeat top right;} #sitemap ul { list-style: none; margin: 10px 0; } #sitemap ul > li { font-weight: bold; } #sitemap ul ul { margin: 0 0.5em 1em 0; } #sitemap ul ul li { font-weight: normal; } #legal { float: left; border-top: 1px solid black; padding-bottom: 20px; width: 945px; text-align: left; font-size: 10px; font-family: serif;} /* ~Ads */ .ad-wide { float: right; margin-top: 40px; width: 100%; height: 90px; background: url('images/fill-pattern-9.png'); } .home .ad-wide { margin-top: 20px; } .ad-wide div a { display: block; margin: 30px auto; padding: 0.75em; width: 80px; background: white; text-align: center; } .ad-wide div a:hover { background: #A7CDED; } .ad-tall { float: left; margin-bottom: 2em; width: 160px; height: 200px; background: url('/wp-content/uploads/2009/12/banner01.jpg'); } .ad-tall.alt { background: url('/wp-content/uploads/2009/12/banner02.jpg'); } .ad-tall div a { display: block; margin: 80px auto; padding: 0.75em; width: 80px; background: white; text-align: center; } /* ~Toolbar */ .main-tools { padding: 13px 0; border-bottom: 4px solid black;} .main-tools li {list-style-type: none; font-size: 14px; font-weight: bold; padding-bottom: 3px;} #toolbar h2 { font-size: 14px;} #register {display: block; width: 30px; height: 45px; background: url(images/icons/mos_small.gif) no-repeat 0 0; border: none;} #register:hover {background: url(images/icons/mos_color.gif) no-repeat 0 0; color: #d8ff4c;} #register p {padding-top: 30px;} #register span {display:block;padding-top: 30px;} #rss {display: block; width: 30px; height: 26px; background: url(images/icons/rss_bw.gif) no-repeat 0 0; border: none;} #rss:hover {background: url(images/icons/rss_color.gif) no-repeat 0 0; color: #ffbd2d;} #buy {display: block; width: 30px; height: 26px; background: url(images/icons/dollar_bw.gif) no-repeat 0 0; border: none;} #buy:hover {background: url(images/icons/dollar_color.gif) no-repeat 0 0; color: #6DBB00;} #facebook {display: block; width: 30px; height: 26px; background: url(images/icons/facebook_bw.gif) no-repeat 0 0; border: none;} #facebook:hover {background: url(images/icons/facebook_color.gif) no-repeat 0 0; color: #3b5998;} #twitter {display: block; width: 30px; height: 26px; background: url(images/icons/twitter_bw.gif) no-repeat 0 0; border: none;} #twitter:hover {background: url(images/icons/twitter_color.gif) no-repeat 0 0; color: #00fffb;} .main-tools p {margin-right: 30px; padding-top: 15px; width: 125px;} .main-tools span {display:block;margin-right: 30px; padding-top: 15px; width: 125px;} #toolbar li { list-style-type: none; color: #444; font-size: 12px;} #toolbar ul{ padding: 0; margin: 0;} .bookmarks { background: #fff url(images/icons/star_slash.gif) top right no-repeat; margin-top: 20px; padding: 15px 30px 20px 0;} .fav-article { background: #fff url(images/icons/haert_slash.gif) top right no-repeat; padding: 30px 30px 30px 0;} .fav-comment { background: #fff url(images/icons/qute_slash.gif) top right no-repeat; padding: 20px 30px 15px 0;} .tag-cloud { margin: 15px 0 0 0;text-align: justify;} .tag-cloud a { } .tag-cloud a.tag-cloud-size-10 { font-size: 10px !important; color: #aaa; } .tag-cloud a.tag-cloud-size-11 { font-size: 11px !important; color: #aaa; } .tag-cloud a.tag-cloud-size-12 { font-size: 12px !important; color: #888; } .tag-cloud a.tag-cloud-size-13 { font-size: 13px !important; color: #666; } .tag-cloud a.tag-cloud-size-14 { font-size: 14px !important; color: #444; } .tag-cloud a.tag-cloud-size-15 { font-size: 15px !important; color: #222; } .tag-cloud a.tag-cloud-size-16 { font-size: 16px !important; color: #000; } .weather {margin-top: 15px; padding: 10px 0 0 0; border-top: 4px solid black;} /* the new sitemap */ #sitemap-content ul> li a {font-size:1.4em; text-decoration:none;border:none;} #sitemap-content ul> li{ float: right; margin: 30px 40px 30px 0; min-height: 0px;} .gallery-icon a { border: none; } .gallery-icon a:hover { background: none; } /* SUBS */ #siteseal { float: left; } #subshead { float: none; padding-top: 10px; } .sslon { font-size: 11px; color: #666; } .sslon img { display: inline; float: right; width: 34px; } #subform h3 {color: #336699;} #subform TR, #subform TD { font-size: 1.2em; padding: 0.4em; vertical-align: top;} #subform input[type=text], #subform input[type=password] { font-size: 12px; padding: 2px; width: 150px;} #subform input[type=submit] { background-color: #336699; color: #fff; font-size: 15px; font-weight: bold; width: 200px; height: 22px; border-color:silver gray gray silver; border-style:solid; border-width:1px; } #subform input[type=radio] { margin-left: 2px; } #subform label img { vertical-align: middle; margin-left: 1px; } #subform #submitButton { clear: both; margin: 4em 0; text-align: center; } #subform #submitHide { clear: both; margin: 4em 0; text-align: center; display: none; } #subform .inputltr { direction: ltr; } #subform .emph { background-color: yellow; font-weight: bold; font-size: 11px; } #subform .ast {color: red; font-weight: bold;} #subform .error { color: red; font-weight: bold; font-size: 12px; vertical-align: middle; } #subform .remark { color: gray; font-weight: normal; font-size: 11px; } #subform .userwarn { clear: both; border: 1px solid silver; background-color: #eaeaea; padding: 15px 15px 10px; margin-bottom: 15px; font-size: 1.4em; font-weight: bold; text-align: center; } #subform .forgotpass { font-weight: normal; font-size: 11px; } #subform .userwarn input[type=submit] { margin: 15px; } #subform .loginbox { float: left; width: 270px; } #subform .shekel { float: right; margin-left: 30px; width: 260px; } #subform .shekel .thetext { text-align: justify; margin: 17px 0pt; font-weight: normal; } #subform .shekel .theimg { text-align: center; } #subform .joinnow { clear: both; margin: 20px; padding-top: 15px; text-align: center; } #subtype { clear: both; margin-bottom: 2em; width: 100%; float: right; } #priceid { margin: 1em 0; float: right; } #methodid { margin: 1em 0; float: left; } #newuser, #ccdetails { clear: both; margin: 2em 0; } #address, #cc { clear: both; margin: 3em 0; direction: ltr; width: 560px; float: right; } #address TD, #cc TD { text-align: left; } #userprofile, #substate { clear: both; margin: 2em 0; padding: 1em; border: 1px solid silver; } #newuser .lab, #userprofile .lab { width: 180px; } #userprofile h3, #substate h3 { float: right; } #userprofile div, #substate div { float: left; font-size: 12px; font-weight: bold; } #userprofile table, #substate p { clear: both; } #subform .correctimg { display: inline; float: right; margin-left: 10px; } #subform .exitaccount { float: left; font-size: 12px; font-weight: bold; margin: 11px; color: #336699; } #subform #policy { font-size: 1.1em; border: 1px solid silver; background-color: #eaeaea; padding: 15px 15px 0; margin-bottom: 20px; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; } #boxes .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes #getpass { width: 275px; height:120px; padding: 20px; direction: rtl; text-align:center; background-color: #FFFFCC; border:5px solid #336699; font-size:1.4em; } #boxes #getpass .close { font-size: 11px; } #freeartside { width: 160px; float: left; border-top: 4px solid black; padding-top: 20px; } #freeartside h3 { text-align: center; font-size: 2.4em; line-height: 110%; color: #336699; margin-bottom: 15px; } #freeartside h3.bottom { padding-top: 5px; } #freeartside h3 a, #freeartside h3 a:visited { color: #336699 } #freeartside .postitem { background: url('images/free.png') no-repeat scroll 0 165px transparent; margin-bottom: 15px; } #freeartside a, #freeartside a:visited { border: none; } #freeartside #headline { width: 110px; } #freeartside #headline h4 { font-size: 1.6em; line-height: 125%; margin-top: 5px; font-weight: bold; } #freeartside #headline p { font-size: 1.2em; } .screenplay { margin-bottom: 1em; } .screenplay TD { vertical-align: top; padding-bottom: 0.3em; } #sidebar .postitem { width: 160px; height: 160px; position: relative; margin-top: 15px; padding-top: 15px; border-top: 4px solid black; } #sidebar .postitem a { border: none; background: none; } #sidebar .postitem .title { width: 160px; height: 40px; background: url('images/blackbg.png') repeat scroll 0 0 transparent; position: absolute; bottom: 0; right: 0; } #sidebar .postitem .title h3 { font-size: 14px; line-height: 125%; color: #fff; margin: 4px; padding: 0; } #sidebar .postitem .title a { border: none; background: none; color: #fff; } #sidebar .smallbox { width: 152px; height: 63px; padding: 4px; margin: 0; background-color: #000; } #sidebar .smallbox h3 { font-size: 12px; margin: 0 8px; color: #87CEFA; } #sidebar .smallbox ul { list-style: disc outside none; margin: 0 20px 0 10px; } #sidebar .smallbox li { line-height: 130%; font-size: 11px; color: #fff; } #sidebar .smallbox li a { border: none; color: #fff; } #sidebar .smallbox li a:hover { color: #000; }