/* THEME NAME: Pop Up New York THEME URI: http://popupnewyork.com DESCRIPTION: Custom Theme VERSION: 1.0 AUTHOR: purpleneon AUTHOR URI: http://www.purple-neon.com */ /* Stylesheet RESET */ @import url('reset.css'); /* General */ body {background:#0798d1; color:#ffffff; font-family:Arial,Helvetica,Sans-serif; font-size:1.2em;} p {margin-bottom:0px;} /* Layout */ #sitewrap {width:988px; background: url('images/bg.jpg') top no-repeat; margin:0 auto; padding:0 20px;} .wrap {width:988px;} .spacer {height:60px;} #header {height:155px;} #logo {width:276px; height:165px; background:url('images/logo_2.png'); margin-left:-10px;} #logo a {display:block; width:276px; height:165px;} #footer {width:988px; text-align:center; padding:10px 0 20px;} #footer p {font-size:0.5em; clear:left;} #nav {width:686px; height:25px; float:right;} #nav ul li {display:inline; float:left; text-indent:-1000px; overflow:hidden;} #nav ul li a {display:block; width:134px; height:36px;} #nav ul li a.item_1 {background:url('images/nav_item_1.jpg'); margin-right:4px;} #nav ul li a.item_2 {background:url('images/nav_item_2.jpg'); margin-right:4px;} #nav ul li a.item_3 {background:url('images/nav_item_3.jpg'); margin-right:4px;} #nav ul li a.item_4 {background:url('images/nav_item_4.jpg'); margin-right:4px;} #nav ul li a.item_5 {background:url('images/nav_item_5.jpg'); margin-right:0px;} #content {width:988px; margin:20px 0 10px 0;} #full_page {width:988px; min-height:557px; background:url('images/page_bg.jpg') top no-repeat #0795d4; line-height:1.3em;} #about_title {width:296px; height:70px; background:url("http://popupnewyork.com/images/about_title.png"); margin:0;} #behind_title {width:296px; height:70px; background:url("http://popupnewyork.com/images/behind_title.png"); margin:0;} #archive_title {width:296px; height:70px; background:url("http://popupnewyork.com/images/archive_title.png"); margin:0;} #blog_title {width:296px; height:70px; background:url("http://popupnewyork.com/images/blog_title.png"); margin:0;} .thumb {margin:20px 20px 0px 0; float:left;} .thumb p {margin:0px;} .thumb_wrap {clear:left; width:485px; margin-right: 20px; float: left;} .home_thumb a {display:block; width:100px; height:103px; float:left; margin-right:27px;} .padding {padding:0 20px 10px 20px; width:948px; background:#0458a1;} #col_left {width:391px; margin:0 12px 0 0;} #col_right {width:585px;} #blog_col {width:740px; float:left;} #sidebar {width:208px; float:left; background:#0458a1; padding:40px 20px 0px 20px; margin-top:70px;} #sidebar ul {list-style-type:none; margin:10px 0 40px 0; line-height:1.2em; } #sidebar ul li {font-size:0.6em;} #sidebar h3 {border-bottom:solid 1px #ffffff;} #sidebar p {font-size:0.6em; line-height:1.5em; margin:10px 0 40px 0;} #feature_photo {width:371px; height:450px; padding:10px; background:url('http://popupnewyork.com/images/feature_photo_bg.jpg');} #feature_photo a {display:block; width:391px; height:470px;} #feature_video {width:585px; height:313px; margin-bottom:5px;} #feature_video a {display:block; width:585px; height:313px;} #feature_slide {width:511px; height:102px; padding:25px 25px 25px 49px; background:url('images/feature_slide_bg.jpg');} #ad_1 {width:686px; height:95px; margin:26px 0 9px 0;} #ad_1 a {width:686px; height:95px; display:block;} #ad_wrap {width:988px; height:93px; clear:both;} #ad_2 {width:300px; height:93px; margin-right:5px; background:url('images/ad_2.jpg');} #ad_2 a {width:300px; height:93px; display:block;} #ad_3 {width:378px; height:93px; margin-right:5px; background:url('images/ad_3.jpg');} #ad_3 a {width:378px; height:93px; display:block;} #ad_4 {width:300px; height:93px; background:url('images/ad_4.jpg');} #ad_4 a {width:300px; height:93px; display:block;} .post { margin:0 0 20px 0; padding:20px; background:url('images/post_bg.jpg') top repeat-x #0585c6;} .blog_post {width:700px; margin:0 0 20px 0; padding:20px; background:url('images/post_bg.jpg') top repeat-x #0585c6;} .post h2 {font-size:1.3em; margin:0 40px 15px 0; } .blog_post h2 {font-size:1.3em; margin:0 40px 15px 0; } .post h4 {float:left; font-size:1.0em; padding-top:4px; margin-right:20px;} .post .text_area { float:left; width: 435px; font-size: 0.8em;line-height:1.5em; padding:20px 0 0 0; border-top: solid 1px #fff; margin-top:8px;} .blog_post .post_content {font-size: 0.8em;line-height:1.5em} .blog_post .post_content p {margin-bottom:15px;} .blog_post .post_content img {padding:5px; border:solid 1px #ffffff; float:left; margin:0 20px 10px 0;} .post #about_text p {font-size:0.8em; margin-bottom:15px; line-height:1.5em;} .blog_post h5 {font-size:0.6em; margin:0 0 10px 0; color:#0795d4; text-transform:uppercase;} .blog_post h5 span {color:#ffffff;} .sub_wrap {height:26px;float:right;} .sub_wrap a {display:block; height:26px; width:26px;} .subway_a {background:url("http://popupnewyork.com/images/subway_icons/a.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_b {background:url("http://popupnewyork.com/images/subway_icons/b.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_c {background:url("http://popupnewyork.com/images/subway_icons/c.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_d {background:url("http://popupnewyork.com/images/subway_icons/d.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_e {background:url("http://popupnewyork.com/images/subway_icons/e.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_f {background:url("http://popupnewyork.com/images/subway_icons/f.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_g {background:url("http://popupnewyork.com/images/subway_icons/g.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_j {background:url("http://popupnewyork.com/images/subway_icons/j.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_l {background:url("http://popupnewyork.com/images/subway_icons/l.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_m {background:url("http://popupnewyork.com/images/subway_icons/m.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_n {background:url("http://popupnewyork.com/images/subway_icons/n.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_q {background:url("http://popupnewyork.com/images/subway_icons/q.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_r {background:url("http://popupnewyork.com/images/subway_icons/r.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_s {background:url("http://popupnewyork.com/images/subway_icons/s.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_v {background:url("http://popupnewyork.com/images/subway_icons/v.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_w {background:url("http://popupnewyork.com/images/subway_icons/w.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_z {background:url("http://popupnewyork.com/images/subway_icons/z.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_1 {background:url("http://popupnewyork.com/images/subway_icons/1.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_2 {background:url("http://popupnewyork.com/images/subway_icons/2.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_3 {background:url("http://popupnewyork.com/images/subway_icons/3.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_4 {background:url("http://popupnewyork.com/images/subway_icons/4.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_5 {background:url("http://popupnewyork.com/images/subway_icons/5.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_6 {background:url("http://popupnewyork.com/images/subway_icons/6.png"); width:26px; height:26px; float:left; margin-right:5px;} .subway_7 {background:url("http://popupnewyork.com/images/subway_icons/7.png"); width:26px; height:26px; float:left; margin-right:5px;} .sif {background:url("http://popupnewyork.com/images/subway_icons/sif.png"); width:26px; height:26px; float:left; margin-right:5px;} #icon_wrap {width:380px; height:25px; margin:20px auto;} #icon_wrap p {float:left; line-height:3em;} #icon_facebook {margin-right:10px; margin-left:10px; float:left; width:93px; height:26px; background:url("http://popupnewyork.com/images/footer_icons/icon_facebook.png");} #icon_facebook a {display:block; width:93px; height:26px;} #icon_twitter {margin-right:10px; float:left; width:93px; height:26px; background:url("http://popupnewyork.com/images/footer_icons/icon_twitter.png");} #icon_twitter a {display:block; width:93px; height:26px;} #icon_rss {float:left; width:93px; height:26px; background:url("http://popupnewyork.com/images/footer_icons/icon_rss.png");} #icon_rss a {display:block; width:93px; height:26px;} /* Comment-Styles */ #comments_template h5 {float:right; font-size:0.6em; margin:0 0 10px 0; color:#0458a1; text-transform:uppercase;} #comments_template input {height:18px; padding:2px; margin:0 0 5px 0;} #comments_template textarea {margin:10px 0 10px 0; padding:0px;} #comments_template input#submit {padding:0 10px; background:#37bde4; color:#0458a1;} #comments_template input#submit:hover {cursor:pointer; background:#ffffff;} #comments_template { border-top:1px solid #e3e3e3; margin-top:30px; padding-top:30px; } #comments_template p {font-size:0.6em; line-height:1.5em;} #comments_template h4 {margin-bottom:20px;} #comments_template h2 {font-size:1.3em;} ol#comments { margin:0px; padding:0px; margin-top:20px; } ol#comments li { margin:0px; padding:0px; position:relative; padding-left:60px; list-style:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; } ol#comments .avatar { position:absolute; top:0px; left:0px; } ol#comments small a { font-weight:normal; color:#999999; } ul.commentlist { margin:20px 0px 20px 0px; padding:0px; border:5px solid #dedede; } ul.commentlist li { margin:0px; padding:10px 0px 20px 60px; position:relative; list-style:none; border:1px solid #dedede; border-bottom:0px; } ul.commentlist .avatar { position:absolute; top:10px; left:10px; border:1px solid #dedede; } ul.commentlist .commentmetadata { display:none; } ul.commentlist ul { margin:20px 0px 20px 0px; padding:0px; } ul.commentlist ul li { border:0px; background-color:#ffffff; overflow:auto; background-image:none; padding-bottom:0px; }