CSS in wordpress - HELP

Question

Hi Guys, 
something very simply driving me nuts. I want to change the hover color of the blog title. When you click Home, and then hover over the blog post title, its green......god only knows why!! I want it to be gray like the rest.....anyone see where I'm going wrong?
All help much appriciated!
Thanks,
Steph
//CSS//
html,
body,
div,
span,
applet,
object,
iframe,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
th {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
}
.entry-title a, 
.entry-title a:link,
.entry-title a:visited,
.entry-title a:hover
{
    text-decoration: none;
    color: gray;
}
h2{
    font-size: 1.2em;
}
html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/4/#c790 */
overflow-y: scroll;
/* Keeps page centered in all browsers regardless of content height */

-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
,
*:before,
*:after {
    / apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ /
    -webkit-box-sizing: border-box;
    / Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing /
       -moz-box-sizing: border-box;
    / Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
            box-sizing: border-box;
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}
caption,
th,
td,
th {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}
blockquote,
q {
    quotes: '' '';
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
    color: gray;
}
a img {
    border: 0;
}
/* =Rebuild
----------------------------------------------- */
* html {
    font-size: 100%;
}
html {
    font-size: 16px;
    line-height: 1.5em;
}
body,
button,
input,
select,
textarea {
    font-family: Georgia, 'Bitstream Charter', serif;
    font-size: 16px;
    font-weight: 400;
    color: #404040;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
/* Text elements */
p {
    margin-bottom: 24px;
}
ul,
ol {
    margin: 0 0 24px 36px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 24px;
}
dt {
    font-weight: 600;
}
dd {
    margin: 0 24px 24px;
}
b,
strong {
    font-weight: 600;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 24px;
}
address {
    margin: 0 0 24px;
}
pre {
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: .9375em;
    line-height: 1.6em;
    overflow: auto;
    max-width: 100%;
    margin-top: -2px;
    margin-bottom: 24px;
    padding: 24px;
    background: rgba(119, 119, 119, .5);
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: .875em;
    line-height: 1.71429em;
}
abbr,
acronym {
    cursor: help;
    border-bottom: 1px dotted #666;
}
mark,
ins {
    text-decoration: none;
    background: #fff9c0;
}
sup,
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    height: 0;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    width: 100%;
    margin: 0 0 24px;
}
th {
    font-weight: bold;
}
img {
    /* Make sure images are scaled correctly. /
    width: 100%;
    / Adhere to container width. */
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
}
.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}
/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
    font-weight: 600;
    line-height: 24px;
    position: absolute !important;
    z-index: 100000; /* Above WP toolbar. */
    top: 24px;
    left: 24px;
    display: inline-block;
    clip: auto !important;
    padding: 24px;
    border: 1px solid #000;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
       -moz-box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
            box-shadow: rgba(0, 0, 0, .6) 2px 2px 10px;
}
/* Clearing */
.clear:before,
.clear:after {
    display: table;
    content: '';
}
.clear:after {
    clear: both;
}
.entry-content:before,
.entry-content:after {
    display: table;
    content: '';
}
.entry-content:after {
    clear: both;
}
.comment-content:before,
.comment-content:after {
    display: table;
    content: '';
}
.comment-content:after {
    clear: both;
}
.site-header:before,
.site-header:after {
    display: table;
    content: '';
}
.site-header:after {
    clear: both;
}
.site-content:before,
.site-content:after {
    display: table;
    content: '';
}
.site-content:after {
    clear: both;
}
.site-footer:before,
.site-footer:after {
    display: table;
    content: '';
}
.site-footer:after {
    clear: both;
}
/* =Forms
----------------------------------------------- /
button,
input,
select,
textarea {
    margin: 0;
    / Addresses margins set differently in IE6/7, F3, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */

*vertical-align: middle;
/* Improves appearance and consistency in all browsers */
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
    /* Corrects inability to style clickable 'input' types in iOS /
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    / Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
    border-color: #ccc #bbb #aaa #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 15px 17px rgba(255, 255, 255, .8), inset 0 -5px 12px rgba(0, 0, 0, .02);
}
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15);
}
input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type='search'] {
    /* Addresses appearance set to searchfield in S5, Chrome /
    -webkit-box-sizing: content-box;
    width: 200px;
    / Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
       -moz-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    /* Corrects inner padding and border displayed oddly in FF3 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
textarea:focus {
    color: #111;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search 18 Trishaw Lane'] {
    padding: 3px;
}
textarea {
    overflow: auto;
    /* Improves readability and alignment in all browsers */
width: 98%;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top;
}
html {
font-size: 100%;
}
html {
    font-size: 16px;
    line-height: 1.7em;
}
/* =Global */
body {
    background-color: #eee;
    font-family: "Roboto Slab", Georgia, Times, serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    color: #666;
}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin: 14px 27px 14px 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 14px 0 14px 27px;
}
.aligncenter {
    display: block;
    clear: both;
    margin: 14px auto;
}
.alignnone {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666;
    font-family: "Roboto Slab", Georgia, Times, serif;
}
h1 {
    font-size: 15px;
    font-weight: normal;
    margin: 27px 0;
}
h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 27px 0;
}
h3,
respond h3 {
font-size: 20px;
font-weight: normal;
margin: 27px 0;
}
h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}
h5 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}
h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 27px 0;
}
hr {
    height: 0;
    margin-top: -1px;
    margin-bottom: 24px;
    padding-top: 24px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    clear: both;
}
/* Text elements */
p {
    margin-bottom: 27px;
}
ul {
    margin: 0 0 27px 27px;
    list-style: disc;
}
ul ul {
    list-style: square;
}
ul ul ul {
    list-style: circle;
}
ol {
    margin: 0 0 27px 27px;
    list-style: decimal;
}
ol ol {
    list-style: lower-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 27px;
}
dt {
    font-weight: 400;
}
dd {
    margin: 14px 0 14px 27px;
}
b,
strong {
    font-weight: bold;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 0 27px;
    padding-left: 48px;
    position: relative;
    color: #999;
}
blockquote:before {
    font-family: Baskerville, Georgia, serif;
    font-size: 48px;
    font-weight: bold;
    color: #eee;
    content: "\201D";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    transform: scaleX(-1);
}
blockquote blockquote {
    font-size: inherit;
}
blockquote cite {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin-top: 7px;
    width: 100%;
    text-align: right;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button,
.button:visited {
    font-family: "Roboto Slab", Georgia, Times, serif;
    box-sizing: border-box;
    padding: 10px 14px;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border: 3px solid #eee;
    background: white;
    box-shadow: none;
    text-shadow: none;
}
button:hover,
button:focus,
button:active,
input[type='button']:hover,
input[type='button']:focus,
input[type='button']:active,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='reset']:active,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='submit']:active,
.button:hover,
.button:focus,
.button:active {
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    box-shadow: none;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search...18 Trishaw Lane'] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #eee;
}
input[type='text']:active,
input[type='text']:focus,
input[type='email']:active,
input[type='email']:focus,
input[type='url']:active,
input[type='url']:focus,
input[type='password']:active,
input[type='password']:focus,
input[type='search']:active,
input[type='search']:focus {
    border-color: #d4d4d4;
    outline: none;
    background: white;
}
textarea {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #eee;
}
textarea:active,
textarea:focus {
    border-color: #d4d4d4;
    outline: none;
}
address {
    font-style: italic;
    margin-bottom: 27px;
}
pre {
    background: transparent;
    color: #666;
    font-family: "Roboto Slab", Georgia, Times, serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    overflow: auto;
    max-width: 100%;
    margin-bottom: 27px;
    padding: 0;
}
code,
kbd,
tt,
var {
    font: 14px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    font-size: 1em;
    line-height: 2.09231em;
}
abbr,
acronym {
    margin-bottom: 26px;
    cursor: help;
    border-bottom: 1px dotted #eee;
}
mark,
ins {
    text-decoration: none;
    background: fff9c0;
}
sup,
sub {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 0;
    position: relative;
    height: 0;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: .8125em;
    line-height: 2.09231em;
}
big {
    font-size: 1.2em;
    line-height: 1.36em;
}
figure {
    margin: 0;
}
table {
    width: 100%;
    margin-bottom: 27px;
}
td,
th {
    padding: 7px 3px 6px;
    border-collapse: collapse;
    border-bottom: 1px solid #eee;
}
th {
    font-weight: bold;
    padding-bottom: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom-width: 3px;
}
img {
    height: 100%;
}
/* Links /
/ a {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
 /
/ =Layout /
.site {
    margin: 14px;
    padding: 27px;
    background: white;
}
.site-footer {
    width: 100%;
}
.site-info-wrapper {
    clear: both;
    margin: 24px 0 0;
    padding: 14px 0 0;
}
.site-info {
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    font-size: .8125em;
    line-height: 2.09231em;
}
.site-info a {
    text-decoration: none;
    color: #999;
}
/ .site-info a:hover {
    color: #1c7c7c;
} */
.site-info .sep {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    margin: 0;
}
.site-content {
    word-wrap: break-word;
}
.site-content .widget-area {
    margin-top: 27px;
    padding-top: 24px;
    border-top: 3px solid #eee;
}
/* =Header */
.site-header {
    margin: 0 0 27px;
    padding: 0 0 24px;
}
.custom-logo {
    display: block;
    width: auto;
    max-height: 200px;
    margin: 0 auto 14px;
}
.custom-header {
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    border-radius: 5px;
}
.site-branding {
    clear: both;
    margin-bottom: 14px;
    text-align: auto;
}
/* .site-title {
    font-size: 27px;
    font-weight: normal;
    line-height: 1;
    position: relative;
    z-index: 2;
    display: inline-block;
    clear: none;
    margin: 0;
} /
/ .site-title a {
    text-decoration: none;
    color: #666;
} */
.site-description {
    color: #999;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 7px auto;
    text-align: center;
}
/* =Menu */
.main-navigation {
    font-weight: normal;
    position: relative;
    display: block;
    letter-spacing: 3px;
    margin-top: 27px;
    padding-top: 24px;
    text-transform: uppercase;
    z-index: 1;
}
.main-navigation ul {
    clear: both;
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.main-navigation li {
    position: relative;
    display: block;
}
.main-navigation li:hover > a {
    color: darkgray;
}
.main-navigation a,
.main-navigation a:visited a:hover
{
    display: block;
    padding: 20px 0 20px;
    text-decoration: none;
    color: gray;
    font-family: sans-serif;
}
.main-navigation ul:first-child > li:last-of-type a {
    border-bottom: 0;
}
.currentpageitem a,
.current-menu-item a,
.currentpageitem a:visited,
.current-menu-item a:visited,
.current-menu-item a:hover
{
    color:gray;
}
/* Small menu */
.menu-toggle,
.main-navigation.toggled .nav-menu {
    display: block;
}
.menu-toggle {
    margin: 0 auto;
    position: relative;
    padding: 5px 7px;
    border: 1px solid #eee;
}
.menu-toggle svg {
    width: 16px;
    margin-right: 4px;
    height: auto;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
menu-icon {
fill: #999;
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}
.menu-toggle:hover #menu-icon {
    fill: #1c7c7c;
}
.toggled .menu-toggle {
    color: #1c7c7c;
    border-color: #1c7c7c;
}
.toggled #menu-icon {
    fill: #1c7c7c;
}
.main-navigation ul:first-child {
    display: none;
}
.main-navigation ul ul li a {
    padding-left: 14px;
}
.main-navigation ul ul ul li a {
    padding-left: 28px;
}
.main-navigation ul ul ul ul li a {
    padding-left: 42px;
}
/* =Content */
.hentry {
    position: relative;
    margin: 0 0 53px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
}
.site-main .hentry:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.attachment-penscratch-2-featured {
    margin: 14px 0 0;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 1;
    border-radius: 3px;
}
.hentry:hover .attachment-penscratch-2-featured {
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: .7;
}
.entry-footer,
.entry-meta {
    font-size: .4125em;
    font-weight: normal;
    line-height: 2.09231em;
    margin: 0 0 27px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #999;
}
.entry-footer a,
.entry-meta a,
.entry-footer a:visited,
.entry-meta a:visited {
    color: #999;
}
.entry-footer a:hover,
.entry-meta a:hover {
    color: #1c7c7c;
}
.entry-title {
    line-height: 1.10em;
    line-height: 1.21429em;
    margin: 0 0 7px;
}
.entry-title a,
.entry-title a:visited 
.entry-title :unvisited
.entry-title :hover
{
    text-decoration: none;
    color: #666;
    font-size: 1.5em;
    color: gray;
}
.entry-title a:hover {
    color: #1c7c7c;
}
.page .entry-title {
    margin: 0 0 27px;
}
.sep {
    margin: 0 3px;
}
.entry-author {
    border: 1px solid #eee;
    padding: 27px;
    margin: 27px 0 0;
}
.entry-author p:last-of-type {
    margin-bottom: 0;
}
.author-title {
    font-size: 1.2em;
    margin: 0 0 7px;
}
.author-link {
    clear: both;
    display: inline-block;
    font-style: italic;
    color: darkgray;
}
.author-avatar {
    float: left;
    margin-right: 1.75em;
    width: 60px;
}
.author-title {
    clear: none;
}
.author-heading,
.author-bio {
    margin-left: 86px;
}
.page-links {
    clear: both;
    margin: 27px 0;
    word-spacing: 7px;
}
.page-title {
    font-size: 18px;
    line-height: 1.36em;
    margin: 0;
    padding-bottom: 14px;
    letter-spacing: 1px;
    color: #999;
    border-bottom: 1px solid #eee;
}
.page-header {
    margin-bottom: 27px;
}
.taxonomy-description {
    font-style: italic;
    margin-top: 27px;
}
/* =Media */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 27px;
}
.wp-caption img[class*='wp-image-'] {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.wp-caption-text {
    font-size: .8125em;
    line-height: 1.5675em;
    margin: 14px 0;
    padding: 0 1%;
}
.site-content .gallery {
    margin-bottom: 27px;
}
.site-content .gallery a img {
    max-width: 90%;
    height: auto;
}
.site-content .gallery dd {
    margin: 0;
}
/* Gallery column widths */
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.667%;
}
.gallery-columns-7 .gallery-item {
    width: 14%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.11%;
}
.site-content .gallery-columns-1.gallery a img {
    max-width: 100%;
}
.gallery-item {
    display: inline-block;
    margin-bottom: 14px;
    text-align: center;
    vertical-align: top;
}
.gallery-item img {
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.gallery-caption {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 2.09231em;
    max-width: 90%;
    margin: 0 auto;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}
/* =Navigation */
.site-main .post-navigation,
.site-main .paging-navigation {
    font-size: .8125em;
    font-style: italic;
    line-height: 2.09231em;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 12px 0;
}
.site-main .post-navigation .meta-nav,
.site-main .paging-navigation .meta-nav {
    clear: both;
    color: #1c7c7c;
    display: block;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.site-main .post-navigation .nav-previous a,
.site-main .paging-navigation .nav-previous a {
    color: #aaa;
    position: relative;
    float: left;
    width: 50%;
    text-decoration: none;
}
.site-main .post-navigation .nav-next a,
.site-main .paging-navigation .nav-next a {
    color: #aaa;
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
    text-decoration: none;
}
.site-main .post-navigation a,
.site-main .paging-navigation a {
    color: #aaa;
}
.site-main .post-navigation a:hover,
.site-main .paging-navigation a:hover {
    color: #666;
}
.comment-navigation:before,
.comment-navigation:after {
    display: table;
    content: '';
}
.comment-navigation:after {
    clear: both;
}
.site-main .comment-navigation {
    font-size: .8125em;
    line-height: 2.09231em;
    line-height: 1.5;
    clear: both;
    width: 100%;
    margin: 27px 0;
    padding: 12px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.site-main .comment-navigation .nav-previous {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
}
.site-main .comment-navigation .nav-next {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}
/* =Comments */
.comments-area {
    margin: 24px auto 0;
    border-top: 3px solid #eee;
}
.comments-title,
respond h3 {
font-size: 1.2em;
line-height: 1.36em;
color: #999;
}
.comments-title small,
.comment-reply-title small {
    float: right;
}
.comment-list,
.comment-list .children {
    list-style: none;
}
.comment-list {
    margin: 0;
}
.comment-list > .comment:first-of-type {
    padding-top: 0;
    border-top: 0;
}
.comment {
    margin-top: 26px;
    padding-top: 27px;
    border-top: 1px solid #eee;
}
.comment-meta {
    text-transform: uppercase;
}
.comment-meta a {
    color: #666;
}
.comment-meta .comment-author img {
    float: left;
    border-radius: 50%;
}
.comment-meta .comment-author .fn {
    display: block;
    font-weight: normal;
    margin-left: 74px;
    text-transform: none;
}
.bypostauthor {}
.comment-meta .comment-metadata {
    font-size: .8125em;
    font-weight: normal;
    line-height: 2.09231em;
    margin-bottom: 27px;
    margin-left: 74px;
    letter-spacing: 1px;
    color: #999;
}
.comment-meta .comment-metadata a {
    color: #999;
}
.comment-meta .comment-metadata a:hover {
    color: #1c7c7c;
}
.comments-area .edit-link:before {
    display: inline;
    margin: 0 7px;
    content: ' ~ ';
}
.comment-form label {
    display: inline-block;
    width: 109px;
}
.required {
    color: #1c7c7c;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
    position: relative;
    margin: 0 0 27px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
    font-size: .8125em;
    font-weight: normal;
    line-height: 2.09231em;
    position: absolute;
    top: 7px;
    left: 0;
    padding: 7px 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
    display: block;
    width: 100%;
    margin: 0 0 27px;
    padding-left: 100px;
}
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
    clear: both;
    width: 100%;
    margin: 0 0 27px;
    padding: 54px 14px 7px;
}
.says {
    display: none;
}
.form-allowed-tags {
    color: #999;
}
.no-comments {
    font-style: italic;
    margin: 27px 0;
    text-align: center;
    color: #999;
}
/* =Widgets */
.widget {
    line-height: 2.09231em;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 27px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
    word-wrap: break-word;
}
.widget-area .widget:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}
.widget select {
    max-width: -webkit-calc(100% - 48px);
    max-width:       calc(100% - 48px);
    margin-left: 1px;
}
.widget a {
    text-decoration: none;
    color: #1c7c7c;
}
.widget a:hover,
.widget a:active,
.widget a:focus {
    color: #666;
}
.widget:not(.widgettext) ul,
.widget:not(.widgettext) ol {
    margin: 0;
    list-style: none;
}
.widget:not(.widgettext) li {
    margin: 6px 0 0;
    padding-top: 6px;
    list-style: none;
    border-top: 1px solid #eee;
}
.widget:not(.widgettext) li li a {
    padding-left: 14px;
}
.widget:not(.widgettext) li li li a {
    padding-left: 28px;
}
.widget:not(.widgettext) li li li li a {
    padding-left: 32px;
}
.widget-title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.36em;
    margin: 14px 0;
}
.widget-title a {
    color: #666;
}
/* Calendar widget */
wp-calendar td,
wp-calendar th,
wp-calendar th {
text-align: center;
}
wp-calendar caption {
font-weight: 700;
margin: 14px 0;
text-align: center;
}
wp-calendar a {
text-decoration: none;
color: #1c7c7c;
}
/* Recent Comments */
.widgetrecentcomments td,
.widgetrecentcomments th {
    border: 0;
}
/* Tags */
.tags-links {
    display: block;
    margin-top: 7px;
}
.tags-links:before,
.tags-links:after {
    display: table;
    content: '';
}
.tags-links:after {
    clear: both;
}
.wpwidgettagcloud a,
.tags-links a {
    font-size: .8125em !important;
    display: inline-block;
    margin: 0 7px 7px 0 !important;
    padding: 7px;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border: 1px solid #eee;
}
.wpwidgettagcloud a:hover,
.tags-links a:hover {
    color: #1c7c7c;
    border-color: #1c7c7c;
}
/* =Footer Widgets */
.footer-widgets {
    border-top: 1px solid #eee;
    padding: 27px 0 0;
    margin: 27px 0 0;
}
.footer-widgets .widget-area {
    width: 100%;
    margin: 0 auto;
}
/* =Jetpack */
.jetpackwidgetsocial_icons ul .jetpack-social-widget-item {
    border-top: none;
}
.jetpack-video-wrapper {
    margin-bottom: 27px;
}
.jetpack-slideshow.slideshow-black {
    background-color: #eee;
    border-color: #eee;
}
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}
.infinite-wrap {
    border-top: 1px solid #eee;
    padding-top: 53px;
}
infinite-footer {
z-index: 999;
}
infinite-footer .container {
font-style: italic;
position: relative;
color: #999;
border-top: 0;
background: white;
}
infinite-footer .container a {
color: #999;
}
infinite-footer .container a:hover {
color: #1c7c7c;
}
infinite-footer .blog-info a,
infinite-footer .blog-credits {
font-size: .8125em;
font-weight: normal;
font-style: normal;
line-height: 2.09231em;
letter-spacing: 1px;
text-transform: uppercase;
}
.infinite-loader {
    clear: both;
    width: 28px;
    height: 43px;
    margin: 0 auto 14px;
    padding-top: 27px;
}
infinite-handle {
clear: both;
width: 100%;
margin: 0;
}
infinite-handle span {
border-radius: 3px;
display: block;
font-size: 1em;
font-weight: normal;
padding: 10px 14px;
-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
color: #999;
border: 3px solid #eee;
background: white;
text-align: center;
width: 160px;
}
infinite-handle span:hover {
border-color: #1c7c7c;
color: #1c7c7c;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}
div.sharedaddy div.sd-block {
    padding: 14px 0 14px !important;
}
/* =Social Links */
.jetpack-social-navigation {
    clear: both;
    margin: 14px auto;
    text-align: center;
}
.jetpack-social-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.jetpack-social-navigation li {
    display: inline-block;
    margin: 0;
    list-style: none;
}
.jetpack-social-navigation a {
    display: inline-block;
    text-decoration: none;
    font-size: 24px;
    margin-left: 4px;
    margin-top: 2px;
    margin-bottom: 4px;
    text-align: center;
    color: white;
    border-radius: 50%;
    background: #ccc;
    width: 1.5em !important;
    height: 1.5em !important;
}
.jetpack-social-navigation .icon {
    top: 3px;
    position: relative;
}
.jetpack-social-navigation ul a:hover {
    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
    text-decoration: none;
    background: #1c7c7c;
    color: white;
}
/* Media Queries */
@media screen and (min-width: 75em) {
    .site {
        max-width: 1153px;
        margin: 54px auto;
        padding: 54px 108px;
    }
.no-sidebar.page-template-full-width-page .site {
    max-width: 1153px;
}
}
@media screen and (min-width: 55em) {
    .no-sidebar .site {
        max-width: 872px;
        padding: 54px 108px;
    }
}
@media screen and (min-width: 50em) {
/*  h1 {
        font-size: 32px;
    } */
h2 {
    font-size: 28px;
}

h3,
#respond h3,
.author-title {
    font-size: 12px;
}

h4 {
    font-size: 20px;
}

.entry-title {
    font-size: 1.5em;
}

.content-area {
    float: left;
    width: 100%;
    margin: 0 -30% 0 0;
}

.site-main {
    margin: 0 30% 0 0;
}

.site-content .widget-area {
    float: right;
    overflow: hidden;
    width: 25%;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.no-sidebar .content-area,
.no-sidebar .site-main,
.page-template-full-width-page .site-main {
    float: none;
    margin: 0;
}

.site-info {
    line-height: 1.7;
    float: left;
    max-width: 60%;
    text-align: left;
}

.jetpack-social-navigation {
    float: right;
    clear: none;
    max-width: 40%;
    margin: 0;
    text-align: right;
}

.entry-content {
    font-size: 1.2em;
    line-height: 1.7em;
}
pre {
    font-size: 1em;
}

/* Search */
.widget_search .search-submit {
    display: none;
}
blockquote {
    font-size: 1.2em;
    line-height: 1.4em;
    padding-left: 64px;
}
blockquote cite {
    font-size: .8125em;
}
blockquote:before {
    font-size: 72px;
}

blockquote.alignleft,
blockquote.alignright {
    max-width: 280px;
    padding-left: 48px;
}
blockquote.alignleft:before,
blockquote.alignright:before {
    font-size: 64px;
    top: 14px;
}

.menu-toggle {
    display: none;
}
.main-navigation {
    font-size: .8125em;
    line-height: 2.09231em;
    text-align: center;
}
.main-navigation ul:first-child {
    display: block;
}
.main-navigation ul li {
    display: inline-block;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    display: block;
    visibility: visible;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 1;
}
.main-navigation ul a {
    padding: 7px 9px;
    border-bottom: 0;
}
.main-navigation ul ul {
    position: absolute;
    z-index: 99999;
    top: 2.5em;
    left: -11px;
    display: none;
    visibility: hidden;
    float: left;
    padding: 0 9px;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-align: left;
    opacity: 0;
    border: 1px solid #eee;
    background: white;
}
.main-navigation li.menu-item-has-children > a,
.main-navigation li.page_item_has_children > a 
{
    position: relative;
    padding-right: 1.6em;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after 
{
    content: "\203A";
    font-family: "Oswald" "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}
.main-navigation ul ul li.menu-item-has-children > a:after,
.main-navigation ul ul li.page_item_has_children > a:after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-left: 4px;
    top: 0;
}
.main-navigation ul ul li {
    padding: 5px 5px 4px;
    border-bottom: 1px solid #eee;
}
.main-navigation ul ul li:last-of-type {
    border-bottom: 0;
}
.main-navigation ul ul li a {
    line-height: 1.5;
    width: 180px;
    padding: 5px;
}
.main-navigation ul ul ul {
    top: 0;
    left: 100%;
}
.main-navigation ul ul li a,
.main-navigation ul ul ul li a,
.main-navigation ul ul ul ul li a {
    padding-left: 5px;
}

.footer-widgets .widget-area {
    float: left;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
    width: 48%;
    margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
    margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
    width: 30%;
    margin-right: 5%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
    margin-right: 0;
}
}

Welcome to the Treehouse Community

Looking to learn something new?

stephanie harrison roberts

stephanie harrison roberts

CSS in wordpress - HELP

respond h3 {

menu-icon {

respond h3 {

infinite-footer {

infinite-footer .container {

infinite-footer .container a {

infinite-footer .container a:hover {

infinite-footer .blog-info a,

infinite-footer .blog-credits {

infinite-handle {

infinite-handle span {

infinite-handle span:hover {