/* Theme Name: PGV2 Theme URI: http://wordpress.org/ Description: PG Web Design's Second Revision Author: Patrick Glynn Version: 2.0 Tags: creams, elegant, grunge, clean, open */ /* Thanks for taking an Interest in my stylesheet ;) - It's still a little unorganised :/ As a side note, the CSS is all valid, however at the time of creation the CSS 3 used in this style sheet and Gecko/Webkit proprietary properties, does not yet validate according to the W3C as the new properties are not "confirmed" */ /* CSS RESET */ @import url("cssReset.css"); /* CSS 3 Fonts */ @font-face { font-family: "HelveticaNeueLTPro-Hv"; src: url('fonts/HelveticaNeueLTPro-Hv.otf');} /* 65 Med */ @font-face { font-family: "HelveticaNeueLTPro-Bd"; src: url('fonts/HelveticaNeueLTPro-Bd.otf');} /* 55 Roman */ @font-face { font-family: "HelveticaNeueLTPro-Lt"; src: url('fonts/HelveticaNeueLTPro-Lt.otf');} /* 45 Light */ @font-face { font-family: "Androgyne_TB"; src: url('fonts/Androgyne_TB.otf');} /* Androgyne_TB */ /* General Text, Headings and Link styles ------------------------------------------------- */ a { color:#ca7246; text-decoration:none; } a:hover, .portfolio-item-stats a { text-decoration:none; border-bottom:1px solid #f5ceba; background:url(images/link-hover-bg.gif) repeat-x scroll 0 0 transparent; } /* squigly hand drawn line */ p { line-height:18px; padding-bottom:10px; } h1 { color:#737272; letter-spacing:1px; font:normal normal normal 24px/24px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-shadow:1px 1px 0 #FFF; } h2 { font-family:"HelveticaNeueLTPro-Bd", Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color:#555555; letter-spacing:1px; text-transform:uppercase; text-shadow:1px 1px 0 #FFF; padding:15px 0 25px 0; } h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#575757 ; line-height:18px; padding:0 0 25px 0; text-transform:capitalize; letter-spacing:1px; font-style:italic; text-shadow:1px 1px 0 #FFF; } h4 { display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:11px; text-transform:uppercase; color:#9a9a9a; padding:5px 0 25px 0; letter-spacing:1px; text-shadow:1px 1px 0 #FFF; } h6 { font-size:16px; color:#616060; font-family:Georgia, "Times New Roman", Times, serif; text-transform:capitalize; padding:0 0 20px 0; text-shadow:1px 1px 0 #FFF; font-style:italic; letter-spacing:1px; } h1 em { font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; font-size:16px;} .portfolio-single-page h5 { font-family:"HelveticaNeueLTPro-Bd", Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#666; text-transform:capitalize; padding:15px 0 25px 0; } /* Blog H2 and Comments count and leave a reply */ .blog-page-single h2, .blog-page h2, #comments-count-header p, #comments-leave-reply p { font-family:"Androgyne_TB", Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; color:#444444; text-transform:capitalize; text-shadow:1px 1px 0 #FFF; padding:15px 0 25px 0; } #aside h4, #aside-half-width h4 { padding:5px 0 45px 0;} /* Structure ------------------------------------------------------------------------------------- */ body { background:#f0efe5 url(images/header.jpg) center top no-repeat; width:100%; display:table; /* Prevent image from shifting in browser re-size, like Firefox */} #global-wrapper { width:960px; padding:0 50px 25px 50px; margin:0 auto; /* actual width post padding 960px; */} .bg-splash { background:url(images/bg-splash-normal.jpg) left 270px no-repeat;} .bg-splash-about { background:url(images/bg-splash-normal-about.jpg) left 270px no-repeat;} .bg-splash-blog { background:url(images/bg-splash-blog.jpg) 400px 270px fixed no-repeat;} #header { padding:186px 0 0 0; padding:141px 0 0 0; } #main-nav { height:88px; margin:0 0 35px 0; } /* Main Navigation ----------------------------------------------------------------------------- */ ul#nav { } #nav li { float:left; display:block; width:190px; height:88px; text-align:center; padding:0 2px 0 0; background:url(images/nav-main-seperator.gif) right center no-repeat; } #nav li.last { background:none;} #nav li span { display:block;} #nav a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#575757; font-style:italic; text-decoration:none; display:block; padding:23px 0 18px 0; text-shadow:1px 1px 0 #FFF; letter-spacing:1px;} #nav a:hover { color:#ca7246; background:none; border:none;} #nav a span { font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:9px; text-transform:uppercase; color:#9a9a9a; padding:12px 0 0 0; letter-spacing:1px; } /* Section Title - Full width */ .section-title { background:url(images/heading-wide-ornate-2.jpg) center top no-repeat; height:135px; margin:0 0 25px 0;} .section-sub-title { background:url(images/heading-wide-ornate-sub.jpg) center top no-repeat; height:135px; margin:0 0 25px 0;} .section-title h1 { padding:80px 0 0 0; text-align:center; } .section-sub-title h2 { padding:65px 0 0 0;text-align:center;color:#737272;letter-spacing:1px; font:normal normal normal 24px/24px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-shadow:1px 1px 0 #FFF; } .section-title h1 span, .section-sub-title h2 span, .project-caption { display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:9px; text-transform:uppercase; color:#9a9a9a; padding:0 0 0 0; letter-spacing:1px; } /* Intro / Home / Duel Content Block */ .intro-wrap { } .intro-wrap p { padding:0;} .intro-wrap h2 { background:url(images/duel-gradient-heading-bg.jpg) center top no-repeat; line-height:44px; text-align:center; padding:0; margin:0; color:#CA7246; } .intro-wrap h2 span { font-size:20px; line-height:44px; display:inline-block; width:40px; } .intro-section { float:left; width:454px; padding:0 25px 0 0; font-style:italic; margin:25px 0 25px 0; } .left-intro { text-align:right; border-right:1px solid #dcdfe0; } .right-intro { text-align:left; border-left:1px solid #FFF; padding:0 0 0 25px; } /* Buttons / Links Styles */ a.button { padding:5px; background-color:#f7f6f1; border:1px solid #e8e8e8; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; } a.button:hover { background-color:#ca7246; color:#FFF; } /* Snippets for Articles/Projects appearing in categorys/portfolio or the homepage ------------------- */ .article-snippet { float:left; width:300px; padding:0 20px 20px 0; } .project-snippet { float:left; width:300px; padding:0 20px 15px 0; } .project-snippet a { cursor:pointer;} .project-snippet .snippet-image { margin:0; } .project-snippet .snippet-image span:hover { /*position:absolute; left:0; top:0; width:300px; height:150px; background:url(http://pgwebdesign.net/wp-content/themes/pgv2/images/article-snippet-image-border-hover.png) no-repeat;*/} .project-caption { display:block; height:30px; line-height:30px; margin:10px 0 0 0; padding:0 5px; text-align:center; background-color:#f8f7f2; border:1px solid #e0dfd7; color:#8e8d8d; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .project-snippet a:hover .project-caption { color:#333; background-color:#ebebd9; border:1px solid #d4d4b2; text-shadow:1px 1px 0 #FFF; } .snippet-image { display:block; position:relative; margin:0 0 15px 0; height:150px; /* Align Alt Text */ text-align:center; } .snippet-image img { } .snippet-image .frame { position:absolute; left:0; top:0; width:300px; height:150px; background:url(images/article-snippet-image-border.png) no-repeat;} .article-snippet h3 { text-align:center; height:38px; overflow:hidden; display:block; padding:0; margin:0 0 25px 0; font-size:14px;} .snippet-date { text-align:center; margin:0 0 25px 0; background:url(images/border-grey-white.gif) left center repeat-x;} .snippet-date span, .snippet-date em { font-family:Georgia, "Times New Roman", Times, serif; } /* Date/Time Style */ .snippet-date span { background-color:#f0efe5; display:inline-block; padding:0 10px 0;} .snippet-date em { color:#b79558; } .snippet-description { height:55px; overflow:hidden; margin-bottom:15px; text-align:center;} .snippet-links { text-align:center;} .snippet-links a { text-decoration:none; } .snippet-links a:hover { text-decoration:none; border-bottom:1px solid #f5ceba; } /* Footer --------------------------------------------------------------------------------------------- */ #footer { background:#8b887f url(images/footer.jpg) center top no-repeat; width:100%; } #footer p { color:#4b4b4b; text-shadow:0 1px 0 #CCC;} #footer-content-wrapper { width:960px; margin:0 auto; padding:55px 0 35px 0;} .footer-section { float:left; width:320px;} .column-1 { padding-right:40px; width:280px; padding-left:20px; text-align:right;} .column-2 { padding-right:40px; width:280px;} .column-2 { text-align:center; } .column-3 { width:280px;} .footer-section a { padding:3px 2px; color:#b66136; color:#4b4b4b; color:#107174; text-shadow:0 1px 0 #CCC; } .footer-section a:hover { background:none; border:none; background-color:#CA7246; background-color:#149fa4; color:#FFF; text-shadow:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .footer-icons { } .footer-icons img { margin:10px 15px 0 0; } .footer-icons img:hover { margin:8px 15px 2px 0; } .footer-icons a { margin:0; padding:0; } #footer .footer-icons a:hover { border:none; background:none; background-color:transparent; background-color:none; } ul.footer-nav { float:left; width:140px; margin-left:-5px;} .footer-nav li { display:block; padding:2px 0;} .footer-nav li a { text-shadow:0 1px 0 #CCC; padding:3px 5px; line-height:18px;} .footer-nav li a:hover { } /* Additional Class to UL, displays links/categorys side by side in a 2 column layout */ ul.side-by-side { width:280px; margin:0; display:block;} .side-by-side li { float:left; width:140px; } .side-by-side li a { } .side-by-side li a:hover { } /* Search bar - footer */ #search { width:310px; margin:0 auto 45px auto;} #searchform { position:relative; height:40px; } #s /* Search Input */ { position:absolute; left:0; top:0; background:#FFF; background:rgba(255,255,255,0.5); height:20px; line-height:20px; border:none; width:250px; padding:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#7b7b7b; letter-spacing:1px; text-transform:uppercase; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; } #s:focus { background:#FFF; background:rgba(255,255,255,0.8);} #searchsubmit { position:absolute; right:0; top:0; background:#cdbd9e url(images/search-button.jpg) no-repeat; width:40px; height:40px; text-indent:-300px; font-size:0; line-height:0; overflow:hidden; display:block; border:none; cursor:pointer; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;} /* Hiding button text, shows when no stylesheet or screenreaders */ #searchform .screen-reader-text { display:none;} /* No Search Results */ #no-search-results-page { margin:20px 0 0 0;} #no-search-results-page p { padding:0 0 40px 0; } #no-search-results-page #searchsubmit { right:auto; left:260px; } /* Main Components - 2 Column Layout(s) Structure etc -------------------------------------------------- */ #content-container { } #content { width:640px; float:left; padding-top:40px;} #aside { width:300px; float:right; padding-top:100px; text-align:right; position:relative;} /* Absolutes relative here */ #content-half-width { width:450px; float:left; padding:40px 30px 0 0;} #aside-half-width { width:480px; float:right; padding-top:100px; text-align:right; position:relative;} .footer-quote { padding:0 0 5px 0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; text-shadow:1px 1px 0 #FFF; font-style:italic; letter-spacing:1px; text-align:center;} .intro-quote { padding:60px 0 30px 0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; text-shadow:1px 1px 0 #FFF; font-style:italic; letter-spacing:1px; } .article .intro-quote { padding: 25px 0 25px 25px; font-size: 16px; line-height:20px; } #social-media-icons { margin:0 0 40px 0; height:30px; } #social-media-icons img { margin:0 0 0 15px; float:right;} #social-media-icons img:hover { margin:-2px 0 0 15px; } /* Blog Pages Social Media Aside */ .aside-blog #social-media-icons, .aside-blog-single #social-media-icons { margin:0 0 35px 0; } .wide-content-divider { background:url(images/wide-content-divider.jpg) top no-repeat; padding:45px 0 25px 0; margin:35px 0 0 0;} .wide-content-divider h2 { padding:0;} .indent-content { padding:0 0 0 25px;} .indent { padding-left:25px;} /* CONTACT PAGE */ .contact-page { } .royal-scroll { background:url(images/icons/icon-royal-scroll.gif) no-repeat; width:128px; height:128px; display:block; position:absolute; top:260px; right:240px; } /* ABOUT PAGE */ .about-page { } #the-process { padding:40px 0 25px 0; } #the-process .column { width:260px; float:left; padding:25px 35px 0 0;} #the-process .process-image { display:block; margin:0 0 0 -30px; } /* About page - Recognition */ #recognition { padding:80px 0 0 0; } #recognition em { color:#999; } /* PORTFOLIO MAIN PAGE */ .portfolio-page { } .portfolio-header { } .portfolio-header .intro-quote { float:left; display:block; margin:0; padding:0 0 0 40px; width:500px; } .portfolio-description { float:right; display:block; font-style:italic; width:350px; padding:0 25px 0 0; } /* PORTFOLIO SINGLE PAGE */ .portfolio-single-page { } .portfolio-item-stats { padding:0 0 20px 25px;} .portfolio-item-stats strong { padding-right:10px; } .portfolio-item-stats span { display:inline-block; padding-left:14px; } .portfolio-single-thumbs { margin:25px 0 15px 0;} .portfolio-image-large { margin:20px 0 10px 0;} /* General List Style(s) */ .article ul { } .article ol { list-style:none; list-style-position:inside; } .article ul, .article ol { padding:5px 0 5px 25px; } .article li { display:block; padding:3px 0 0 25px; line-height:18px; background:url(images/icons/circle-bullet.png) left center no-repeat; } /* Green Tick Lists */ ul.checkList li { padding:3px 0 0 25px; line-height:18px; background:url(images/icons/icon-tick.png) left center no-repeat;} /* BLOG RELATED ---------------------------------------------------------------------------------------- */ .blog-page { } .blog-page-single { } .post-meta-data { margin:35px 0 0 0; background:url("images/social-bg-tile-icons.png") no-repeat scroll -20px 0 transparent; padding:30px 0 0 0;} .well-this-aint-semantic { background:url("images/comments-count-bg.png") no-repeat scroll -20px 0 transparent; height:2px; margin-bottom:35px; /* this is under post-meta-desc, it ends the white png bg */ } .post-meta-data p { font-family:Georgia, "Times New Roman", Times, serif; text-transform:capitalize; font-style:italic; color:#565656; font-size:13px; letter-spacing:1px; text-shadow:1px 1px 0 #FFF;} .post-meta-data a { text-transform:uppercase; font-style:normal; font-size:12px; } .blog-page-single h1 { font-size:20px; text-transform:capitalize; font-style:italic; } .aside-blog { padding-top:70px !important; width:270px !important; padding-left:40px !important;} .aside-blog-single { padding-top:48px !important; width:270px !important; padding-left:40px !important;} .aside-blog h2, .aside-blog-single h2 { background:url(images/bg-heading-white-borders-left.png) left center no-repeat; line-height:66px; display:block; padding:0 0 0 15px; margin:20px 0 20px -10px; text-align:left;} h4.under-title-info { margin:15px 0 30px 0; } .blog-page h4.under-title-info, .blog-page-single h4.under-title-info { margin:10px 0 5px 0; background:url(images/bg-heading-article.png) left top no-repeat; padding:15px 0 25px 0;} .pagination { background:url(images/border-grey-white.gif) left top repeat-x; padding:25px 0;} .pagination p { background:url(images/icons/icon-paper-plane.gif) left center no-repeat; padding:0 0 0 40px; display:block; line-height:32px; text-transform:uppercase; } .date-aside { background:url(images/bg-short-line.png) right top no-repeat; width:225px; width:270px; height:70px; padding:20px 0 0 0; } .date-aside p { background:url(images/icons/icon-pencil.gif) left center no-repeat; padding:0 0 0 45px; line-height:32px; display:block; float:right; text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:11px; text-transform:uppercase; color:#9a9a9a; letter-spacing:1px; text-shadow:1px 1px 0 #FFF; } .p-top-30 { padding-top:30px !important; } .alignleft { float:left; } .alignright { float:right;} /* Article Listing style */ .article-listing { height:180px; position:relative; padding-left:330px; width:250px; background:url(images/border-grey-white.gif) left bottom repeat-x; padding-bottom:2px; margin-top:20px;} .article-listing img { position:absolute; left:0; top:0; margin:0 !important; } .article-listing h3 { padding:0 0 20px 0 !important; } /* Article's - This wraps the content for each article ---------------------------------------------------- */ .article { padding-right:60px; } .article h2, .article h3, .article h4 { padding:15px 0 15px 0; } .article h3 { font-size:16px; font-style:normal; text-transform:uppercase; font-family:"HelveticaNeueLTPro-Bd"; color:#b55b59;} .article h4 { color:#b55b59;} .article .article-end-call-to-action { margin:10px 0 0 0;} /* Images relating to blog type pages */ .article img { display:block; margin:20px 0; border:1px solid #d9d9cf; padding:3px; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .article img.article-main-image { display:block; margin:0 0 25px -25px; } .article .large-img { margin:50px 0;} .article .outdent { display:block; margin-left:-50px; } /* Image Lists */ ul.image-list, .image-list li { margin:0; padding:0; list-style:none; list-style-type:none; list-style-image:none; background:none;} .image-list li { padding:25px 0; } .image-list li img { margin:0; } .image-list li:nth-child(even) { margin-left:-50px; } .image-list li em { font-style:italic; display:block; margin:0; padding:10px 0 0 10px;} /* Image Caption */ /* H3 Inside Lists */ #content-container #content ul h3 { font-size:16px; font-style:normal; text-transform:uppercase; font-family:"HelveticaNeueLTPro-Bd"; color:#b55b59; padding:0;} #content-container #content ul h3 a { font-size:16px; font-style:normal; text-transform:uppercase; font-family:"HelveticaNeueLTPro-Bd"; } /* Align Images instead of alternating indent effect */ ul.align-images li:nth-child(even) { margin-left:0; } /* Buttons */ .dl-button { padding:8px; background:none; border:none; display:inline-block; background-color:#CA7246; color:#FFF; text-shadow:none; margin:10px 10px 0 0; text-shadow:0 1px 0 #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .dl-button:hover { background:none; background-color:#eee29e; color:#666; text-shadow:1px 1px 0 #FFF; text-decoration:none; border:none;} .button-wrapper { padding:20px 0;} /* Button link BG colour variations for different sites */ .behance-colour { background-color:#005cff; } .deviant-art-colour { background-color:#4f6155; } .cghub-colour { background-color:#5aa8d0; } /* CODE STYLEING IN ARTICLES */ pre { display:block; font-family:"Courier New", Courier, monospace; margin:10px 0 20px 0; padding:10px; border:1px solid #d8d8cf; background-color:#f9f7f3; line-height:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /*.dropcap { font-size:36px; float:left; display:block; line-height:36px; padding:0 6px 0 0; margin:0; text-transform:uppercase; font-family: "HelveticaNeueLTPro-Bd"; color:#b55b59;}*/ /* Social / Media Submissions */ #social-submissions { background:url(images/social-bg-tile-icons.png) no-repeat; margin:0 0 0 -25px; padding:30px 0 0 25px; height:75px;} /* #social-submissions a { float:left; display:block; margin:15px 15px 15px 0; border:none; background:none; } #social-submissions img:hover { margin-top:-2px; }*/ #social-submissions .official-button-single { float:left; margin:0 0 0 20px;} /* Stop my styles overridding digg button*/ #social-submissions a.db-anchor:hover { background:none; border-bottom:none; } /* ADD THIS Social Media Submission Buttons */ #social-submissions a.addthis_button_expanded { background:url(images/icons/social-icons-plus2.png) left center no-repeat; display:block; line-height:30px; padding:0 0 0 40px !important; color:#9A9A9A; font-size:9px; letter-spacing:1px; color:#CA7246;} #social-submissions a.addthis_button_expanded:hover { text-decoration:underline; } #social-submissions a.addthis_button_expanded span { display:none; } #social-submissions a.addthis_button_expanded { float:left; display:block; margin:15px 15px 15px 20px; border:none; } /* Comments Header*/ #comments-count-header { background:url(images/comments-count-bg.png) no-repeat; height:90px; padding:20px 0 0 0; } #comments-count-header p, #comments-leave-reply p { line-height:30px; } #comments-count-header a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal; text-transform:lowercase; padding:0 35px 0 10px; background:url(images/icons/icon-paper-plane.gif) right center no-repeat; display:inline-block; letter-spacing:1px; } #comments-count-header a:hover { text-decoration:underline; border:none; background:url(images/icons/icon-paper-plane.gif) right center no-repeat; } /* Comments Leave Reply */ #comments-leave-reply { background:url(images/comments-count-bg.png) no-repeat; height:90px; padding:20px 0 0 0; } #comments-leave-reply p { text-transform:none; } #comments-leave-reply a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal; text-transform:lowercase; padding:0 25px 0 10px; background:url(images/icons/icon-rss-comments.png) right 3px no-repeat; display:inline-block; letter-spacing:1px; } #comments-leave-reply a:hover { text-decoration:underline; border:none; background:url(images/icons/icon-rss-comments.png) right 3px no-repeat; } /* Comments / Blog */ #comments-wrapper { margin-bottom:-27px;} .comment { background:url(images/border-grey-white.gif) left bottom repeat-x; padding:0 0 25px 130px; margin:0 0 25px 0; position:relative; min-height:105px; width:510px; /* IE6 Needs Width for ab position */} .comment-avatar { position:absolute; top:0; left:0; width:80px; height:80px; padding:10px; background-color:#e5e4da; border:2px solid #d4d3c5; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #comments-wrapper cite { display:block; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; font-weight:normal; } cite { font-weight:bold; } .comment-meta-info { display:block; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:11px; text-transform:uppercase; color:#9a9a9a; padding-bottom:20px; letter-spacing:1px; text-shadow:1px 1px 0 #FFF; } /* Admin / Author Comment style */ .bypostauthor { } .bypostauthor p, .bypostauthor { color:#815A37; } .bypostauthor .comment-avatar { background-color:#a3774d; border:2px solid #856445; } /* Aside Nav in Blog */ ul.aside-nav { } .aside-nav li { display:block; padding:6px 0; border-bottom:1px solid #e5e4da; font-size:11px; text-align:left;} .aside-nav li:last-child { border-bottom:none;} .aside-nav a { line-height:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:0.5px; } .aside-nav a:hover { } /* MISC and Icons */ strong { font-weight:bold; color:#333; } .iphone-icon { float:left; margin:0 25px 0 0; } .icon-star { margin:0 20px -5px 0; } .comment-blurb-icon { padding-left:7px; } /* Quotation Marks ( " ) */ .quote-open { background:url(images/quote-open.png) no-repeat; width:25px; height:18px; display:inline-block; padding:0; margin:0 10px 0 0; } .quote-open-outdent { background:url(images/quote-open.png) no-repeat; width:25px; height:18px; display:block; padding:0; margin:0 0 0 -35px; float:left; } .quote-close { background:url(images/quote-close.png) no-repeat; width:25px; height:18px; display:inline-block; padding:0; margin:0 0 0 10px; } /* Comment Submission Form */ #respond { } /* the wrapper */ #commentform p { padding:0 0 20px 0; } #respond input, #respond #comment { width:400px; line-height:25px; margin:0; padding:10px; background-color:#eae7d7; border:1px solid #dad6c4; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #respond #comment { line-height:18px; } #respond label { width:100px; float:left; margin:0; padding:0; font-size:12px; font-weight:bold; text-shadow:1px 1px 0 #FFF; } #respond .comment-form-comment label { } #commentform .comment-notes-after { padding-left:100px;} #respond span.required { float:left; margin-left:-60px; color:#cc0000;} #respond .logged-in-as { padding:0 0 20px 100px;} #respond input:focus, #respond #comment:focus{ background-color:#FFF; } /* Submit Button */ #commentform #submit { width:auto; color:#FFF; text-shadow:1px 1px 0 #666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; letter-spacing:1px; background-color:#c97245; border:1px solid #9d5833; margin:0 0 0 100px; padding:10px 20px; cursor:pointer;} #commentform #submit:hover { background-color:#cb8f43; border:1px solid #b77c32; } /* Similar - Related Posts */ #similar-posts { position:relative; width:640px; left:-40px; } #similar-posts .article-snippet { padding-bottom:0;} #similar-posts .snippet-image img { padding:0; margin:0; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; } #similar-posts .article-snippet h3 { text-align:center; height:38px; overflow:hidden; display:block; padding:0; margin:0 0 25px 0; font-size:14px; font-weight:normal; font-style:italic; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;} /* Adverts */ #advert-wrapper-pgwebdesign { padding:20px 44px; background-color:#F8F7F1; border:1px solid #D3D2C9; margin:10px 0; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; } #advert-wrapper-pgwebdesign #influads_block a.influads_text_a { color:#333 !important; } #advert-wrapper-pgwebdesign #influads_block a.influads_text_a:hover { color:#ca7246 !important; background:none !important; } #advert-wrapper-pgwebdesign #influads_block a.influads_link_img:hover { border:none !important; background:none !important; }