/* Theme Name: 1stwebdesigner Theme URI: http://pushingpixels.at/ Description: CMS Theme for 1stwebdesigner.com - Graphic and Web Design Blog Version: 1.2 Author: Daniel Kurdoghlian Author URI: http://daniel.pushingpixels.at/ */ /* css reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr, h,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;} /************** * main+misc **************/ body { font:12px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; background:url(img/bg.png) 0 0 repeat; } #noscript { height:30px; line-height:29px; padding-left:40px; background:#FFFCDF; border-bottom:1px solid black; } .container980 { width:1055px; margin:0 auto; } .textshadow112 { text-shadow:1px 1px 2px #000; } .boxshadow { -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1); box-shadow:2px 2px 3px rgba(0,0,0,0.1); } .clear, .clearfix { clear:both; } .hideFromCSS { display:none; } #loadingtime { color:#57646D; font-size:8px; line-height:8px; cursor:default; } /* sprite map */ .icon_rss { background:url(img/sprite.png) -2px -2px no-repeat; padding:2px 7px; margin-right:5px; } .icon_twitter { background:url(img/sprite.png) -25px -2px no-repeat; padding:2px 7px; margin-right:5px; } .icon_search { width:25px; height:22px; background:url(img/sprite.png) -50px 0 no-repeat; } .icon_bubble2 { display:block; position:absolute; left:10px; top:12px; width:25px; height:22px; background:url(img/sprite.png) -75px 0 no-repeat; } .icon_twitter2 { display:block; position:absolute; left:10px; top:10px; width:25px; height:22px; background:url(img/sprite.png) -100px 0 no-repeat; } .icon_footerUser { display:block; position:absolute; top:4px; width:25px; height:22px; background:url(img/sprite.png) -125px 0 no-repeat; } .icon_website { width:25px; height:22px; background:url(img/sprite.png) -150px 0 no-repeat; } .icon_name { width:25px; height:22px; background:url(img/sprite.png) -175px 0 no-repeat; } .icon_delicious { display:block; position:absolute; top:0; left:0; width:25px; height:22px; background:url(img/sprite.png) -2px -24px no-repeat; } .icon_bubble1 { display:block; position:absolute; top:0; left:0; width:25px; height:22px; background:url(img/sprite.png) -27px -24px no-repeat; } .icon_small_t { display:block; position:absolute; top:0; left:0; width:25px; height:22px; background:url(img/sprite.png) -204px -24px no-repeat; } .mostActiveEntry .icon_bubble1 { top:1px; left:5px; } .icon_plus { width:25px; height:22px; background:url(img/sprite.png) -325px -140px no-repeat; } .icon_thumbup { background:url(img/sprite.png) -79px -25px no-repeat; padding:2px 7px; margin-right:5px; } .icon_footerBubble { display:block; position:absolute; top:4px; left:-2px; width:25px; height:22px; background:url(img/sprite.png) -100px -22px no-repeat; } .icon_toTop { display:block; position:absolute; width:25px; height:22px; background:url(img/sprite.png) -127px -24px no-repeat; } .icon_toTop.left { top:2px; left:4px; } .icon_toTop.right { top:2px; right:1px; } .icon_timeDate { position:absolute; top:3px; left:105px; width:17px; height:15px; background:url(img/sprite.png) -155px -27px no-repeat; } .icon_mail { width:25px; height:22px; background:url(img/sprite.png) -175px -22px no-repeat; } .icon_menuArrow { width:25px; height:22px; background:url(img/sprite.png) -200px -22px no-repeat; } .icon_catIcon_1 { display:block; position:absolute; top:-5px; left:0; width:25px; height:22px; background:url(img/sprite.png) -200px 0 no-repeat; } .icon_menu_1 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) 0 -44px no-repeat; } .icon_menu_2 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -50px -44px no-repeat; } .icon_menu_3 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -100px -44px no-repeat; } .icon_menu_4 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -150px -44px no-repeat; } .icon_menu_5 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -200px -44px no-repeat; } .icon_menu_6 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -250px -44px no-repeat; } .icon_menu_7 { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; background:url(img/sprite.png) -300px -44px no-repeat; } #mainMenu>.cat-item { position:relative; } #mainMenu>.cat-item>span { display:block; position:absolute; left:50%; margin-left:-25px; top:12px; width:50px; height:45px; } .cat-item-3 span { background:url(img/sprite.png) -200px -44px no-repeat; } /* coding */ .cat-item-6 span { background:url(img/sprite.png) -50px -44px no-repeat; } /* freebies */ .cat-item-7 span { background:url(img/sprite.png) -100px -44px no-repeat; } /* inspiration */ .cat-item-4 span { background:url(img/sprite.png) -250px -44px no-repeat; } /* tutorials */ .cat-item-10 span { background:url(img/sprite.png) 0 -44px no-repeat; } /* webdesign */ .cat-item-5 span { background:url(img/sprite.png) -150px -44px no-repeat; } /* wordpress */ .icon_arrowLeft { display:block; position:absolute; top:10px; left:13px; width:25px; height:25px; background:url(img/sprite.png) 0 -90px no-repeat; } #mostActiveOC:hover .icon_arrowLeft { background:url(img/sprite.png) 0 -115px no-repeat; } .icon_arrowLeft_o { width:25px; height:25px; background:url(img/sprite.png) 0 -115px no-repeat; } .icon_arrowDown { display:block; position:absolute; top:10px; left:12px; width:25px; height:25px; background:url(img/sprite.png) -25px -90px no-repeat; } #mostActiveOC:hover .icon_arrowDown { background:url(img/sprite.png) -25px -115px no-repeat; } .icon_arrowDown_o { width:25px; height:25px; background:url(img/sprite.png) -25px -115px no-repeat; } .icon_arrowRight { width:25px; height:25px; background:url(img/sprite.png) -50px -90px no-repeat; } .icon_arrowRight_o { width:25px; height:25px; background:url(img/sprite.png) -50px -115px no-repeat; } .icon_bubble3 { position:absolute; display:block; top:0; left:0; width:40px; height:35px; background:url(img/sprite.png) -83px -100px no-repeat; } .icon_commentators { position:absolute; display:block; left:13px; width:35px; height:35px; background:url(img/sprite.png) -135px -97px no-repeat; } .icon_hallOfFame { position:absolute; display:block; left:13px; width:35px; height:35px; background:url(img/sprite.png) -183px -97px no-repeat; } .icon_stats { position:absolute; display:block; left:13px; width:35px; height:35px; background:url(img/sprite.png) -235px -97px no-repeat; } .icon_writeForUs { position:absolute; display:block; left:3px; width:37px; height:35px; background:url(img/sprite.png) -279px -97px no-repeat; } .icon_heart { position:absolute; display:block; left:30px; top:3px; width:30px; height:25px; background:url(img/sprite.png) -336px -105px no-repeat; } .icon_newsletter { position:absolute; display:block; width:95px; height:95px; background:url(img/sprite.png) -5px -150px no-repeat; } .icon_premium { position:absolute; display:block; left:1px; width:75px; height:90px; background:url(img/sprite.png) -100px -140px no-repeat; } .icon_rssBig { position:absolute; display:block; top:6px; left:8px; width:65px; height:50px; background:url(img/sprite.png) -180px -165px no-repeat; } .icon_twitterBig { position:absolute; display:block; width:75px; height:50px; background:url(img/sprite.png) -245px -155px no-repeat; } /************** * header **************/ #header { background:url(img/bg_header.jpg) 0 0 repeat; border-bottom:1px solid #5a6064; } #shining { background:url(img/bg_header_shine.png) 50% 100% no-repeat; } #header ul { list-style:none; } /* top menu + wrapper */ #topMenuWrapper { height:35px; background:url(img/bg_header_trans.png) 0 0 repeat; } #topMenuWrapper li { float:left; } #topMenu li { margin:0 22px 0 0; } #topMenu li a { text-decoration:none; color:#f4f4f4; font-size:10px; line-height:35px; } #topMenu li a:hover { color:#fff; text-shadow:0 0 0; } /* social counters */ #rssCount, #twitterCount { text-decoration:none; font-size:10px; line-height:35px; } #rssCount { color:#ff9c00; margin:0 25px; } #rssCount:hover { color:#FFE0AF; } #twitterCount { color:#6edbff; } #twitterCount:hover { color:#CFF4FF; } /* search form */ #search { float:right; height:25px; margin:4px 0 0 0; border:1px solid #000; } #searchbox { float:left; width:250px; height:23px; color:#070707; padding:0 10px; font-size:10px; line-height:25px; background:#f4f4f4; border:none; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } #searchbutton { float:left; width:34px; height:25px; color:#fff; background:#2d3237 url(img/sprite.png) -46px 1px no-repeat; border:1px solid #5b636b; cursor:pointer; } #searchbutton:hover { background:#4C5E6F url(img/sprite.png) -46px 1px no-repeat; } /* live-search stuff */ #searchformwrapper { float:right; } #livesearchdata { position:absolute; overflow-x:hidden; display:none; top:31px; width:302px; height:auto; max-height:80%; color:#070707; background:#f4f4f4; border:1px solid #d9d9d9; border-top:0; z-index:9999; } #livesearchdata .thumbNtitle { margin-bottom:10px; } #livesearchdata .counters { margin-top:5px; } #liveresultslist { list-style-type:none; } #liveresultslist li { padding:10px; } #liveresultslist li .thumbnail { float:left; margin-right:12px; border:1px solid #e6e1d5; padding:5px 5px 2px 5px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #liveresultslist li h3 { line-height:17px; font-size:14px; font-weight:500; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } #liveresultslist li h3 a { text-decoration:none; color:#2b2b2b; } #liveresultslist li:hover h3 a { color:#5F5959; } #liveresultslist .commentslink { float:left; position:relative; padding-left:25px; text-align:left; text-decoration:none; font-size:11px; color:#c0c0c0; text-shadow:0 -1px 0 #fff; } #liveresultslist .bullet { float:left; display:block; width:6px; height:18px; background:url(img/bullet.png) 0 7px no-repeat; margin:0 20px; } #liveresultslist .twitter-share-button { float:left; } #moreliveresults { display:block; width:100%; padding:0 !important; height:30px; border-top:1px solid #d9d9d9; } #moreliveresults p { text-align:center; line-height:30px; } #moreliveresults a { text-decoration:none; color:#1762be; } #moreliveresults a:hover { color:#6797CF; } #noliveresults p { width:280px; text-align:center; line-height:15px; font-size:12px; color:#050505; } /* search results page (normal) */ .aSearchResult { border-bottom:1px solid #e5e5e5; } .aSearchResult { padding-bottom:30px; } .aSearchResult h2 { padding:0 15px; margin:50px auto 0 auto; line-height:33px; font-size:25px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } .aSearchResult img { border:1px solid #e6e1d5; padding:5px; margin:15px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #searchResultsHeader { border-bottom:1px solid #e5e5e5; padding:20px; } #theSearchSesults { float:left; } #sortSearch { width:255px; float:right; } #searchResultsHeader .title { margin-bottom:15px; } #searchResultsHeader .searchquery { margin-right:30px; line-height:22px; font-size:22px; font-weight:900; font-family:Georgia, serif; color:#758591; } #sortSearch a { text-decoration:none; padding:5px 10px; color:#fff; font-weight:900; background:#4d97f1; border:1px solid #3b72b4; cursor:pointer; -webkit-box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff; } #sortSearch a:hover { background:#77AEEF; } /* main menu + logo + wrapper */ #mainMenuWrapper { height:90px; } #logo { display:block; margin:8px 0 0 -5px; width:250px; height:80px; float:left; } #mainMenu { float:right; } #mainMenu > li { float:left; background:url(img/navi_seperator.png) 100% 1px no-repeat; } #mainMenu > li:last-child { background:none; } #mainMenu > li > a { display:block; position:relative; height:90px; text-decoration:none; color:#fff; font-size:13px; line-height:130px; padding:0 18px; text-shadow:0 1px 1px #9d9999; } #mainMenu > li.current-cat > a { background:url(img/bg_navi_hover2.png) 50% 100% repeat-x ; } #mainMenu > li > a:hover, #mainMenu > li:hover > a { background:url(img/bg_navi_hover.png) 50% 100% no-repeat; } #mainMenu > li.premium > a.current, #mainMenu > li.premium > a:hover { background:url(img/bg_navi_hover2.png) 50% 100% repeat-x; } #mainMenu > li > ul { display:none; z-index:9998; position:absolute; width:190px; background:#ebebeb; border-top:1px solid #5a6064; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; } #mainMenu > li > ul > li { border-top:1px solid #f5f5f5; background:url(img/bullet.png) 12px 13px no-repeat; } #mainMenu > li > ul > li > span { display:none; } #mainMenu > li > ul > li > a { display:block; text-decoration:none; font-size:12px; line-height:27px; color:#484848; border-top:1px solid #f0f0f0; border-bottom:1px solid #c7c7c7; padding-left:28px; text-shadow:0 1px 2px #fff; word-wrap:break-word; } #mainMenu > li > ul > li > a:hover { background:#f7f7f7 url(img/bullet.png) 12px 12px no-repeat; text-decoration:underline; } #mainMenu > li:hover > ul { display:block; } /************** * contentwrapper + sidebar **************/ #contentbg { height:160px; background:url(img/bg_content.jpg) 50% 0 no-repeat; } #contentWrapper { margin-top:-115px; } /************** * jScrollPane **************/ .jspContainer{overflow:hidden;position:relative;} .jspPane{position:absolute;} .jspHorizontalBar{position:absolute;bottom:2px;left:0;width:99.5%;height:5px;} .jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;} .jspCap{display:none;} .jspHorizontalBar .jspCap{float:left;} .jspTrack{ width:100% !important; position:relative;cursor:e-resize;border:1px solid #d5d4d4; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#e8e7e7; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeded', endColorstr='#cecece'); background:-webkit-gradient(linear, left top, left bottom, from(#eeeded), to(#cecece)); background:-moz-linear-gradient(top, #eeeded, #cecece);} .jspDrag{position:relative;top:0;left:0;height:3px !important;cursor:e-resize; border:1px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5);} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;} .jspArrow.jspDisabled{cursor:default;background:#80808d;} * html .jspCorner{margin:0 3px 0 0;} .jspHorizontalBar .jspCap{display:block;width:3px;} .jspHover { border:1px solid #fff !important; background:#F3F3F3 !important; } .jspActive { border:1px solid #fff !important; background:#4D97F1 !important; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; } /* content */ #content { position:relative; float:left; width:650px; } #content { width:728px; } /* most active disc. twit. slider */ #mostActiveContainer { position:relative; height:385px; border:1px solid #d1cfcf; margin:0 0 15px 0; background:#f4f4f4; overflow: auto; } #mostActiveMenu { height:43px; background:#f4f4f4; } .mostActiveButton { display:block; float:left; width:50px; height:100%; cursor:pointer; line-height:43px; font-weight:900; font-size:25px; text-align:center; text-decoration:none; color:#d1cfcf; } #mostActiveByComments { position:relative; border-right:1px solid #d1cfcf; } #mostActiveByComments.current, #mostActiveByComments:hover { background:#fbb829; } #mostActiveByTweets { position:relative; border-right:1px solid #d1cfcf; } #mostActiveByTweets.current, #mostActiveByTweets:hover { background:#6EDBFF; } #mostActiveOC { position:relative; float:right; } #mostActiveMenu h2 { display:inline; position:absolute; top:0; left:120px; line-height:43px; font-size:18px; font-weight:900; font-style:normal; word-spacing:0.15em; letter-spacing:0.02em; font-family:Georgia, serif; } #mostActiveComments { position:absolute; top:46px; left:0; overflow:auto; width:100%; height:340px; background:url(img/mostActive_bg1.jpg) 0 0 repeat; z-index:50; } #mostActiveTweets { position:absolute; top:46px; left:0; overflow:auto; width:100%; height:340px; background:url(img/mostActive_bg2.jpg) 0 0 repeat; z-index:40; } #mostActiveCommentsWrapper, #mostActiveTweetsWrapper { width:4000px; float:left; margin:0 0 15px 0; overflow: visible; height:305px; } .mostActiveEntry { position:relative; width:142px; height:280px; float:left; margin:20px 43px 2px; border:0px solid #C8C8C8; padding:10px; } .mostActiveEntry .postthumb { border:0; } .mostActiveEntry .postthumb img { border:1px solid #e6e1d5; padding:5px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .mostActiveEntry p { color:#3F3F3F; font-size:12px; line-height:14px; text-align:center; padding:7px 5px 0 0; margin-top:3px; border:0px solid; } .mostActiveEntry a.linkbutton { position:absolute; bottom:0; display:block; width:134px; height:22px; border:1px solid #cf9720; text-decoration:none; color:#fff; text-align:center; line-height:18px; font-size:11px; font-weight:900; text-shadow:0 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mostActiveEntry a.linkbutton>span { display:block; position:relative; width:132px; height:20px; border:1px solid #fbd073; background:#fbb829; text-indent:10px; } .mostActiveEntry a.linkbutton:hover>span { background:#FFC74F; } #mostActiveTweets .mostActiveEntry a.linkbutton { border:1px solid #239ABF; } #mostActiveTweets .mostActiveEntry a.linkbutton>span { border:1px solid #AFECFF; background:#6EDBFF; } #mostActiveTweets .mostActiveEntry a.linkbutton:hover>span { background:#9FE8FF; } #mostActiveContainer .jspHorizontalBar{bottom:15px;left:20px; width:95%;} #mostActiveContainer .jspCap{display:block;width:20px;} #mostActiveComments .jspTrack{ width:100% !important; position:relative;cursor:e-resize;border:1px solid #d8cbb9; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#f5efe1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5efe1', endColorstr='#e1d7c7'); background:-webkit-gradient(linear, left top, left bottom, from(#f5efe1), to(#e1d7c7)); background:-moz-linear-gradient(top, #f5efe1, #e1d7c7);} #mostActiveComments .jspDrag{position:relative;top:0;left:0;height:3px !important;cursor:e-resize; border:1px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5);} #mostActiveComments .jspActive { border:1px solid #fff !important; background:#FBB829 !important; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; } #mostActiveTweets .jspTrack{ width:100% !important; position:relative;cursor:e-resize;border:1px solid #b9ced8; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#f5efe1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f0f5', endColorstr='#c7dbe1'); background:-webkit-gradient(linear, left top, left bottom, from(#e1f0f5), to(#c7dbe1)); background:-moz-linear-gradient(top, #e1f0f5, #c7dbe1);} #mostActiveTweets .jspDrag{position:relative;top:0;left:0;height:3px !important;cursor:e-resize; border:1px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5);} #mostActiveTweets .jspActive { border:1px solid #fff !important; background:#6EDBFF !important; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; box-shadow:0px 0px 2px rgba(0,0,0,0.5) !important; } /* orange style */ #mostActiveMenu.orangeS { border-bottom:3px solid #fbb829; } #mostActiveMenu h2.orangeS { color:#fbb829; text-shadow:0 -1px 0 #8F6100; } /* blue style */ #mostActiveMenu.blueS { border-bottom:3px solid #6EDBFF; } #mostActiveMenu h2.blueS { color:#6EDBFF; text-shadow:0 -1px 0 #086F8F; opacity:0; } /* author-page */ #theauthorbox { margin-bottom:100px; padding-bottom:20px; border-bottom:1px solid #D1CFCF; } #theauthorbox h1 { margin-bottom:25px; } #theauthorbox img { float:left; margin:0 15px 15px 0; border:1px solid #e6e1d5; padding:5px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #theauthorbox p { float:left; line-height:25px; font-size:13px; } /* Articles Container ( index-excerpts + single post */ #articlesContainer { background:#fff url(img/articles_bg.jpg) 0 100% repeat-x; border:1px solid #d1cfcf; margin:15px 0 0 0; } .theArticleExcerpt h1, .theSinglePost h1 { padding:0 15px; margin:30px auto 15px auto; line-height:33px; font-size:25px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } .theArticleExcerpt h1 a, .aSearchResult h2 a, .theSinglePost h1 a, .theSinglePost h2 a { text-decoration:none; color:#2b2b2b; } .theArticleExcerpt h1 a:hover, .aSearchResult h2 a:hover, .theSinglePost h1 a:hover, .theSinglePost h2 a:hover { color:#5F5959; } .theArticleExcerpt .theArticleExcerptMetabox, .theSinglePost .theSinglePostMetabox { padding:0 15px; margin:0 auto 10px auto; color:#b5b4b4; font-size:10px; word-spacing:0.12em; letter-spacing:0.12em; line-height:16px; } .theArticleExcerptMetabox .bull, .theSinglePostMetabox .bull { font-weight:900; color:#989797; } .theArticleExcerptMetabox .categoryP1, .theSinglePostMetabox .categoryP1 { position:relative; padding-left:25px; } .theArticleExcerptMetabox .categoryP2, .theSinglePostMetabox .categoryP2 { background:#fdf8ea; color:#b5b4b4; text-decoration:none; padding:2px 4px; } .theArticleExcerptMetabox .categoryP2:hover, .theSinglePostMetabox .categoryP2:hover { background:#fefbf3; color:#a3a3a3; } .theArticleExcerptMetabox .authorP2, .theArticleExcerptMetabox .date, .theSinglePostMetabox .authorP2, .theSinglePostMetabox .date { color:#b5b4b4; text-decoration:none; line-height:20px; } .theArticleExcerptMetabox .authorP2:hover, .theArticleExcerptMetabox .date:hover, .theSinglePostMetabox .authorP2:hover, .theSinglePostMetabox .date:hover { color:#a3a3a3; } .theArticleExcerptMetabox .authorP2 .avatar-16, .theSinglePostMetabox .authorP2 .avatar-16 { display:inline; width:16px; height:16px; margin-bottom:-3px; } .theArticleExcerpt, .theSinglePost { font-size:12px; color:#515151; } .theArticleExcerpt p, .theSinglePost p { padding:5px 15px 10px; line-height:18px; } .theArticleExcerpt p a, .theSinglePost p a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } .theArticleExcerpt p a:hover, .theSinglePost p a:hover { border-bottom:1px groove #1762be; } .theArticleExcerpt a.postthumblink, .theSinglePost a.postthumblink { clear:both; } .theArticleExcerpt a img.postthumb { border:1px solid #ededed; padding:5px; margin:0 15px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .theSinglePost a img.postthumb { border:1px solid #ededed; padding:5px; margin:15px 0 0 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .fblike_index { padding:5px; margin:5px 15px; } .theArticleExcerpt .theArticleExcerptSocialbox, .theSinglePost .theSinglePostSocialbox, .aSearchResult .searchResultsSocialbox { width:55px; height:120px; margin-left:-56px; margin-top:-45px; float:left; z-index:9999; } .theSinglePostSocialbox { position:absolute; } .theArticleExcerptSocialbox a.deliciousCount, .theArticleExcerptSocialbox a.commentCount, .theSinglePostSocialbox a.deliciousCount, .theSinglePostSocialbox a.commentCount, .searchResultsSocialbox a.deliciousCount, #sharebar a.commentCount, .searchResultsSocialbox a.commentCount { float:right; display:block; position:relative; width:48px; height:18px; line-height:17px; margin:3px 0; padding-right:5px; border:1px solid #e6e6e6; font-weight:900; font-size:11px; text-decoration:none; text-align:right; color:#efefef; text-shadow:0 1px rgba(0,0,0,0.45); background:#7f94b0; } .theArticleExcerptSocialbox a.commentCount, .theSinglePostSocialbox a.commentCount, #sharebar a.commentCount, .searchResultsSocialbox a.commentCount { background:#fbb829; } .theArticleExcerptSocialbox a.deliciousCount:hover, .theArticleExcerptSocialbox a.commentCount:hover, .theSinglePostSocialbox a.deliciousCount:hover, #sharebar a.commentCount:hover, .theSinglePostSocialbox a.commentCount:hover, .searchResultsSocialbox a.deliciousCount:hover, .searchResultsSocialbox a.commentCount:hover { color:#fff; } a.twitter-share-button { cursor:pointer; } #sharebar a.commentCount { width:43px; color:#fff; margin:0 4px 0 0; font-size:11px; } .theArticleExcerpt p>a.more-link { display:block; margin:25px 0px 65px 0px; border:0; border-top:1px solid #e2e0e0; color:#efefef; text-shadow:0 1px rgba(0,0,0,0.35); font-size:12px; font-weight:900; text-decoration:none; } .theArticleExcerpt p>a.more-link>span { position:relative; float:right; border:1px solid #e2e0e0; border-top:none; padding:5px 15px 5px 30px; background:#549cf2 url(img/bg_readmore.jpg) 0 0 repeat; line-height:18px; word-spacing:0.12em; letter-spacing:0.12em; } .theArticleExcerpt p>a.more-link:hover>span { color:#fff; } .theArticleExcerpt p>a.more-link>span .icon_plus { display:block; position:absolute; left:0; top:2px; width:25px; height:22px; background:url(img/sprite.png) -335px -140px no-repeat; } .theSinglePost p>a.more-link { display:block; margin:25px 0px 65px 0px; border:0; border-top:1px solid #e2e0e0; color:#efefef !important; text-shadow:0 1px rgba(0,0,0,0.35); font-size:12px; font-weight:900; text-decoration:none; } .theSinglePost p>a.more-link>span { position:relative; float:right; border:1px solid #e2e0e0; border-top:none; padding:5px 15px 5px 30px; background:#549cf2 url(img/bg_readmore.jpg) 0 0 repeat; line-height:18px; word-spacing:0.12em; letter-spacing:0.12em; } .theSinglePost p>a.more-link:hover { border:1px solid #e2e0e0; border-right:0; border-top:0;; } .theSinglePost p>a.more-link:hover>span { color:#fff; margin-top:1px } .theSinglePost p>a.more-link>span .icon_plus { display:block; position:absolute; left:0; top:2px; width:25px; height:22px; background:url(img/sprite.png) -335px -140px no-repeat; } .single .contentwrapper > p:first-of-type:first-letter { font-size:50px; padding:2px 5px 5px 0; float:left; } /* 404 page only */ #error404-tagcloud { margin:20px 40px; } #error404-tagcloud p { line-height:35px; text-align:justify; } /* single post only */ #articlesContainer.single { background:#fff; border:1px solid #d1cfcf; margin:15px 0 0 0; } .theSinglePost { margin-bottom:25px; } /* related posts */ #relatedPosts { margin-bottom:35px; } #relatedPosts h1 { padding:0 15px; margin:30px 0 15px; line-height:33px; color:#2b2b2b; font-size:20px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } .relatedPost h2 { padding:0 18px;} .relatedPost h2 a { margin:35px 0 10px; text-decoration:none; line-height:25px; color:#4d97f1; font-size:20px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } .relatedPost a img.postthumb { border:1px solid #ededed; padding:5px; margin:10px 15px 20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .relatedPostSmall { position:relative; width:160px; height:270px; float:left; margin:5px 8px 0; } .relatedPostSmall a img.postthumb { border:1px solid #ededed; padding:5px; margin:0 5px 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .relatedPostSmall p { text-align:center; padding:0 0 0 5px; } .relatedPostSmall p a { text-decoration:none; color:#4f4f4f; } .relatedPostSmall h2 a { margin:35px 0 10px; text-decoration:none; line-height:25px; color:#4d97f1; font-size:20px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } /* show some love box */ #showSomeLove { background:url(img/bg_showlove.jpg) 0 0 repeat; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } #showSomeLove h1 { position:relative; padding:0 15px 0px 70px; margin:30px 0 15px; line-height:25px; color:#000; font-size:18px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } #showSomeLove_left, #showSomeLove_right { float:left; width:49%; height:120px; color:#4f4f4f; font-size:13px; padding-top:18px; } #showSomeLove_right { background:url(img/line_showlove.png) 0 0 no-repeat; } #showSomeLove p { text-align:center; } #showSomeLove .loveIcons { margin-top:30px; text-align:center; } #showSomeLove_left .loveIcons { width:90%; margin:25px auto; height:30px; } #sslFB { display:inline; width:30%; float:left; clear:both; } #sslSU { display:inline; clear:both; width:30%; margin:auto; margin-right:15px; } #sslDG { display:inline; width:90px; float:right; } #showSomeLove_right .loveIcons a { margin:0 8px; } #showSomeLove_right .loveIcons { margin-top:23px; } #showSomeLove #rssLink, #showSomeLove #twitterLink { text-decoration:none; color:#000; font-size:11px; } /* author box */ #postAuthorBox { background:url(img/bg_author.jpg) 0 0 repeat;border-bottom:1px solid white; } #authorBoxHeader { position:relative; } #authorBoxHeader h1 { text-align:center; padding:30px 0 15px; line-height:25px; color:#4f4f4f; font-size:16px; font-weight:500; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } #authorBoxHeader h1 span { font-style:italic; } #authorBoxHeader h1 a { font-style:italic; text-decoration:none; color:#4f4f4f; } #authorBoxHeader h1 a:hover { border-bottom:1px solid #4f4f4f; } #authorBoxHeader hr { position:absolute; top:55px; left:50%; width:84%; margin-left:-42%; background:#e1e0e0; color:transparent; border:0; height:1px; } #authorBoxMetaLinks { position:absolute; top:67px; left:50%; width:84%; margin-left:-42%; text-align:center; color:#4f4f4f; } #authorBoxMetaLinks a { text-decoration:none; color:#4d97f1; border-bottom:1px solid #4d97f1; font-size:11px; margin:0 5px; } #authorBoxMetaLinks a:hover { border-bottom:1px groove #4d97f1; } #authorBio { margin:40px 30px 35px; font-size:11px; line-height:20px; } #authorBio a { text-decoration:none; color:#4d97f1; border-bottom:1px solid #4d97f1; font-size:11px; } #authorBio a:hover { border-bottom:1px groove #4d97f1; } #authorBio p { margin-bottom:12px; } #postAuthorBox .avatar { position:absolute; display:block; top:33px; left:30px; width:48px; height:48px; border:1px solid #e0dede; z-index:3; } #authorPostCount { position:absolute; display:block; top:33px; right:30px; width:48px; height:48px; border:1px solid #e0dede; background:#f4f4f4 url(img/bg_article_counter.png) 0 0 no-repeat; text-align:center; z-index:3;font-size:8px; font-weight:900; font-family:Tahoma, Arial, Helvetica, sans-serif; letter-spacing:0.07em; color:#cdcdcd; text-transform:uppercase; text-shadow:-0 -1px 0px rgba(0,0,0,0.5); } #postCountNumber { line-height:35px; font-size:20px; } #postCountTitle { line-height:10px; font-size:8px; text-indent:-9999px; } /* Premium box */ #becomePremium { margin-bottom:50px; padding:30px 20px 10px 20px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#faf6e8 url(img/bg_premium.jpg) 0 0 repeat; } .single #becomePremium { margin-bottom:0; border-bottom:0; } #becomePremium .ad2 { float:left; margin:0; } #becomePremium .seperator { float:left; width:1px; height:269px; margin:0px 20px 0 20px; background:url(img/line_premium.png) 0 0 no-repeat; } #premiumContent { float:left; display:inline; width:43.9%; margin-top:10px; } #becomePremium h2 { padding:0 0 20px 0; font-size:18px; line-height:25px; font-weight:900; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } #becomePremium p a { text-decoration:none; color:#4d97f1; border-bottom:1px solid #4d97f1; } #becomePremium p a:hover { border-bottom:1px groove #4d97f1; } #becomePremium ul { list-style-image:url(img/bullet.png); padding-left:15px; } #becomePremium ul li { padding:0 0 12px 0; } /* Content Footer (Pagination) */ #articlesFooter { margin:30px 15px; } #pagination { height:55px; max-height:55px; width:100%; overflow:auto; margin:0 auto; } #pagination ul { margin:0; padding:0; list-style:none; } #pagination ul>li { display:block; width:40px; height:40px; margin:0 5px; padding:0 5px; float:left; background:url(img/bg_pagination.png) 50% 100% no-repeat; } #pagination ul>li>a { display:block; width:29px; height:29px; line-height:27px; text-align:center; text-decoration:none; font-weight:900; color:#7a7a7a; font-size:10px; border:1px solid #e0dede; background:#f0f0f0; } #pagination ul>li.current>a, #pagination ul>li>a:hover { background:#4d97f1; border:1px solid #5689c8; color:#fff; text-shadow:0 1px 1px #2f2f2f; } #paginationcomments { height:55px; max-height:55px; width:100%; overflow:auto; margin:0 auto; } #paginationcomments .page-numbers { position:relative; display:block; width:29px; height:29px; margin:0 20px 0 5px; padding:0; float:left; background:#fff; line-height:29px; text-align:center; text-decoration:none; font-weight:900; color:#7a7a7a; font-size:10px; border:1px solid #e0dede; } #paginationcomments .page-numbers:after { content:''; -webkit-box-shadow:-16px 10px 10px 5px rgba(0,0,0,0.1); -moz-box-shadow:-16px 10px 10px 5px rgba(0,0,0,0.1); box-shadow:-16px 10px 10px 5px rgba(0,0,0,0.1); position:absolute; width:26px; z-index:-1; bottom:10px; } #paginationcomments .page-numbers.current, #paginationcomments .page-numbers:hover { background:#4d97f1; border:1px solid #5689c8; color:#fff; text-shadow:0 1px 1px #2f2f2f; } #currentPage { float:left; font-size:10px; color:#373737; margin-top:10px; } #paginationArrows { float:right; width:50px; margin-top:5px; } #paginationArrows a { text-decoration:none; float:right; } #paginationArrows a#toLeft { display:block; width:25px; height:25px; background:url(img/sprite.png) 0 -90px no-repeat; } #paginationArrows a#toLeft:hover { background:url(img/sprite.png) 0 -115px no-repeat; } #paginationArrows a#toRight { display:block; width:25px; height:25px; background:url(img/sprite.png) -50px -90px no-repeat; } #paginationArrows a#toRight:hover { background:url(img/sprite.png) -50px -115px no-repeat; } /* comments container */ #commentsContainer { margin:50px 0 100px; } #commentsContainer h1 { position:relative; padding:0 15px 0px 50px; margin:30px 0 15px; line-height:35px; color:#000; font-size:25px; font-weight:900; font-style:normal; word-spacing:0; letter-spacing:0; font-family:Georgia, serif; } #commentsContainer h1 a { text-decoration:none; color:#4d97f1; } #commentsContainer h1 a:hover { color:#8FC2FF; } #writeYourComment h1 { position:relative; padding:0 15px 0px 50px; margin:60px 0 15px; line-height:35px; color:#000; font-size:25px; font-weight:900; font-style:normal; word-spacing:0.05em; letter-spacing:0; font-family:Georgia, serif; } #commentFormWrapper { background:#fff; padding:25px; border:1px solid #e5e5e5; } #commentFormWrapper .columns3 { width:33%; float:left;} #commentFormWrapper label { line-height:30px; font-size:14px; color:#5a5a5a; } #commentName, #commentMail, #commentWebsite { padding:0 5px 0 30px; width:82%; clear:both; height:33px; border:1px solid #e7e7e7; margin-bottom:25px; font-size:11px; line-height:22px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; } #commentName { background:url(img/contact-sprite.png) 0 0 no-repeat; } #commentMail { background:url(img/contact-sprite.png) 0 -33px no-repeat; } #commentWebsite { background:url(img/contact-sprite.png) 0 -66px no-repeat; } #commentName:focus, #commentMail:focus, #commentWebsite:focus { border:1px solid #d3e4fa; background-color:#f7f7f7; } #comment { width:99%; height:200px; border:1px solid #e7e7e7; border-bottom:0; margin:0; font-size:11px; line-height:22px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; resize:none; } #comment:focus { border:1px solid #d3e4fa; background:#f7f7f7; border-bottom:0; } #allowedTags { width:99.6%; background:#f7f7f7; border:1px solid #e7e7e7; border-top:0; margin-top:-5px; } .allowedTagsfocused { border:1px solid #d3e4fa !important; border-top:0 !important; } #allowedTags p { padding:5px 10px; color:#979797; font-size:9px; } #commentSubmit { width:180px; height:35px; margin-top:25px; background:#4d97f1; border:1px solid #3b72b4; font-size:17px; font-weight:900; line-height:35px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); cursor:pointer; -webkit-box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff; } #commentSubmit:hover { background:#77AEEF; } /* comment styles */ .commentlist, li.comment { list-style:none; } .comment { position:relative; background:#fff; border:1px solid #e6e6e6; overflow:hidden; margin:30px 0; min-height:180px; } #commentsContainer .children { padding:7px 0 14px 26px; margin:-15px 0 -15px 25px; border-left:1px solid #e6e6e6; background:transparent url(img/comment_line.png) 0 90px no-repeat; } .comment .avatar { z-index:999; float:left; margin:25px 25px 20px 30px; border:1px solid #e0dede; } .comment h3, .comment h3 a { margin:24px 0 9px 0; color:#000; font-size:18px; font-weight:500; font-style:normal; word-spacing:0.05em; letter-spacing:0; font-family:Georgia, serif; text-decoration:none; } .comment h3 a:hover { color:#999; } .comment .datetime { position:relative; text-indent:23px; color:#c7c7c7; font-size:11px; } .commentContent { position:relative; margin:0 30px 40px 30px; z-index:5; } .commentContent p { padding:0 0 12px 0; line-height:22px; } .comment .comment-reply-link { position:absolute; right:0; bottom:0; width:80px; height:22px; display:block; background:#4d97f1; border:1px solid #3b72b4; color:#fff; font-weight:900; font-size:11px; line-height:22px; text-align:center; text-decoration:none; -webkit-box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff; } .comment .comment-reply-link:hover { background:#77AEEF; } .comment .commentNumber { position:absolute; top:15px; right:5px; display:block; z-index:1; color:#f4f4f4; font-size:60px; opacity:0.6; font-weight:900; font-style:normal; word-spacing:0.05em; letter-spacing:0; font-family:Georgia, serif; } .commentContent a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } .commentContent a:hover { border-bottom:1px groove #1762be; } .comment .editlinks { font-size:10px; } .comment .editlinks a { border:0; } .comment .editlinks a:hover { border-bottom:1px groove #1762be; } #commentFormWrapper a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } #commentFormWrapper a:hover { border-bottom:1px groove #1762be; } /* pingbacks & trackbacks */ .pinglist { margin-left:30px; font-size:11px; } .pinglist li { margin-bottom:8px; list-style-type:decimal; } .pinglist a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } .pinglist li h3 span { font-weight:300 !important; font-size:10px !important; } .pinglist a:hover { border-bottom:1px groove #1762be; } /* admin style */ .comment.adminstyle, .comment.bypostauthor, .comment.comment-author-admin { background:#f0f7ff; } .comment.adminstyle .commentNumber, .comment.bypostauthor .commentNumber, .comment.comment-author-admin .commentNumber { color:#e1e8f0;} /* contact form */ #theContactForm { background:#fff; padding:25px; } #theContactForm .columns3 { width:33%; float:left;} #theContactForm label { line-height:30px; font-size:14px; color:#5a5a5a; } #contactName, #contactMail, #contactSubject { padding:0 5px 0 30px; width:82%; clear:both; height:33px; border:1px solid #e7e7e7; margin-bottom:25px; font-size:11px; line-height:22px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; } #contactName { background:url(img/contact-sprite.png) 0 0 no-repeat; } #contactMail { background:url(img/contact-sprite.png) 0 -33px no-repeat; } #contactSubject { background:url(img/contact-sprite.png) 0 -66px no-repeat; } #contactName:focus, #contactMail:focus, #contactSubject:focus { border:1px solid #d3e4fa; background-color:#f7f7f7; } #contactText { width:99%; height:200px; border:1px solid #e7e7e7; margin:0; font-size:11px; line-height:22px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; resize:none; } #contactText:focus { border:1px solid #d3e4fa; background:#f7f7f7; } #contactSubmit { width:180px; height:35px; margin-top:25px; background:#4d97f1; border:1px solid #3b72b4; font-size:17px; font-weight:900; line-height:35px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); cursor:pointer; -webkit-box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff; } #contactSubmit:hover { background:#77AEEF; } /* sidebar */ #sidebar { position:relative; float:right; width:310px; margin-top:-15px; } #sidebar h2 { font-weight:900; font-style:normal; word-spacing:0.05em; letter-spacing:0.02em; font-family:Georgia, serif; white-space:nowrap; color:#050505; line-height:15px; font-size:15px; padding:10px 0 10px 0; } #sidebar hr { background:transparent url(img/sidebar_seperator.png) 0 50% no-repeat; color:transparent; border:0; height:1px; margin:15px 0; } #sidebar p { color:#010101; } #sidebar p a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } #sidebar p a:hover { border-bottom:1px groove #1762be; } /* Newsletter */ #newsletterbox { position:relative; height:165px; } #newsletterbox h2 { margin-left:95px; padding:4px 0 0 0; font-weight:900; line-height:15px; font-size:15px; } #newsletterbox p { margin-left:102px; padding:4px 0 17px 0; font-weight:500; font-style:normal; word-spacing:0.05em; letter-spacing:0.02em; font-family:Georgia, serif; color:#050505; line-height:20px; font-size:14px; } #subscribeNL { height:27px; margin:4px 0 0 18px; } #subscribeNLbox1 { float:left; width:200px; height:24px; color:#060606; padding:0 10px; font-size:10px; line-height:25px; background:#fff; border:1px solid #e2e1e1; margin-right:4px; margin-bottom:7px; } #subscribeNLbox2 { float:left; width:200px; height:24px; color:#060606; padding:0 10px; font-size:10px; line-height:25px; background:#fff; border:1px solid #e2e1e1; margin-right:4px; } #subscribeNLbutton { float:left; width:41px; height:26px; color:#fff; font-weight:900; background:#4d97f1 url(img/sprite.png) -330px -140px no-repeat; border:1px solid #3b72b4; cursor:pointer; -webkit-box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; box-shadow:inset 0px 0px 1px #fff; } #subscribeNLbutton:hover { background:#77AEEF url(img/sprite.png) -330px -140px no-repeat; } /* adspace */ #content .adspace a { display:block; width:728px; margin:9px auto; } #sidebar .adspace { width:300px; } #sidebar .adspace a { margin:5px auto; } #sidebar .adspace a.even { float:right; } #sidebar .adspace p { text-align:center; } #sidebar .adspace p .advoptionslink { font-size:10px; color:#5c5c5c; text-decoration:none; border:0; } #sidebar .adspace p .advoptionslink:hover { color:#000; border:0; } /* become premium */ #becomePremiumSidebar { position:relative; } #becomePremiumSidebar h2 { margin-left:95px; } #becomePremiumSidebar p { font-size:10px; line-height:15px; margin:7px 0 7px 95px; } /* subscribe RSS */ #subscribeRSS { position:relative; } #subscribeRSS h2 { margin-left:95px; padding-bottom:5px; } #subscribeRSS p { font-size:11px; line-height:15px; margin:12px 0; text-align:center; } #subscribeRSS p.rsscount { font-size:19px; line-height:22px; margin:0 0 7px 95px; font-weight:900; text-align:left; } /* twitter feed */ #twitterFeed { border:1px solid #dadada; padding-bottom:5px; } #twitterFeedHead { cursor:pointer; position:relative; background:url(img/mostActive_bg2.jpg) 0 0 repeat; border-bottom:1px solid #dadada; padding:10px 0; margin-bottom:5px; } #twitterFeed h2 a { margin-left:80px; padding-bottom:5px; text-decoration:none; color:#050505; } #twitterFeedHead:hover h2 a { color:#5F5959; } #twitterFeed p.twittercount { font-size:19px; line-height:22px; margin:0 0 7px 80px; font-weight:900; text-align:left; } #twitterFeed .tweet { padding:10px; font-size:11px; } #twitterFeed .tweet p { font-size:12px; } #tweet p.small { font-size:10px; text-align:center; } #twitterFeed hr { margin:0; } #twitterFeed .tweet a { text-decoration:none; color:#4d97f1; border:0; } #twitterFeed .tweet a:hover { color:#9FCBFF; border:0; } #twitterFeed .tweet a.tweettime { text-decoration:none; color:#898989; } #twitterFeed .tweet a.tweettime:hover { color:#BFBFBF; } /* write for us */ #writeForUs { position:relative; } #writeForUs h2 { padding-left:50px; margin-bottom:10px; } #writeForUs ul { list-style-image:url(img/bullet.png); padding-left:18px; font-size:11px; } #writeForUs ul li { margin-bottom:15px; } #writeForUs p a { text-decoration:none; color:#4d97f1; border-bottom:1px solid #4d97f1; } #writeForUs p a:hover { border-bottom:1px groove #4d97f1; } #getStartedNow { border:1px solid #dbdada; background:#faf6e8 url(img/bg_premium.jpg) 0 0 repeat; padding:12px 0; text-align:center; font-size:11px; } #getStartedNow .thumb { background:#fed9a6; padding:2px 7px; margin-right:5px; } /* partners */ #partners .ad4 { margin-top:45px; float:left; height:610px; width:160px; } #partners h2 { float:left; margin-left:-160px; } #partners ul {float:left; list-style-image:url(img/bullet.png); margin-left:27px; margin-top:45px; font-size:10px; } #partners ul li { margin-bottom:1px; } #partners ul li a { text-decoration:none; color:#898989; } #partners ul li a:hover { color:#4F4A4A; } /* smashing network */ #sidebar a.smashingnetwork { display:block; width:250px; height:91px; margin:30px auto 0 auto; } /************** *default html styles for page + post **************/ .theSinglePost h2, .theSinglePost h3, .theSinglePost h4, .theSinglePost h4, .theSinglePost h5, .theSinglePost h6 { padding:0 15px; margin:30px auto 15px auto; font-style:normal; word-spacing:0.1em; letter-spacing:0; font-family:Georgia, serif; } .theSinglePost h2 { font-size:25px; font-weight:900; line-height:33px; } .theSinglePost h3 { font-size:22px; font-weight:900; line-height:27px; } .theSinglePost h4 { font-size:18px; font-weight:900; line-height:23px; } .theSinglePost h5 { font-size:16px; font-weight:500; line-height:20px; } .theSinglePost h6 { font-size:14px; font-weight:500; line-height:18px; } .theSinglePost p a, .theSinglePost ul a, .theSinglePost ol a { text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } .theSinglePost p a:hover, .theSinglePost ul a:hover, .theSinglePost ol a:hover { border-bottom:1px groove #1762be; } .theSinglePost ul { list-style:disc; margin:5px 0 15px 30px; } .theSinglePost ol { list-style:decimal; margin:5px 0 15px 30px; } .theSinglePost dt { text-indent:25px; margin:5px 0 5px; font-weight:900; letter-spacing:0.05em; } .theSinglePost dd { text-indent:25px; margin:5px 0 5px; } .theSinglePost p { margin-bottom:10px; line-height:18px; font-size:12px; } .theSinglePost sup { font-size:97%; vertical-align:super; } .theSinglePost sub { font-size:96%; vertical-align:sub; } .theSinglePost acronym { border-bottom:1px dotted #4d4b45; cursor:help; } .theSinglePost abbr { border-bottom:1px dotted #E5E5E5; cursor:help; } .theSinglePost blockquote { border-left:5px solid #E5E5E5; padding:5px 10px; margin:15px 15px 15px 30px; background:#BFBFBF; font-style:italic; } .theSinglePost blockquote p { margin-bottom:5px; } .theSinglePost pre { font-family:"Courier New", Courier, monospace; letter-spacing:0.03em; } .theSinglePost table { border:1px solid #4d4b45; padding:5px; margin:5px 0 15px 0; } .theSinglePost th { border:1px solid #4d4b45; padding:5px 10px; font-weight:900; background:#E5E5E5; } .theSinglePost td { border:1px solid #4d4b45; padding:5px 10px; } .theSinglePost tr.even { background:#BFBFBF; } .contentwrapper img { border:1px solid #e6e1d5; padding:5px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .theSinglePost img.alignleft { margin:5px 17px 4px 0; } .theSinglePost img.alignrightt { margin:5px 0px 4px 17px; } /* requirements */ .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } .alignleft { float:left; } .alignright { float:right; } .wp-caption { border:1px solid #ddd; text-align:center; background:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -webkit-border-radius:3px; } .wp-caption img { margin:0; padding:0; border:0 none; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } .editpostlink { text-align:center; margin:40px auto; } .theSinglePostMetabox .editpostlink, .theArticleExcerptMetabox .editpostlink { text-align:left; margin:0; } .editpostlink a { font-size:10px; text-decoration:none; color:#1762be; border-bottom:1px solid #1762be; } .editpostlink a:hover { border-bottom:1px groove #1762be; } /************** * footer **************/ #footer { position:relative; margin-top:50px; background:url(img/bg_header.jpg) 0 0 repeat; } #footerEdge { height:6px; background:url(img/footer_edge.jpg) 0 0 repeat; } #footer > .container980 > .sameheight { height:460px; } /* activecommentators + hallOfFame + #intrestingStats */ #activeCommentators, #hallOfFame, #intrestingStats { float:left; width:250px; background:url(img/footer_box_bg.jpg) 0 0 repeat; } .boxshine { background:url(img/footer-shine1.jpg) 50% 0 no-repeat; } .boxshine ul { padding:10px 20px 20px 20px; } #footer li { list-style:none; } #footer h2 { position:relative; font-weight:normal; font-style:normal; word-spacing:0.15em; letter-spacing:0.02em; font-family:Georgia, serif; white-space:nowrap; color:#dadada; line-height:35px; font-size:13px; padding:15px 0 10px 55px; text-shadow:0 1px 1px #2f2f2f; } /* activecommentators */ #activeCommentators { margin:54px 0 30px 0; } #activeCommentators li { position:relative; background:#4f5b65; height:30px; line-height:30px; margin-bottom:8px; font-size:11px; color:#a7bbca; text-shadow:0 1px 1px #373e44; } .commentatorName { float:left; padding-left:26px; width:110px; white-space:nowrap; overflow:hidden; } .commentCount { position:relative; float:right; text-align:right; padding-right:15px; width:50px; white-space:nowrap; overflow:hidden; } /* hallOfFame */ #hallOfFame { width:505px; margin:54px auto 25px 25px; } #hallOfFame > .boxshine { background:url(img/footer-shine2.jpg) 50% 0 no-repeat; } #hallOfFame ul { height:355px; width:380px; margin:0 auto; padding:10px 20px 20px 40px; overflow:hidden; } #hallOfFame li { float:left; padding:0 17px 20px 0; } #hallOfFame a > img { border:2px solid #a4b5c4; } #hallOfFame a > img:hover { border:2px solid #D1D9DF; } #hallOfFame .boxshadow { -webkit-box-shadow:0 0 10px rgba(53,53,53,0.4); -moz-box-shadow:0 0 10px rgba(53,53,53,0.4); box-shadow:0 0 10px rgba(53,53,53,0.4); } #hallOfFame .boxshadow:hover { -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0; } /* #intrestingStats */ #intrestingStats { float:right; margin:54px 0 30px 0; } #intrestingStats li { color:#a7bbca; text-shadow:0 1px 1px #373e44; height:43px; margin-bottom:5px; } .theStat { font-size:16px; font-weight:900; line-height:18px; } .statDescription { display:block; font-size:12px; line-height:15px; } /* copyright + backtotop */ #backToTop { clear:both; width:95%; text-align:center; margin:0 auto 8px; padding-bottom:2px; border-bottom:1px solid #424c54; -webkit-box-shadow:0 1px 1px rgba(255,255,255,0.08); -moz-box-shadow:0 1px 1px rgba(255,255,255,0.08); box-shadow:0 1px 1px rgba(255,255,255,0.08); } #backToTop a { position:relative; font-size:14px; font-weight:normal; font-style:normal; word-spacing:0.1em; letter-spacing:0.02em; font-family:Georgia, serif; text-decoration:none; color:#6f7e8a; text-shadow:0 1px 1px #000; background:url(img/bg_header_trans.png) 0 0 repeat; padding:3px 30px; } #backToTop a:hover { color:#9BB0BF; } #copyright { text-align:center; padding-bottom:30px; width:100%; } #copyright span { font-size:12px; font-weight:normal; font-style:normal; word-spacing:0.1em; letter-spacing:0.05em; font-family:Georgia, serif; color:#6f7e8a; text-shadow:0 1px 1px #000; } #copyright span a { text-decoration:none; color:#6f7e8a; } #copyright span a:hover { color:#A7B5BF; } /************** * premium page styles **************/ #articlesContainer.premiumPage .newsletterPremium { margin:50px 0 70px 60px; } #articlesContainer.premiumPage .newsletterForm { margin-left:120px; } #articlesContainer.premiumPage .newsletterForm label { float:left; margin-right:5px; line-height:25px; } #articlesContainer.premiumPage .newsletterForm input { margin-right:20px; } #articlesContainer.premiumPage .newsletterPremium p { line-height:20px; margin:0; text-decoration:underline; font-family:Georgia, serif; font-size:16px; color:#525a60; } #articlesContainer.premiumPage h2 { margin:80px 0 40px 35px; } #articlesContainer.premiumPage #whatYouGet { margin-left:120px; list-style-type:none; } #articlesContainer.premiumPage #whatYouGet li { height:30px; line-height:30px; font-family:Georgia, serif; font-size:20px; color:#525a60; margin:15px 0; padding-left:50px; } #whatYouGet .list_1 { background:url(pics/premium_sprite.jpg) 0 0 no-repeat; } #whatYouGet .list_2 { background:url(pics/premium_sprite.jpg) 0 -45px no-repeat; } #whatYouGet .list_3 { background:url(pics/premium_sprite.jpg) 0 -87px no-repeat; } #whatYouGet .list_4 { background:url(pics/premium_sprite.jpg) 0 -130px no-repeat; } #whatYouGet .list_5 { background:url(pics/premium_sprite.jpg) 0 -173px no-repeat; } #articlesContainer.premiumPage .moreInfo { font-family:Georgia, serif; font-size:20px; color:#525a60; text-align:center; margin:50px 0; } .upper { margin-bottom:5px; margin-left:3px;}