/* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* Decent Notebooks || 1280 Spite */ /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1580px) { /* Load 1280 Spite */ #header #search, #header #search #searchForm #searchButton, .contentContent blockquote {background: url(../img/Sprite1280.png) no-repeat top left;} /* Containers */ #header, #browsing, #sidebar, #footer {width: 1150px; margin: 0 auto; display: block;} #top, #content {width: 1176px; margin: 0 auto; display: block;} /* Top */ #topHolder {height: 70px;} #top {} #top #tagline {font-size: 20px; line-height: 20px;padding: 25px 0 0 13px;} #top #navigation ul li a {font-size: 16px; line-height: 16px;} #top #navigation ul li a {height: 45px; padding: 25px 17px 0 17px; background-position: 0 -90px;} #top #navigation ul li ul li a {height: 16px; padding: 15px 17px;} /* Header */ #header {} #header #logo {height: 80px; margin: 40px 0;} #header #logo img {display: block; height: 80px; width: auto !important;} #header #logo h1 a {font-size: 50px; line-height: 55px; letter-spacing: -2.5px;} #header #logo h1.logoText {padding-top: 15px;} #header #search {margin: 60px 0;} #header #search {width: 261px; height: 51px;} #header #search #searchForm {width: 261px; height: 51px; margin: 12px 0 0 25px;} #header #search #searchForm #searchField {width:180px; height: 27px; font-size: 16px;line-height: 16px;} #header #search #searchForm #searchButton {width: 27px; height: 27px;} /* Home Archives */ #content {} #content .post {width: 1150px; padding: 13px 13px 10px 13px; margin-bottom: 60px;} #content .post .photo {margin-bottom: 11px;} #content .post img {width: 1150px !important;} #content .post .title h3 a {font-size:26px; line-height: 26px; } #content .post .date {font-size: 18px; line-height:18px;} #browsing a, #browsing .current {font-size: 16px;line-height: 16px} #browsing .browseNavMid a, #browsing .current {margin: 0 5px; width: 40px; text-align: center; padding: 9px 0;} #browsing .browseNavRight a, #browsing .browseNavLeft a {width: 100px; padding: 9px 0;} #pbd-alp-load-posts a {font-size: 16px; width: 370px; height: 20px; padding: 15px 0; } /* Posts & Pages */ .contentFeatured .photo {margin-bottom:33px;} .contentContent h2 {font-size: 26px; line-height: 32px; margin: 52px 0 26px 0;} .contentContent h3 {font-size: 22px; line-height: 26px; margin: 44px 0 22px 0;} .contentTitle, .contentDate, .contentContent, .contentTags {width: 780px; margin: 0 auto;} .contentFeatured .photo img {width: 1150px !important; } .contentContent img {max-width: 754px !important; height: auto; } .contentContent .wp-caption {max-width: 780px !important; height: auto;} .contentContent .wp-caption p {padding: 5px 0;} .contentContent p img.aligncenter {max-width: none !important; width: 1150px !important; left: -200px; display: block; } .contentContent .wp-caption.aligncenter img {max-width: none !important; width: 1150px !important} .contentContent .wp-caption.aligncenter {max-width: none !important; width: 1176px !important; height: auto; position: relative; left: -200px; display: block;} .contentContent .wp-caption.aligncenter p {padding: 5px 0; font-size: 20px;} .contentContent p a, .contentContent p a:hover, .contentDate a, .contentDate a:hover {border-bottom-width: 1px;} .contentContent p a {} .contentContent p a:hover {border-bottom: solid 1px #00c2ff;} .contentContent p img {margin-top: 34px} .contentContent p img.aligncenter {margin-top: 34px} .contentContent .wp-caption {margin-top: 34px} .contentFeatured img, .contentContent img {padding: 13px;} .contentTitle {font-size: 48px; line-height: 55px; margin-bottom: 7px;} .contentDate {font-size: 20px; line-height: 20px; margin-bottom: 17px;} .contentContent {font-size: 20px; line-height: 35px;} .contentContent blockquote {font-size: 35px; line-height: 40px; margin: 0 0 25px 16px; padding: 8px 0 0 85px; width: 680px } .tags{padding:20px 0 0 0;margin: 0} .custom{width:740px;margin:0 auto;} .tags a{margin:0 35px 15px 0;font-size:16px;padding:9px 12px 9px 2px;height:16px;} .tags a:before{height:24px;width:24px;left:-13px;top:5px;} #comments {width: 780px; margin-top: 40px; } #comments .commentImage {width: 100px; } #comments .commentImage img {max-width: 75px; } #comments .commentContent p {margin-bottom: 15px;} #comments .commentContent {width: 680px; padding-top: 10px; margin-bottom: 0; font-size: 20px; line-height: 35px; } #comments #respond .comment-field-holder input {width: 740px; padding: 13px 20px 13px 20px; font-size: 20px;} #comments #respond textarea {width: 740px; margin-left: 1px; padding: 20px !important; font-size: 20px;} #comments #respond input#submit {float:right; width: 170px; height: 50px; font-size: 16px;line-height: 16px; } /* Search and Tag Archives */ #archiveResults {width: 1280px} #archiveHeader {margin: 0 0 31px 13px;} #archiveHeader #archiveCount {font-size: 48px; line-height: 48px; } #archiveHeader #archiveTerm {font-size: 20px; line-height: 20px; } #archiveResults .archivePostHolder {display: inline-block; width: 366px; margin: 0 30px 35px 0; padding: 0;} #archiveResults .archivePost {width: 350px; padding: 13px 13px 2px 13px; } #archiveResults .archivePost .archiveTitle a {font-size: 16px; line-height: 16px;} /* Footer */ #contentHolder {padding-bottom:60px;} /* Height of the footer so footer sticks to bottom of browser */ #footerHolder {height: 70px; display: block;} #footer {padding: 25px 0; display: block;font-size: 18px;line-height: 18px;} #footer a {border-bottom: dotted 2px #00c2ff;} #footer a:hover {border-bottom: solid 2px #00c2ff;} /* 404 */ .errorImage img {max-width: 775px;} .errorBottom {margin-bottom: 60px;} /* Widgets */ #sidebar .sidebar-box {margin: 0 80px 40px 0;} /* End of 1280 Media Query */ } /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* Small Desktop || 1024 Spite */ /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1260px) { /* Load 1024 Spite */ #header #search, #header #search #searchForm #searchButton, .contentContent blockquote {background: url(../img/Sprite1024.png) no-repeat top left;} /* Containers */ #header, #browsing, #sidebar, #footer {width: 940px; margin: 0 auto; display: block;} #top, #content {width: 960px;} #content .post {width: 940px; padding: 10px; margin-bottom: 60px;} /* Top */ #topHolder {height: 60px;} #top {} #top #tagline {font-size: 16px; line-height: 16px;padding: 22px 0 0 10px;} #top #navigation ul li a {font-size: 14px; line-height: 14px;} #top #navigation ul li a {height: 38px; padding: 22px 17px 0 17px; background-position: 0 -160px;} #top #navigation ul li ul li a {height: 16px; padding: 12px 17px;} /* Header */ #header {} #header #logo {height: 70px; margin: 35px 0;} #header #logo img {display: block; height: 70px; width: auto !important;} #header #logo h1 a {font-size: 40px; line-height: 50px; letter-spacing: -1.5px;} #header #logo h1.logoText {padding-top: 10px;} #header #search {margin: 50px 0;} #header #search {width: 221px; height: 41px;} #header #search #searchForm {width: 221px; height: 41px; margin: 10px 0 0 20px;} #header #search #searchForm #searchField {width:155px; padding-top: 2px;height: 21px; font-size: 14px;line-height: 14px; } #header #search #searchForm #searchButton {width: 23px; height: 23px;} /* Home Archives */ #content .post img {width: 940px !important; height: auto !important;} #content .post {width: 940px; padding: 10px; margin-bottom: 50px;} #content .post .title {margin-bottom: 0;} #content .post .title h3 a{font-size:21px; line-height: 21px; letter-spacing: 0px; margin-bottom: 0;} #content .post .date {font-size: 14px; line-height:14px;} #browsing a, #browsing .current {font-size: 14px;line-height: 14px} #browsing .browseNavMid a, #browsing .current {margin: 0 5px; width: 35px; text-align: center; padding: 7px 0;} #browsing .browseNavRight a, #browsing .browseNavLeft a {width: 100px; padding: 7px 0;} #pbd-alp-load-posts a {font-size: 14px; width: 300px; height: 20px; padding: 10px 0; } /* Posts & Pages */ .contentContent h2 {font-size: 21px; line-height: 28px; margin: 42px 0 21px 0;} .contentContent h3 {font-size: 18px; line-height: 24px; margin: 32px 0 16px 0;} .contentTitle, .contentDate, .contentContent, .contentTags {width: 720px; margin: 0 auto;} .contentFeatured .photo {margin-bottom: 20px;} .contentFeatured .photo img {width: 940px !important;} .contentContent img {max-width: 700px!important;} .contentContent .wp-caption {max-width: 720px!important;} .contentContent p img.aligncenter {width: 940px !important; left: -120px;} .contentContent .wp-caption p {font-size: 16px; line-height: 16px; padding: 10px 0; } .contentContent .wp-caption.aligncenter img {max-width: none !important; width: 940px !important} .contentContent .wp-caption.aligncenter {max-width: none !important; width: 960px !important; height: auto; position: relative; left: -120px; display: block;} .contentContent .wp-caption.aligncenter p {padding: 10px 0;} .contentFeatured img, .contentContent img {padding: 10px;} .contentTitle {font-size: 42px; line-height: 45px; margin-bottom: 5px; letter-spacing: 0px; } .contentDate {font-size: 18px; line-height: 18px; margin-bottom: 14px;} .contentContent {font-size: 18px; line-height: 30px;} .contentContent blockquote {font-size: 30px; line-height: 35px; margin: 25px 0 20px 10px; padding: 0 0 0 70px; letter-spacing: 0px; width: 640px;} .custom{width:680px;} .tags a{margin:0 25px 8px 0;font-size:14px;padding:7px 12px 9px 2px;height:14px;} .tags a:before{height:22px;width:22px;left:-12px;top:3px;} #comments {width: 720px; } #comments .commentImage {width: 80px; } #comments .commentImage img {max-width: 60px; } #comments .commentContentName {margin-bottom: 10px;} #comments .commentContent p {margin-bottom: 10px;} #comments .commentContent {width: 640px; padding-top: 10px; margin-bottom: -10px; font-size: 18px; line-height: 30px; } #comments #respond {padding-top: 20px;} #comments #respond .comment-field-holder { } #comments #respond .comment-field-holder input {width: 690px; padding: 10px 15px 10px 15px; font-size: 18px; } #comments #respond textarea {width: 690px; margin-left: 1px; padding: 15px 15px 10px 15px !important; font-size: 18px;} #comments #respond input#submit {width: 140px; height: 40px; font-size: 14px;line-height: 14px; } /* Search and Tag Archives */ #archiveResults {width: 980px} #archiveHeader {margin: 0 0 25px 10px; } #archiveHeader #archiveCount {font-size: 42px; line-height: 42px;margin-bottom: 5px; } #archiveHeader #archiveTerm {font-size: 18px; line-height: 18px; } #archiveResults .archivePostHolder {display: inline-block; width: 300px; margin: 0 20px 30px 0; padding: 0;} #archiveResults .archivePost {width: 280px; padding: 10px 10px 0 10px; margin: 0; } #archiveResults .archivePost .archiveTitle a {font-size: 14px; line-height: 14px;} /* Footer */ #contentHolder {padding-bottom:50px; } /* Height of the footer so footer sticks to bottom of browser */ #footerHolder {height: 60px;} #footer {padding: 23px 0;font-size: 16px;line-height: 16px;} /* 404 */ .errorImage img {max-width: 620px;} .errorBottom {margin-bottom: 50px;} /* Widgets */ #sidebar .sidebar-box {width: 280px; margin: 0 20px 40px 0;} #sidebar #calendar_wrap tr td {padding: 5px 15px 0 0;} /* End of 1024 Media Query */ } /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* iPad || 768 Spite */ /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 1004px) { /* Load 768 Spite */ #header #search, #header #search #searchForm #searchButton, .contentContent blockquote {background: url(../img/Sprite768.png) no-repeat top left;} /* Containers */ #header, #browsing, #sidebar, #footer {width: 690px; margin: 0 auto; display: block;} #top, #content {width: 706px;} /* Top */ #topHolder {height: 45px;} #top {} #top #tagline {font-size: 14px; line-height: 14px;padding: 15px 0 0 8px;} #top #navigation ul li a {font-size: 12px; line-height: 12px;} #top #navigation ul li a {height: 30px; padding: 15px 12px 0 12px; background-position: 0 -200px;} #top #navigation ul li ul li a {height: 14px; padding: 10px 12px;} /* Header */ #header {} #header #logo {height: 50px; margin: 20px 0;} #header #logo img {display: block; height: 50px; width: auto !important;} #header #logo h1 a {font-size: 32px; line-height: 40px; letter-spacing: -1px;} #header #logo h1.logoText {padding-top: 8px;} #header #search {margin: 30px 0;} #header #search {width: 158px; height: 36px;} #header #search #searchForm {width: 158px; height: 36px; margin: 6px 0 0 13px;} #header #search #searchForm #searchField {width:110px; height: 20px; padding-top: none; vertical-align: top; font-size: 12px;line-height: 12px;} #header #search #searchForm #searchButton {width: 20px; height: 20px; margin-top: 2px;} /* Home Archives */ #content .post img {width:690px !important; } #content .post {width: 690px; padding: 8px 8px 7px 8px; margin-bottom: 40px;} #content .post .title {margin: -6px 0 2px 0;} #content .post .title h3 a {font-size:16px; line-height: 16px; } #content .post .date {font-size: 12px; line-height:12px;} #pbd-alp-load-posts a {font-size: 12px; width: 225px; height: 18px; padding: 8px 0; } /* Posts & Pages */ .contentContent h2 {font-size: 16px; line-height: 22px; margin: 32px 0 16px 0;} .contentContent h3 {font-size: 14px; line-height: 18px; margin: 28px 0 14px 0;} .contentTitle, .contentDate, .contentContent, .contentTags {width: 460px; margin: 0 auto;} .contentFeatured .photo {margin-bottom: 18px;} .contentFeatured .photo img {width: 690px !important;} .contentContent img {max-width: 444px !important;} .contentContent .wp-caption {max-width: 460px !important;} .contentContent p img.aligncenter {width: 690px !important; left: -120px;} .contentContent .wp-caption p {font-size: 14px; line-height: 14px; padding: 10px 0; } .contentContent .wp-caption.aligncenter img {max-width: none !important; width: 690px !important} .contentContent .wp-caption.aligncenter {max-width: none !important; width: 710px !important; height: auto; position: relative; left: -122px; display: block;} .contentContent .wp-caption.aligncenter p {padding: 10px 0;font-size: 14px; line-height: 14px; } .contentFeatured img, .contentContent img {padding: 8px;} .contentTitle {font-size: 32px; line-height: 35px; margin-bottom: 6px;} .contentDate {font-size: 14px; line-height: 14px; margin-bottom: 15px;} .contentContent {font-size: 14px; line-height: 20px;} .contentContent blockquote {font-size: 22px; line-height: 25px; margin: 0px 0 20px 8px; padding: 0 0 0 50px; width: 400px;} .contentContent p img {margin-top: 24px} .contentContent p img.aligncenter {margin-top: 24px} .contentContent .wp-caption {margin-top: 24px} .custom{width:430px;} .tags{padding-top: 15px; margin-bottom: -5px;} .tags a{margin:0 18px 5px 0;font-size:12px;padding:3px 8px 8px 2px;height:12px;} .tags a:before{height:16px;width:16px;left:-9px;top:3px;} #comments {width: 460px; } #comments .commentImage {width: 60px;} #comments .commentImage img {max-width: 45px;} #comments .commentContent p {margin-bottom: 10px;} #comments .commentContent {width: 400px; padding-top: 5px; margin-bottom: -15px; font-size: 14px; line-height: 20px; } #comments #respond .comment-field-holder input {width: 430px; padding: 10px 15px 10px 15px; font-size: 14px; margin-bottom: 15px;} #comments #respond textarea {width: 430px; margin-left: 1px; padding: 10px 15px 10px 15px !important ;font-size: 14px;} #comments #respond input#submit {width: 105px; height: 35px; font-size: 12px;line-height: 12px;} /* Search and Tag Archives */ #archiveResults {width: 780px} #archiveHeader {margin: 0 0 25px 8px;} #archiveHeader #archiveCount {font-size: 36px; line-height: 36px; margin-bottom: 0; } #archiveHeader #archiveTerm {font-size: 16px; line-height: 16px; } #archiveResults .archivePostHolder {display: block; width: 708px; margin: 0 0 40px 0;} #archiveResults .archivePost {float: none; width: 690px; padding: 8px 8px 0 8px; } #archiveResults .archivePost .archiveTitle a {font-size: 16px; line-height: 16px;} .post-tags a .text{font-size: 12px; padding: 12px 5px 12px 20px; } .post-tags a { margin: 0 5px 5px 0; height: 35px;} /* Footer */ #contentHolder {padding-bottom:15px; } /* Height of the footer so footer sticks to bottom of browser */ #footerHolder {height: 45px;} #footer {padding: 16px 0;font-size: 14px;line-height: 14px;} /* 404 */ .errorImage img {max-width: 465px;} .errorBottom {margin-bottom: 40px;} /* Widgets */ #sidebar .sidebar-box {width: 300px; margin: 0 40px 40px 0;} #sidebar #calendar_wrap tr td {padding: 15px 25px 0 0;} /* End of 768 Media Query */ } /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* Mobile || 320 Spite */ /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 748px) { /* Load 320 Spite */ #toggleSearchNavigation #searchMobile, .mobile-nav-button-normal, .mobile-nav-button-selected, .mobile-search-button-normal, .mobile-search-button-selected, .contentContent blockquote {background: url(../img/Sprite320.png) no-repeat top left;} /* Containers */ #top, #header, #browsing, #sidebar, #footer, #content {width: 300px; margin: 0 auto; display: block;} #topHolder {min-height: 50px; height: auto; margin-bottom: 20px;} #content .post {width: 399px; padding: 0px; margin-bottom: 40px;} /* Top */ #top #mobileOnly {display: block; padding: 10px 0 0 0} #top #tagline, #top #navigation {display: none;} #top #mobileOnly #mobileNavButton {float: left; margin: 3px 0 0 0;} #top #mobileOnly #mobileNavButton a {width: 22px; height: 22px; display: block;} #top #mobileOnly #mobileLogo {float: left; width: 250px; height: 30px; text-align: center; padding-bottom: 10px; } #top #mobileOnly #mobileLogo a {height: 30px; display: block; width: 250px;} #top #mobileOnly #mobileSearchButton {float: right; margin: 3px 0 0 0;} #top #mobileOnly #mobileSearchButton a {width: 24px; height: 24px; display: block;} #toggleSearchNavigation #searchMobile {} #toggleSearchNavigation #searchMobile {width: 302px; height: 30px; margin: -15px 0 10px 0;} #toggleSearchNavigation #searchMobile #searchMobileForm {width: 302px; height: 30px; margin: 14px 0 0 10px;} #toggleSearchNavigation #searchMobile #searchMobileForm #searchMobileField {width:250px; height: 30px; font-size: 14px;line-height: 14px; background: none; border: none; font-weight: bold; color: #969da1; letter-spacing: -1px;} #toggleSearchNavigation #searchMobile #searchMobileForm #searchMobileButton {width: 30px; height: 30px; cursor: pointer;} #toggleMobileNavigation ul {font-size: 14px; line-height: 14px; text-shadow: none; margin: 0; padding: 0;} #toggleMobileNavigation ul li a {text-decoration: none; color: #969da1; width: 290px; display: block; padding: 15px 0; border-top: 1px solid rgb(255, 255, 255); border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, .1); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } #toggleMobileNavigation ul li a:hover {color: #FFF; background: #00c2ff;} #toggleMobileNavigation ul li ul {margin-top: 0;} #toggleMobileNavigation ul li a {padding-left: 10px} #toggleMobileNavigation ul li ul.sub-menu li a {padding-left: 20px; width: 280px} .mobile-nav-button-normal {background-position: 0 -200px ; display: block; width: 22px; height: 22px;} .mobile-nav-button-selected {background-position: 0 -222px ; display: block; width: 22px; height: 22px;} .mobile-search-button-normal {background-position: 0 -100px ; display: block; width: 24px; height: 24px;} .mobile-search-button-selected {background-position: -24px -100px ; display: block; width: 24px; height: 24px;} /* Header */ #header {display: none;} a.logoText {font-size: 14px; color: #FFF; !important; padding-top: 7px; text-shadow: 0 1px 0 #000} /* Home Archives */ #content .post {width: 290px; padding: 0px; margin: 0 auto 20px auto; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #content .contentContent p {max-width: 290px; margin: 0 auto 15px auto; display: block;} #content .post img {max-width: 290px; height: auto;background: #FFF; padding: 5px; position: relative; left: -5px; -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 10px 0px #E4E4E4; } #content .post .photo {margin-bottom: 10px;} #content .post .title {z-index: 100;text-align: left; padding-left: 0; margin-bottom: 2px; } #content .post .date {text-align: left; padding-left: 0;} #content .post .title h3 a {font-size:16px; line-height: 20px; letter-spacing: 0px;} #content .post .date {font-size: 12px; line-height:12px; margin-bottom: 0;} #browsing .browseNavLeft,#browsing .browseNavRight {width: 50%;} #browsing {padding: 0 5px;} #browsing .browseNavMid , #browsing .current {display: none;} #browsing .browseNavRight a, #browsing .browseNavLeft a {width: 80px; padding: 10px 0; font-size: 12px; line-height: 12px;} #pbd-alp-load-posts a {font-size: 12px; width: 225px; height: 18px; padding: 8px 0; } /* Posts & Pages */ .contentContent h2 {font-size: 14px; line-height: 18px; margin: 28px 0 14px 5px;} .contentContent h3 {font-size: 12px; line-height: 16px; margin: 24px 0 12px 5px;} .contentTitle, .contentDate, .contentContent, .contentTags {width: 300px; margin: 0 auto;} .contentFeatured .photo img, .photo img {width: 290px !important; height: auto !important; } .contentFeatured {margin-bottom: 0;} .contentFeatured .photo {margin-bottom: 0;} .contentFeatured .photo img {margin-bottom: 0;} .contentContent img, .contentContent .wp-caption, .size-full {max-width: 290px !important; left: 0px; } .contentContent .wp-caption p {width: 290px !important; position: relative; top: -8px; left: 0px; padding: 5px ; font-size: 12px; line-height: 12px;} .contentContent .wp-caption.aligncenter img {max-width: none !important; width: 290px !important} .contentContent .wp-caption.aligncenter {max-width: none !important; width: 290px !important; height: auto; position: relative; left: 0px; display: block;} .contentContent .wp-caption.aligncenter p {padding: 5px 10px ; font-size: 12px; line-height: 12px;} .contentContent .wp-caption.aligncenter:after, .contentContent .wp-caption.aligncenter:before {bottom: 20px} .contentContent .wp-caption:after, .contentContent .wp-caption:before {bottom: 20px} .contentFeatured img, .contentContent img {padding: 5px;} .contentContent img {max-width: 290px !important;} .contentContent .wp-caption {max-width: 290px !important;} .contentContent p img.aligncenter {width: 290px !important; left: -0px;} .contentTitle {font-size: 16px; line-height: 20px; margin: 0 0 0 5px;} .contentDate {font-size: 12px; line-height: 12px; margin: 0 0 10px 5px;} .contentContent {font-size: 12px; line-height: 15px;} .contentContent blockquote {font-size: 18px; line-height: 20px; margin: 0 0 0 5px; padding: 0 0 0 40px; width: 250px; background-position: 0 -300px !important;} .custom{width:270px;} .tags {padding-top: 2px; margin-bottom: -25px;} .tags a{margin:0 15px 5px 0;font-size:11px;padding:1px 8px 7px 2px;height:11px;} .tags a:before{height:14px;width:14px;left:-7px;top:2px;} #comments {width: 290px; } #comments .commentImage {width: 50px;} #comments .commentImage img {max-width: 40px;} #comments .commentContent p {margin-bottom: 8px;} #comments .commentContentName {margin-bottom: 8px;} #comments .commentContent {width: 240px; padding-top: 5px; margin-bottom: -20px; font-size: 12px; line-height: 15px; } #comments #respond h3 {font-size: 14px; margin: 20px 0 10px 0;} #comments #respond .comment-field-holder input {width: 260px; padding: 10px 15px 10px 15px; font-size: 12px; margin-bottom: 10px} #comments #respond textarea {width: 260px; padding: 10px 15px 10px 15px !important; font-size: 12px;} #comments #respond input#submit {float:right; width: 120px; height: 30px; font-size: 12px;line-height: 12px; padding: 5px;} /* Search and Tag Archives */ #archiveResults {width: 310px} #archiveHeader {margin: 0 0 15px 5px;} #archiveHeader #archiveCount {font-size: 32px; line-height: 32px; } #archiveHeader #archiveTerm {font-size: 14px; line-height: 14px; } #archiveResults .archivePostHolder {width: 310px; margin: 0 0 20px 0; background: none;} #archiveResults .archivePost {float: none; width: 290px; padding: 0; background: none; border: none; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #archiveResults .archivePost img {background: #FFF; padding: 5px; -webkit-box-shadow:0px 0px 1px 1px #d5d5d5; box-shadow:0px 0px 10px 0px #E4E4E4; margin-bottom: 0;} #archiveResults .archivePost .archiveTitle a {font-size: 16px; text-align: left; padding: 5px 0 0 5px;} #archiveResults .archivePost:before, #archiveResults .archivePost:after {display: none;} /* Footer */ #contentHolder {padding-bottom: 0px; } /* Height of the footer so footer sticks to bottom of browser */ #footerHolder {height: 40px;} #footer {padding: 14px 0;font-size: 14px;line-height: 14px;} #copyright {display: none;} #credit {float: auto; width: 100%; text-align: center;} #credit a {border: none;} #content .post:before, #content .post:after, .contentContent .wp-caption.aligncenter:before, .contentContent .wp-caption.aligncenter:after, #archiveResults .archivePost:before, #archiveResults .archivePost:after, .contentFeatured:before, .contentFeatured:after, .contentContent .wp-caption:before, .contentContent .wp-caption:after, .contentContent .wp-caption:before, .contentContent .wp-caption:after {display: none;} /* 404 */ .errorImage img {max-width: 290px;} .errorBottom {margin-bottom: 30px;} /* Widgets */ #sidebar .sidebar-box {width: 300px; margin: 0 0 40px 0;} /* End of 320 Media Query */ } /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ /* Category Bottom Padding Fix */ /* ----------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1004px) and (max-width: 1259px) { .archive #browsing {margin-bottom: 40px;} } @media screen and (min-width: 1260px) and (max-width: 1579px) { .archive #browsing {margin-bottom: 60px;} } @media screen and (min-width: 1580px) { .archive #browsing {margin-bottom: 80px;} }