/* Theme Name: New layout Theme URI: http://www.interceptdesigns.net/ Description: The 2009 layout for GuysCryToo.com Author: Robert Dochert Author URI: http://www.robdocherty.com */ a { outline-style: none; } *, html { margin: 0; padding: 0; } body { background: #002f2f url(images/background.png) repeat-x; text-align: center; font-family: Trebuchet MS, Arial, Verdana, Georgia, Tahoma; font-size: 62.5%; } #adsense { margin: 0 0 5px 25px; float: left; clear: both; width: 100%; height: 35px; } #adsense2 { margin: 0 0 0 15px; padding: 0; clear: both; width: 100%; display: block; } #book { clear: both; margin: 0 0 0 15px; width: 100%; display: block; height: 300px; position: relative; } #book p#statement { position: absolute; left: 15px; top: 192px; width: 130px; display: block; font-size: 11px; line-height: 16px; margin: 0; padding: 0; } p.construction { color: #000; font-size: 15px; margin: 0 0 15px 0; height: 45px; display: block; } p.construction span { clear: both; width: 100%; font-size: 16px; float: left; } p.sitecredit { color: #fff; font-size: 14px; margin: 0 0 15px 0; } p.sitecredit a { color: #fff; font-size: 16px; } #wrapper { background: url(images/male-icon-top.png) top left no-repeat; width: 1230px; margin: 0 auto; text-align: center; } #wrapper-bottom { background: url(images/male-icon-bottom.png) 98% 98% no-repeat; width: 1230px; margin: 0 auto; text-align: center; } #container { width: 1034px; margin: 0 auto; text-align: left; font-size: 12px; } #white { background: #fff; width: 100%; display: block; } #interact { background: url(images/interact.png) no-repeat; width: 277px; height: 140px; display: block; float: right; margin: 0 15px 15px 0; } #interact ul { list-style: none; margin: 35px 0 0 0; } #interact ul li { width: 100%; height: 30px; } #interact ul li a { width: 100%; height: 30px; display: block; text-indent: -999em; } #interact ul li a#btnAsk:hover { background: url(images/interact-hover.png) 0 -35px no-repeat; } #interact ul li a#btnChat:hover { background: url(images/interact-hover.png) 0 -65px no-repeat; } #interact ul li a#btnVideo:hover { background: url(images/interact-hover.png) 0 -95px no-repeat; } #header { background: url(images/header.png) no-repeat; width: 100%; height: 168px; position: relative; } #header a#twitter { background: url(images/btntwitter.png) no-repeat; position: absolute; bottom: 1px; right: 0; display: block; width: 190px; height: 82px; text-indent: -999em; z-index: 100; } #header a#twitter:hover { background: url(images/btntwitterh.png) no-repeat; } #header h1 a { text-indent: -999em; font-size: 12px; width: 345px; height: 115px; display: block; } #header h1 a:hover { background: url(images/header-hover.png) no-repeat; } #header ul#nav { width: 100%; height: 40px; display: block; list-style: none; position: absolute; left: 0; bottom: 0; } #header ul#nav li { height: 40px; float: left; } #header ul#nav li a { display: block; height: 40px; text-indent: -999em; } #header ul#nav li a#home { width: 72px; } #header ul#nav li a#ask { width: 135px; } #header ul#nav li a#about { width: 132px; } #header ul#nav li a#promote { width: 123px; } #header ul#nav li a#store { width: 95px; } #header ul#nav li a#contact { width: 120px; } #header ul#nav li a#blog { width: 125px; } #header ul#nav li a#home:hover { background: url(images/header-hover.png) 0 40px; } #header ul#nav li a#ask:hover { background: url(images/header-hover.png) -72px 40px; } #header ul#nav li a#about:hover { background: url(images/header-hover.png) -207px 40px; } #header ul#nav li a#promote:hover { background: url(images/header-hover.png) -339px 40px; } #header ul#nav li a#store:hover { background: url(images/header-hover.png) -462px 40px; } #header ul#nav li a#contact:hover { background: url(images/header-hover.png) -557px 40px; } #header ul#nav li a#blog:hover { background: url(images/header-hover.png) -677px 40px; } #header ul#accountstuff { list-style: none; position: absolute; top: 0; right: 5px; width: 120px; height: 80px; display: block; } #header ul#accountstuff li { } #header ul#accountstuff li a { text-indent: -999em; display: block; width: 100%; } #header ul#accountstuff li a#btnCreate { height: 20px; } #header ul#accountstuff li a#btnSignin { height: 20px; } #header ul#accountstuff li a#btnFacebook { height: 25px; background: url(images/header-hover.png) 125px -40px; width: 105px; } #header ul#accountstuff li a#btnCreate:hover { background: url(images/header-hover.png) 125px 0; } #header ul#accountstuff li a#btnSignin:hover { background: url(images/header-hover.png) 125px -20px; } #header ul#accountstuff li a#btnFacebook:hover { background: url(images/header.png) 125px -40px; } #header ul#accountstuff.blank { background: #000; list-style: none; position: absolute; top: 0; right: 10px; width: 105px; height: 65px; display: block; } #header ul#accountstuff.blank li { color: #fff; font-size: 12px; line-height: 18px; margin: 3px 0 2px 0; font-weight: bold; } #header ul#accountstuff.blank li a { text-indent: 0; display: normal; width: auto; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; } #header ul#accountstuff.blank li a:hover { text-decoration: underline; } #content-top-cap { background: url(images/content-top-cap.png) no-repeat; width: 100%; height: 15px; } #content { background: #fff; width: 700px; position: relative; padding: 0 0 20px 0; float: left; } #categorylist { margin: 15px 0 0 15px; padding: 0; height: 80px; width: 95%; display: block; clear: both; } #content #categorylist h2 { margin: 0 0 0 20px; } #categorylist ul { list-style: none; margin: 0 0 0 20px; } #categorylist ul li { float: left; margin: 0 20px 0 0; } #categorylist ul li a { color: #03607b; font-size: 12px; text-decoration: none; text-transform: none; font-family: Arial; text-decoration: underline; } #categorylist ul li a:hover { text-decoration: none; color: #000; } #content .post { clear: both; } #content h1 { } #content h2 { margin: 0 0 5px 32px; padding: 5px 0 0 0; } #content h2.subheading { margin: 0 0 5px 35px; padding: 0; text-transform: lowercase; font-size: 16px; } #content .post h2 { margin: 0 0 5px 0; padding: 5px 0 5px 15px; color: #000; font-size: 16px; text-transform: lowercase; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #content .post h2 a { text-decoration: none; color: #000; font-size: 16px; text-transform: lowercase; } #content .post h2 a:hover { text-decoration: underline; } #content .post h2 span { float: right; padding: 0 15px 0 0; text-transform: none; font-size: 16px; } #content .post h3 { margin: 0 0 5px 0; padding: 5px 0 5px 10px; color: #000; font-size: 16px; text-transform: lowercase; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #content .post h3 a { margin: 0; padding: 0; color: #000; font-size: 16px; text-decoration: none; text-transform: lowercase; } #content .post h3 a:hover { text-decoration: underline; } #content .postx { margin: 0 15px 0 15px; padding: 5px 0 0 0; } #content .postx h2 { margin: 0 0 0 15px; } #content .postx p { margin: 5px 0 5px 0; padding: 0 15px 0 15px; font-size: 14px; line-height: 18px; color: #000; } #content p { font-size: 14px; margin: 0 0 0 35px; } #content .post p a { color: #03607b; } #content .post p a:hover { text-decoration: none; } h3#comments { margin: 5px 0 0 35px; font-size: 16px; } #respond h3 { margin: 0 0 5px 35px; font-size: 16px; } #content small { display: none; } #content .post { margin: 10px 35px 10px 35px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(images/postbg.png) bottom left repeat-x; border: 1px solid #eee; } #content .hentry { width: 650px; } #content .post p { padding: 0 15px 15px 15px; margin: 0; font-size: 14px; font-weight: normal; line-height: 21px; color: #000; } #content p.postmetadata { margin: 10px 0 0 0; background: #03607b; height: 23px; padding: 3px 5px 0 15px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #fff; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } #content p.postmetadata a { color: #fff; text-decoration: underline; } #content p.postmetadata a:hover { text-decoration: none; } #content div.addthis_container { margin: 10px 0 0 0; padding: 5px 10px 0 0; float: right; } #content .navigation { margin: 0 0 0 35px; padding: 0 0 10px 0; } #content .navigation a { color: #000; text-decoration: underline; font-size: 14px; font-weight: bold; } #content .navigation a:hover { text-decoration: none; } #content ol.commentlist { margin: 0 0 0 35px; } #content ol.commentlist li { } #content ol.commentlist p { margin: 5px 0 5px 0; padding: 0 35px 0 0; font-size: 13px; } #content cite.fn { font-size: 18px; } #content span.says { font-size: 16px; } #content cite.fn a { font-size: 16px; font-weight: bold; color: #000; text-decoration: none; } #content cite.fn a:hover { text-decoration: underline; } #content .comment-body { width: 632px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 0 0 15px 0; color: #000; border: 1px solid #eee; } #content .comment-body a { color: #000; text-decoration: underline; } #content .comment-body a:hover { text-decoration: none; } form#commentform { margin: 0 0 10px 0; } form#commentform #submit { margin: 5px 0 0 0; } form#commentform textarea { margin: 10px 0 10px 0; width: 550px; height: 150px; display: block; } form.tdomf_form { margin: 5px 0 5px 15px; } #content form.tdomf_form p.text { margin: 0; padding: 0; } #content form.tdomf_form label { margin: 0; padding: 0; font-size: 14px; font-weight: bold; } #content form.tdomf_form input[type=text] { width: 270px; background: #30607b; border: 1px solid #e3e3e3; padding: 3px; color: #fff; } #content form.tdomf_form textarea { width: 335px; background: #30607b; border: 1px solid #e3e3e3; padding: 3px; color: #fff; } #content form.tdomf_form select { width: 237px; background: #30607b; border: 1px solid #e3e3e3; padding: 3px; color: #fff; } #content form#searchform.search { margin: 0 0 0 25px; } #content-bottom-cap { background: url(images/content-bottom-cap.png) no-repeat; width: 100%; height: 15px; clear: both; display: block; } #footer { background: url(images/footer.png) bottom right no-repeat; width: 100%; height: 70px; margin: 0 0 15px 0; position: relative; } #footer ul { list-style: none; position: absolute; top: 15px; right: 5px; width: 750px; height: 25px; display: block; } #footer ul li { float: left; } #footer ul li a { width: 65px; height: 25px; display: block; text-indent: -999em; } #footer ul li a.home { width: 65px; } #footer ul li a.ask { width: 140px; } #footer ul li a.about { width: 130px; } #footer ul li a.promote { width: 120px; } #footer ul li a.store { width: 90px; } #footer ul li a.advertise { width: 95px; } #footer ul li a.contact { width: 100px; } #footer p { text-indent: -999em; } #sidebar { width: 255px; background: #03607b; border: 1px solid #eee; float: right; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 15px 0 0; } #sidebar2 { width: 255px; background: #03607b; border: 1px solid #eee; float: right; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 15px 0 0; } #sidebar h2, #sidebar2 h2 { margin: 10px 0 0 0; padding: 0; font-size: 14px; color: #fff; } #sidebar ul, #sidebar2 ul { list-style: none; line-height: 21px; } #sidebar ul li, #sidebar2 ul li { color: #fff; } #sidebar ul li a, #sidebar2 ul li a { color: #fff; font-size: 12px; padding: 0 0 0 10px; } #sidebar ul li a:hover, #sidebar2 ul li a:hover { text-decoration: none; } #sidebar form#searchform label, #sidebar2 form#searchform label { color: #fff; } #sidebar form#searchform input[type=text], #sidebar2 form#searchform input[type=text] { margin: 5px 5px 5px 0; width: 190px; font-size: 12px; padding: 3px; }