Hi,

I am trying to make changes to my website, proviolin.com, myself so changes can be done in a speedy manner. How do I get rid of the four dots and the Zoom AAA at the bottom of my website pages for proviolin.com? Please advise. I am comfortable going into the source code to make changes if you can just tell me what lines to get rid of, that would be great.

I would also like to get rid of the search bar under the drop down menu "FAQs" ideal shoulder rests but had a hard time getting into the file to delete this.

Also, if anybody knows of a web developer in Minnesota that doesn't take forever to make simple changes, please give me their name and contact information.

I would greatly appreciate any help you can give me.

Hi Everyone,

I have made most of the changes I needed to but I'm new to the forum and am not able to delete my first posting so I apologize for that. Please let me know how to do that when the post is an hour or more old. Thank you.

I am still struggling with how to get rid of the three dots at the end of every page on my website in addition to getting access to the code for Ideal Shoulder Rests so I can delete some of the code. Please advise.

Thank you for your help.

The dots come from an UL list that has empty link texts (inside LI elements), that open popup windows. You'll find it inside the footer element. If you inspect the element, you'll see where exactly.

I don't know what you mean by code for Ideal Shoulder Rests, as I couldn't find it.

BTW, your page has HTML errors. Validate at http://validator.w3.org and correct the errors.

We don't delete posts here just because the problem has been solved. That would make the thread confusing for everyone who reads it. We would have to delete all answers too and they may contain information that's useful for others. Not to speak of it would upset other posters that may have put a great deal of effort into solving the OPs problem.

Ok, which page has HTML errors? If I type in every URL for every web page, will the pages be corrected on their own?

Probably all of them.



No.

I only validated your homepage. It's up to you to check them all.
And indeed, you have to fix those errors yourself. If there are any you don't understand, then ask here.

Just to let you know, on the homepage, I also get 404 (Not Found) errors in my browser for:
pattern07.png
social.png
phone-icon.png
go-top.png
pattern07.png
skin16_specific.css.map

Check the other pages for such errors too.

What is the significance of HTML errors? Will this affect SEO ranking? Is <h1 absolutely necessary in my source code? I was surprised this wasn't added in my original code. How do I know where to put <h1 in my code? I have my website up but it seems to still need a lot of work. Any book or online tutorial I should use to improve my website? When I use the validate link, will it correct and improve my source code? I am a newbie to all of this.

Read the Why Validate? article at http://validator.w3.org/docs/why.html to answer your first question.
Read this article at http://htmlhelp.com/feature/seo/ about SEO ranking.

You're using HTML5 and the SECTION element should be identified with a heading (h1- h6 element) as a child of the section element.
See http://html5doctor.com/element-index/#section and http://www.w3.org/html/wg/drafts/html/mast...section-element .

For tutorials, you can start at the References and FAQ, right here at WDG (links on top and bottom of this page). The link to html5doctor.com is pretty good too, as it addresses HTML5 elements too, which the WDG doesn't. But what's good in HTML 4 is still ok in HTML5.

You can always search for whatever you need. It's just a question of a good phrasing of your search.
For a beginner, even http://www.w3schools.com can be a good start, though their info is not always as accurate. But to get the drift of things, it's a start. I even gave that link to my daughter, so she can edit her Tumblr page on her own.

A validator doesn't correct the errors, it only shows them to you, so you can correct them yourself, provided that you understand what the validator tells you. Sometimes, what it tells you is clear enough, but for a newcomer it can be confusing. That's why I said that if there's something you don't understand in what the validator indicates, you can ask about that here so we can help you with that.

How should i fix the LI elements? Here is what I have for an li element for the home page of proviolin. Any "ul" that is surrounded by li is what I should fix, correct?

li><a class="facebook" href="https://www.facebook.com/LearnToPlayTheViolin" target="_blank" title="Proviolin on Facebook">Facebook</a></li>
<li><a class="youtube" href="https://www.youtube.com/channel/UCg5Lj_eDGJIy75uuFANCvbQ" target="_blank" title="Proviolin on YouTube">YouTube</a></li>

<ul>
<li><a class="facebook" href="https://www.facebook.com/LearnToPlayTheViolin" target="_blank" title="Proviolin on Facebook">Facebook</a></li>
<li><a class="youtube" href="https://www.youtube.com/channel/UCg5Lj_eDGJIy75uuFANCvbQ" target="_blank" title="Proviolin on YouTube">YouTube</a></li>
</ul>

Should I worry about the above li or just delete the following from my source code?

<ul>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('http://proviolin.com/imatrix.php?print=1', 'Popup1', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe
ndent=yes,width=915,height=600'); return false;" class="print_page" title="Print Page" rel="nofollow"></a>
</li>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('?send_email=1&amp;title=Home', 'Popup2', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe
ndent=yes,width=376,height=475'); return false;" class="send_friend" title="Send to Friend" rel="nofollow"></a>
</li>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('http://proviolin.com/imatrix.php?%3Fsend_doctor=1', 'Popup3', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe
ndent=yes,width=376,height=528'); return false;" class="email_us" title="Email Us" rel="nofollow"></a>
</li>
</li>
</ul>


Also, I finally got verified proving to google analytics that I own my site. Is google analytics worth the trouble? Seems like so much to learn and very time consuming.

I deleted the following and still got the three dots at the bottom of the page for my home page. I thought I had the problem solved according to w3schools.com but I guess I was wrong:

<ul>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('http://proviolin.com/imatrix.php?print=1', 'Popup1', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe

ndent=yes,width=915,height=600'); return false;" class="print_page" title="Print Page" rel="nofollow"></a>
</li>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('?send_email=1&amp;title=Home', 'Popup2', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe

ndent=yes,width=376,height=475'); return false;" class="send_friend" title="Send to Friend" rel="nofollow"></a>
</li>
<li class="pOpt">
<a href='/index.php' onclick="Popup = window.open('http://proviolin.com/imatrix.php?%3Fsend_doctor=1', 'Popup3', & #39;toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,depe

ndent=yes,width=376,height=528'); return false;" class="email_us" title="Email Us" rel="nofollow"></a>
</li>
</li>
</ul>

I fixed the code to get rid of the three dots, yes!

Good!

Hi Frederick,

Please let me know your opinion. Do you like proviolin.com or http://50.87.227.240/newsite/ better and why? For the newsite, how do I center the title Proviolin? I read some forum stuff regarding this but nothing worked. Also, I'm not sure for the homepage of my newsite how to get rid of the word "Archives." I don't recall typing it in and so it's a mystery to me how archives got there in the first place.

What changes should be made to my newsite assuming you like that one better?

Set a width to #site-title (e.g. 960px), change the margin to 0 auto (on line 646) and get rid of the float (on line 638) to center the image and title.

As for the Archives, there's a div with id="archives-2". You might get rid of that. But, there seems to be an automatism that changes the date to the current month when I hide that div and adds abbreviations for the days, caused by the #calendar-2 div. You might as well get rid of that too.

There must be something in the database or PHP file that puts those elements there. Maybe you have some option in the control panel for that. But, as said before, I've never worked with Wordpress.

I liked the clean simple interface of proviolin.com, though a lot has to be done to correct its errors and such. I suppose you have pictures of the studio, the violins etc which could enhance some of the pages. And I'd use colors that match the violin and/or the logo you might have. That goes for both sites. Stick to the one you like most, it's your site. My opinion is only one opinion.


PS: Please use my name correctly. The c in the name turns it into a male name, but I'm a woman. Thank you.

I'd just like to add that, in a certain way, both sites look the same. And now that you've changed the filler image, it gets a better look. Plus, the advantage of the new site is that it is already responsive.

But consider using colors that match the violin color. Once you picked a color, you can visualize additional complenetary colors at https://color.adobe.com/create/color-wheel/ using any of the color rules. Simply set your color to the middle box, which serves as the color basis. A handy tool.

What do you mean by a filler image?

How do I get rid of the boxes below saying "submit message?"

Hi,

I think I finally got it fixed and got rid of the boxes below "submit message" on http://50.87.227.240/newsite/ under contact me.

With the filler image, I mean the large image you had before, that made no sense in relation to your business.

I have seen some of the pages, but not all. So I don't remember having seen any boxes on the contact page below the submit button.

Keep up the good work!

Thank you. What is the easiest way to bold Proviolin on the homepage of http://50.87.227.240/newsite/? How do I get rid of the archives text on the homepage of my new site?

The page title is already bold, specified by font-weight:bold; given to #site-title on line 638.
Or isn't that what you mean?

I see two selectors on that line, #site-title, #site-description, of which the last one isn't used in the HTML. Luckily, because the changes to be made to center the title part might have had an effect on that element upon deleting the float.

As for the Archives text, I already pointed you in a hopefully good direction at my earlier reply #15, at
http://forums.htmlhelp.com/index.php?s=&am...ost&p=92381 .

Hi Frederiek, Sorry for the misspellling of your name. I tried to go into the website, http://50.87.227.240/newsite/, but couldn't get rid of the date and archives on the home page.

I've looked at numerous website videos for wordpress but I am unable to delete the word "archives" and the date from my homepage. When I right clicked on archive and chose to inspect the element, I got the following code: <aside id="archives-2" class="widget widget_archive"><h3 class="widget-title">Archives</h3> <ul>
<li><a href="http://50.87.227.240/newsite/2014/10/">October 2014</a></li>
</ul>
</aside> and...

<h3 class="widget-title">Archives</h3>

For the October 2014 date, I got the following: <a href="http://50.87.227.240/newsite/2014/10/">October 2014</a>

I tried to follow the instructions on this video but the problem was it was too ambiguous as to what he meant: https://www.youtube.com/watch?v=aVrHw8VhRdQ

Btw, I have the custom css plugin installed into word press, just not sure of the code to use to delete the date and the archives.

Also, between Suzuki Violin Instructor and Master's Degree on the homepage of http://50.87.227.240/newsite/, how do I get rid of the green thing between those two lines?

Many thanks for the help you have given me so far.

Gee, that guy talks a lot, just to say that you set a display: none; to elements you don't want. Besides, they are not removed, just put out of sight.

In your case, that would be to set the display: none; to #archives-2 and #calendar-2 (using that PC Custom CSS inside Wordpress like he showed), as they are the container elements for the archives and calendar.

I forgot about the "green thing" you talked about earlier, though I don't see any between the lines you say. Those lines are simply P elements, with just a margin-bottom.

I do see one below the black navigation block, which is ruled by #sidebar-wide. If that's what you mean, then hide that the same way as the archive and calendar.

BTW, I see you changed the page title to simply Proviolin. I don't suppose you want to center that anymore, as that would look weird.

Hi,

I put the following code into pc custom cc but wasn't able to erase the date and archives:
#archives-2 and #calendar-2 {display:none;}
#sidebar-wide {display:none;}

After I put code in, I clicked on save changes and then clicked on my website and hit refresh. The date and archives is still on my web page. Do ?you have any more ideas for getting rid of the archives and date? Nobody answered my question on the word press forum.

I was wondering if you think I should have just proviolin for the site title or proviolin beginner to advanced suzuki violin lessons? I want to come up high on the search engines.

Also, could you tell me if h1 and site title are the same thing just so I know how to look things up on google?

Yes, I finally figured out how to get rid of the green thing yesterday. That's why I changed the original post around to not include it.

Maybe try to add it to #archives-2 on line 679 of styles.css, as there's already a selector for this element.

The calendar doesn't seem to have any selector in the CSS, so you might add one as #calendar-2 {display: none;}.

I don't know how you want to the title to be. That's your choice. The second suggestion seems quite good, as that is what you do, though it may be very large to fit next to the image.

For more on SEO, see http://htmlhelp.com/feature/seo/ , though I believe I already gave you that link.

As for the title, a site title and a H1 could mean the same thing, but on your site the #site-title is a div, which is not the same thing as a H1.

Hi,

Thank you so much for your help. The date and the archive is now gone. Yeah!

I just need to put Proviolin on one line and then figure out how to do Beginner to Advanced Violin Lessons on the line below that. Any ideas on how to do that?

I would like to change where the menu hierarchy button is. Please see this link: http://mobiletest.me/nokia_lumia_920_emula...27.240/newsite/. Any ideas on how to do that? Where do you think the menu hierarchy button should go? I also want to put the word "Menu" in front of the menu hierarchy button but am not sure how to do that.

I later found this link to add multiple lines being Proviolin line 1 and Beginner to Advanced Suzuki Violin Lessons line two: http://premium.wpmudev.org/blog/how-to-add...nd-page-titles/. I had a hard time understanding this writer.

I later downloaded responsive menu that seemed to have a lot of good features so I can label the menu hierarchy button possibly.

I also found this information but was unaware of where it should be put into the source code for word press and under what php document. Below the template is what I thought the code should be.

.site-title: after {
content: "secondline goes here";
font-size: 50 px;
display: block;
color: #000000
}

.Proviolin: after {
content: "Beginner to Advanced Suzuki Violin Lessons";
font-size: 50 px;
display: block;
color: #000000;
}

The menu button is positioned absolute, see line 2810 in style.css. Change that, or at least the top value, so it will appear above the image. I don't think you really need a title for that, those three lines are commonly recognised as a menu button on mobile devices.

The menu plugin apparently added an image too, inside a #click-menu div, though the scr doesn't have a valid image file as value, hence the broken image on a black bkg I get.

And the green box is back too in a smaller window.

As for the multiple lines, The link merely seems to talk about subtitles for blog posts, which isn't the case here.
Simply add the subtitle with a <br>, like this:
<a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a>
Then, set display: inline-block; to #site-title a on line 633 and change the line-height of #site-title on line 639 to 1 or 2 (with a unit of px or %).

See what a fuzz it is to get things right in an environment you don't really control, though the WP website says otherwise.

I saw this reply after I posted my reply. Just give it a try. Though you should use the correct selector, in this case #site-title, as you don't have such classes.

Hi,

Under what page should I post the code in the following paragraph so I'm able to add two lines for the title? After I post the following code, will I be able to go under the word press dashboard, then to appearance, followed by header to put "Proviolin" in the first line and "Beginner to Advanced Suzuki Violin Lessons" under site title? How should the following code read which includes display and inline-block and #site-title. If you could put all of the following code exactly how it should be, that would be great.

As for the multiple lines, The link merely seems to talk about subtitles for blog posts, which isn't the case here.
Simply add the subtitle with a <br>, like this:
<a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a>
Then, set display: inline-block; to #site-title a on line 633 and change the line-height of #site-title on line 639 to 1 or 2 (with a unit of px or %).

I put a <br> in the site title of word press but got <br> when I refreshed the screen.

I posted this into custom css and wasn't able to get two lines for the title under site title in the header, should I post the following in another place? If so, where should I post this?:

.Proviolin: after {
content: "Beginner to Advanced Suzuki Violin Lessons";
font-size: 50 px;
display: block;
color: #000000;
}
And the green box is back too in a smaller window.
--Where is the green box? I put the newsite URL into the mobiletest.me and couldn't find the green box. I also didn't see the greenbox on my laptop.

I tried to add the pseudo class and all I got was either a duplicate of the text (no idea why) or the line went below the image. I even searched for a newline in CSS for the content property to no avail.

I think the solution I posted, using the <br> and some minor changes to the CSS will do a better trick. I told you how the HTML should look like and which CSS to change. What more could I do?
Or show me your attempt, as I don't understand why the <br> would show up, unless you see & lt ; and & gt ; (without the spaces, but otherwise the forum would render them for what they are) in the source, which are the entities for < and >.

As for the green bar, I took a screenshot of the page on mobiletest.me and I see this:
Click to view attachment

Unless, there's a CSS for mobile devices in which you also should set the display: none;.

Oh, ok, the green bar is supposed to be there. I wanted to add some color to my site but I'm guessing I should probably explore some more colors or exchange the green color I have now for another one.

What is a lt and gt?

When I put <br> into the box of the Site Title which happened after the words "Site Title," <br> was mentioned on my website.

So just to make sure I have everything exactly right, I should put this code into Custom CSS?

<a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a>
display: inline-block; to #site-title a on line 633 and change the line-height of #site-title on line 639 to 1 or 2 (with a unit of px or %).

Hi Frederiek,

I almost got the code working according to w3schools.com. I put the following code into their program: <a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a> and got "Proviolin" on one line and "Beginner to Advanced Suzuki Violin Lessons" on another line which is what I would like. The only thing though is when I put it into Custom CSS, the "Beginner to Advanced Suzuki Violin Lessons" didn't show up on the home page of my site. Where else besides the Custom CSS should I put the above code in?

For the header part which I got to by going to the dashboard, then appearance, I didn't see the lt and gt when I tried to put in <br>

Right, I thought you got rid of that greenish box earlier in this thread.

The following is HTML, and it's how your link should be:

Then, there's no need to put anything in the custom CSS. You need to make minor changes to the style.css.

Near or on line 633, you have this:

Change it to:


Near or on line 638, you have this:

Change it to:


I only mistyped that the line-height value should have a unit. I wanted to say it should be without a unit (such as px or %).


lt and gt are HTML entities, see http://htmlhelp.com/reference/html40/entities/ and go look in the Special Entities to find these two entities, as less-than and greater-than signs.

I have no idea how to access the HTML in WP. I do all my tests in Safari's Web Inspector, similar to Firefox Firebug, but of course I can't save it for you.

Where would <a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a> go since it wouldn't be in the style.css? Should I try to put the font-weight: bold, etc in style.css or editor-style.css?

I got the title on two lines finally. Do you think it should be on top of the homepage, and then have the picture there? Not crazy about the font for menu options but I will have to see how to change the background; not crazy about the pea green background. I know I need to bold the two line title. For the style.css, should I go into the header or index.php file? Or should I go to the style.editor.css?

I got the title on two lines finally. Do you think it should be on top of the homepage, and then have the picture after the title? Not crazy about the font for the title but I will have to see how to change the background; not crazy about the pea green background. I know I need to bold the two line title. For the style.css, should I go into the header or index.php file? Or should I go to the style.editor.css?

Hi,

I put the changes into my style.css sheet. I don't like the green background. How do I change it? I'm thinking the background shouldn't be too bright but I don't want it white either, not the body background because white is a bit hard on the eyes imo. I like a color that is close to the light wood background. I'd appreciate any input you have on the body background that should be used.

I saw this for the source code in the style.css section:

body {
background:#ccc;
color:#333;
font-family:"Open Sans", sans-serif;
font-size:13px;
line-height:1.62em;
}

a {
color:#21759b;
text-decoration:none;
-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;
-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;
transition: color .25s ease, margin .25s ease;
}

a:hover {
color:#d54e21;
}

[quote name='violingirl1978' date='Mar 31 2015, 08:21 PM' post='92495']
[quote name='violingirl1978' post='92494' date='Mar 31 2015, 06:53 PM']
[quote name='violingirl1978' post='92488' date='Mar 31 2015, 12:56 PM']
[quote name='Frederiek' post='92480' date='Mar 31 2015, 04:29 AM']
Right, I thought you got rid of that greenish box earlier in this thread.

The following is HTML, and it's how your link should be:

Then, there's no need to put anything in the custom CSS. You need to make minor changes to the style.css.

Near or on line 633, you have this:

Change it to:


Near or on line 638, you have this:

Change it to:


I only mistyped that the line-height value should have a unit. I wanted to say it should be without a unit (such as px or %).


lt and gt are HTML entities, see http://htmlhelp.com/reference/html40/entities/ and go look in the Special Entities to find these two entities, as less-than and greater-than signs.

I have no idea how to access the HTML in WP. I do all my tests in Safari's Web Inspector, similar to Firefox Firebug, but of course I can't save it for you.
[/quote]

Where would <a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a> go since it wouldn't be in the style.css? Should I try to put the font-weight: bold, etc in style.css or editor-style.css?
[/quote]

I got the title on two lines finally. Do you think it should be on top of the homepage, and then have the picture after the title? Not crazy about the font for the title but I will have to see how to change the background; not crazy about the pea green background. I know I need to bold the two line title. For the style.css, should I go into the header or index.php file? Or should I go to the style.editor.css?
[/quote]

Hi,

I put the changes into my style.css sheet. I don't like the green background. How do I change it? I'm thinking the background shouldn't be too bright but I don't want it white either, not the body background because white is a bit hard on the eyes imo. I like a color that is close to the light wood background. I'd appreciate any input you have on the body background that should be used.

I saw this for the source code in the style.css section:

body {
background:#ccc;
color:#333;
font-family:"Open Sans", sans-serif;
font-size:13px;
line-height:1.62em;
}

a {
color:#21759b;
text-decoration:none;
-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;
-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;
transition: color .25s ease, margin .25s ease;
}

a:hover {
color:#dr
Here is the complete style.css code. Hopefullly this is helpful in getting rid of the green:

single .entry-title,
.page .entry-title,
.error404 .entry-title {
margin:0 0 18px 0;
font-size:36px;
line-height:1.62em;
}

.twocol .entry-title,
.threecol .entry-title,
.page-template-template-blog-php .twocol .entry-title,
.page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title {
font-size:24px;
line-height:1.62em;
}

.fourcol .entry-title,
.page-template-template-blog-php .fourcol .entry-title,
.page-template-template-portfolio-php .fourcol .entry-title {
font-size:18px;
line-height:1.62em;
}

.page .entry-title,
.error404 .entry-title {
margin-bottom:24px;
}

.entry-title a {
color:#333;
}

.entry-title a:hover {
color:#21759B;
}

.format-link .entry-title a:after {
content:"\2192";
padding-left:8px;
}

.entry-meta {
padding:1.5% 2.9%;
background:#FCFCFC;
border-top:#F3F3F3 1px solid;
border-top:rgba(0, 0, 0, .035) 1px solid;
color:#CCC;
font-size:12px;
font-weight:300;
}

.entry-header .entry-meta {
padding:0;
background:none;
border:none;
}

.single .entry-meta {
padding:1.5% 2.4%;
margin-bottom:24px;
background:none;
border-top:#F4F4F4 1px solid;
border-bottom:#F4F4F4 1px solid;
}

.entry-meta span {
padding-left:24px;
margin-left:32px;
}

.entry-header .entry-meta span {
display:block;
float:none;
padding:6px 0 6px 24px;
margin:0;
}

.single .entry-meta span {
display:inline;
padding:0 0 0 24px;
margin-left:32px;
}

.entry-meta span.custom-meta,
.single .entry-meta span.custom-meta {
padding-left: 0;
background: none;
color: #999;
}

.custom-meta.entry-category {
font-weight: normal;
text-transform: uppercase;
}

.entry-meta span:first-child,
.single .entry-meta span:first-child,
.page .entry-meta span:first-child {
margin: 0;
}

.entry-meta a {
color:#7597B9;
}

.entry-meta a:hover {
color:#d54e21;
}

.entry-summary .entry-attachment {
margin-bottom:18px;
}

.entry-author-link {
background:url(images/user.png) left center no-repeat;
}

.entry-date {
background:url(images/time.png) left center no-repeat;
}

.entry-category {
background:url(images/ribbon.png) left center no-repeat;
}

.attachment-size {
background:url(images/image.png) left center no-repeat;
}

.edit-link {
background:url(images/edit.png) left center no-repeat;
}

.entry-permalink {
float:right;
margin:0;
background:url(images/link.png) left center no-repeat;
}

.entry-summary p {
margin:0;
}

.format-aside .entry-summary p,
.format-status .entry-summary p,
.format-quote .entry-summary p {
margin-bottom:6px;
}

.onecol .onecol .entry-summary,
.entry-content {
font-size:15px;
line-height:1.62em;
}

.format-chat .entry-content {
margin-bottom:2.9%;
}

.single-format-chat .entry-content {
margin-bottom:24px;
}

.format-chat .entry-content p,
.format-chat .entry-summary p {
padding:2px 2.9%;
margin:0;
}



.twocol.format-chat .entry-content p,
.twocol.format-chat .entry-summary p {
padding:2px 5.8%;
}

.threecol.format-chat .entry-content p,
.threecol.format-chat .entry-summary p {
padding:2px 6.1%;
}

.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-summary p:nth-child(odd) {
background:#f9f9f9;
font-weight:600;
}

.single .format-chat .entry-content p:last-child
.single .format-chat .entry-summary p:last-child {
margin-bottom:24px;
}

.entry-content .entry-attachment {
margin-bottom:24px;
}

.entry-attachment p {
margin:0;
}

.post-gallery-item img {
display:block;
float:left;
}

.attachment-gallery-1-thumb {
max-width:61.714288%;
}

.attachment-gallery-2-thumb,
.attachment-gallery-3-thumb {
max-width:38.285712%;
}

.entry-attachment img {
display:block;
margin:0 auto 18px;
}

.button {
display: inline-block;
padding: 5px 18px;
border-radius: 100px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
color: #fff;
margin: 5px;
}

a.button:hover {
color: #fff;
box-shadow:0 0 5px rgba(0, 0, 0, .2);
}

.button-big {
padding: 10px 24px;
font-size: 18px;
}

.button-blue {
background: #30AEE7;
background: -webkit-linear-gradient(#30AEE7, #247FA8);
border-bottom: 1px solid #14455B;
}

.button-blue:hover {
background: -webkit-linear-gradient(#247FA8, #30AEE7);
}

.button-yellow {
background: #F4F434;
background: -webkit-linear-gradient(#F4F434, #DADA2F);
border-bottom: 1px solid #686817;
}

.button-yellow:hover {
background: -webkit-linear-gradient(#DADA2F, #F4F434);
}

.button-olive {
background: #E7AE31;
background: -webkit-linear-gradient(#E7AE31, #A87F24);
border-bottom: 1px solid #5B4514;
}

.button-olive:hover {
background: -webkit-linear-gradient(#A87F24, #E7AE31);
}

.button-purple {
background: #E731AE;
background: -webkit-linear-gradient(#E731AE, #A8247F);
border-bottom: 1px solid #5B1445;
}

.button-purple:hover {
background: -webkit-linear-gradient(#A8247F, #E731AE);
}

.button-red {
background: #E73131;
background: -webkit-linear-gradient(#E73131, #A82424);
border-bottom: 1px solid #5B1445;
}

.button-red:hover {
background: -webkit-linear-gradient(#A82424, #E73131);
}

.button-green {
background: #31E731;
background: -webkit-linear-gradient(#31E731, #24A824);
border-bottom: 1px solid #5B1445;
}

.button-green:hover {
background: -webkit-linear-gradient(#24A824, #31E731);
}

.button-orange {
background: #FF6103;
background: -webkit-linear-gradient(#FF6103, #E55703);
border-bottom: 1px solid #5B1445;
}

.button-orange:hover {
background: -webkit-linear-gradient(#E55703, #FF6103);
}

.notice {
padding: 12px;
margin-bottom: 24px;
border-radius: 4px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.info {
background: #CEFFCE;
border-bottom: 1px solid #9ABF9A;
}

.warning {
background: #FFFFCE;
border-bottom: 1px solid #BFBF9A;
}

.error {
background: #FFCECE;
border-bottom: 1px solid #BF9A9A;
}

.dropcap:first-letter {
display: inline-block;
float: left;
min-width: 42px;
padding: 20px 10px;
border-radius: 4px;
font-size: 48px;
font-weight:600;
text-align: center;
}

.dropcap-blue:first-letter {
color: #30AEE7;
}

.dropcap-yellow:first-letter {
color: #F4F434;
}

.dropcap-olive:first-letter {
color: #E7AE31;
}

.dropcap-purple:first-letter {
color: #E731AE;
}

.dropcap-red:first-letter {
color: #E73131;
}

.dropcap-green:first-letter {
color: #31E731;
}

.dropcap-orange:first-letter {
color: #FF6103;
}

.dropcap-grey:first-letter {
margin-right: 10px;
background: #eee;
}

.dropcap-black:first-letter {
margin-right: 10px;
background: #333;
color: #ddd;
}

.dropcap-circle:first-letter {
border-radius: 60px;
}

.columns .column {
margin-left: 3%;
}

.columns .column:first-child {
margin: 0;
}

.columns .twocol {
width: 48.5%;

}

.columns .threecol {
width: 31.3%;
}

.columns .fourcol {
width: 22.75%;

}

.columns .twothirdcol {
width: 65.7%;
}

.columns .threefourthcol {
width: 74.5%;
}

.column .threecol.box {
width: 25.3%;
padding: 3%;
margin-bottom: 24px;
background: #f8f8f8;
border-bottom:#ddd 1px solid;
box-shadow:0 0px 5px rgba(0, 0, 0, .15);
}

.column .threecol.box p {
margin: 0;
}

.entry-utility {
padding-top:20px;
border-top:#eee 1px solid;
}

.post-pagination {
margin-bottom:12px;
}

#attachment-nav {
padding-bottom:12px;
margin-bottom:18px;
border-bottom:#EEE 1px solid;
}

#attachment-nav a img {
display:block;
max-width: 50%;
}

#attachment-nav .nav-previous img {
float:left;
padding: 5px;
}

#attachment-nav .nav-next img {
float:right;
padding: 5px;
}

.entry-tags {
margin: -8px -8px 16px;
}

.entry-tags a {
position: relative;
display: inline-block;
padding:1px 4px 1px 16px;
margin: 8px;
background:#F8F8F8;
background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
background:-o-linear-gradient(#F8F8F8, #F3F3F3);
background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
background:linear-gradient(#F8F8F8, #F3F3F3);
border-radius:4px;
box-shadow:0 1px 1px rgba(0, 0, 0, .2);
color: #333;
font-size: 12px;
}

.entry-tags a:before {
content: "";
position: absolute;
top: 8px;
left: 6px;
width: 6px;
height: 6px;
background: #fff;
border-radius: 3px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.entry-tags a:hover {
top: -3px;
-moz-transition: top .1s ease;
-webkit-transition: top .1s ease;
-o-transition: top .1s ease;
-ms-transition: top .1s ease;
transition: top .1s ease;
}

.social-bookmarks {
margin-bottom:20px;
font-size:12px;
font-weight:600;
}

.social-bookmarks p {
margin-bottom:12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
float:left;
}

.facebook-like {
width:110px;
}

.fb_edge_comment_widget {
width:401px;
}

.entry-author {
padding:20px;
margin-bottom:20px;
background:#FCFCFC;
border-bottom:#EEE 1px solid;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
font-size:13px;
line-height:1.62em;
}

.entry-author .avatar {
float:left;
padding:5px;
border-bottom:#DDD 1px solid;
background:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
margin-bottom:10px;
font-family:"Open Sans", sans-serif;
font-size:15px;
letter-spacing:normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
margin-left:126px;
}

.author-bio {
margin-bottom:10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
float:left;
width:50%;
text-align:center;
}

.nocomments {
margin:0;
color:#999;
font-size:18px;
line-height:1.62em;
text-align:center;
}

#comments {
background: none;
border: none;
box-shadow: none;
}

#comments-title,
#reply-title {
margin-bottom:18px;
font-size:24px;
line-height:1.62em;
}

#comments-title {
margin:35px 0;
}

.navigation {
margin:35px 0;
}

.commentlist {
margin:0 0 20px 0;
list-style:none;
}

.commentlist .children {
margin:20px 0 0 40px;
list-style:none;
}

.comment {
margin:0;
}

.comment-body {
padding:20px;
margin-bottom:35px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#fff;
border-bottom:#DDD 1px solid;
overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
margin-top:0;
}

.comment .avatar {
float:right;
padding:5px;
margin:0 0 20px 20px;
background:#fff;
border-bottom:#DDD 1px solid;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
font-size:15px;
font-style:normal;
font-weight:600;
line-height:1.62em;
}

.comment-meta {
margin-bottom:18px;
font-size:12px;
}

a.comment-reply-link {
padding:4px 15px;
border-radius:15px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#F8F8F8;
background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
background:-o-linear-gradient(#FCFCFC, #F3F3F3);
background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
background:linear-gradient(#FCFCFC, #F3F3F3);
border-bottom:#DDD 1px solid;
color:#333;
text-decoration:none;
}

a.comment-reply-link:hover {
box-shadow:#CCC 0 0 5px;
}

a.comment-reply-link:focus {
box-shadow:0 0 5px rgba(0, 0, 0, .4);
background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
background:-o-linear-gradient(#F3F3F3, #FCFCFC);
background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
background:linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
width:auto;
padding:20px;
margin-bottom:5.1%;
}

.commentlist #respond {
margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
color:#aaa;
font-size:12px;
line-height:16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
position:relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
display:inline-block;
position:absolute;
top:1px;
left:1px;
z-index:1;
width:60px;
padding:0 10px;
color:#444;
line-height:36px;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
position:absolute;
top:1px;
right:1.5%;
z-index:2;
color:#FF0000;
font-size:24px;
line-height:44px;
}

#author,
#email,
#url,
#comment {
position:relative;
width:97%;
text-indent:80px;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
position:relative;
z-index:1;
text-indent:0;
}

#comment {
font-size:15px;
}

.form-allowed-tags code {
padding: 0;
background: none;
box-shadow: none;
}

#infscr-loading {
text-align: center;
}

#infscr-loading img {
margin-right: 10px;
vertical-align: middle;
}

#infscr-loading div {
display: inline;
}

#post-nav,
#posts-nav {
clear:both;
margin:0;
font-family:"Oswald", sans-serif;
font-size:16px;
font-weight:300;
letter-spacing:1px;
}

#posts-nav {
position: relative;
padding:2.9%;
margin:2.46%;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#fff;
border-bottom:#DDD 1px solid;
border-bottom:rgba(0, 0, 0, .13) 1px solid;
}

.onecol #posts-nav {
padding:1.95%;
margin:1.7%;
}

.nav-prev,
.nav-previous {
float:left;
width:50%;
}

.nav-next {
float:right;
width:50%;
text-align:right;
}

.ajax-load {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
line-height: 42px;
text-align: center;
}

a.ajax-load:hover {
background: #fcfcfc;
}

.page-numbers {
padding:0 4px;
}

.page-numbers.prev {
padding-left:0;
}

.page-numbers.next {
padding-right:0;
}

#sidebar {
color:#ccc;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:10%;
}

.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
margin:6.55%;
}

.widget-area {
font-weight:300;
}

.page-template-template-sidebar-content-php #sidebar,
.page-template-template-sidebar-content-half-php #sidebar,
.page-template-template-blog-left-sidebar-php #sidebar,
.page-template-template-portfolio-left-sidebar-php #sidebar {
float:left;
}

.page-template-template-content-sidebar-php #sidebar {
float:right;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-left {
width:17.4%;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-right {
width:12.75%;
}

.widget-title {
margin:0;
font-family:"Oswald", sans-serif;
font-size:20px;
font-weight:300;
letter-spacing:1px;
}

#sidebar-boxes .widget-title {
font-family:"Open Sans", sans-serif;
font-size:13px;
font-weight:600;
text-transform: uppercase;
}

.widget-area ul {
margin:0;
list-style:none;
overflow:hidden;
}

.widget-area li {
padding:7px 0;
margin:0;
border-bottom:#EEE 1px solid;
rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
line-height:1.62em;
}

.widget-area li li {
border-bottom:none;
}

.widget-area li ul {
margin-left:20px;
}

.widget-area a {
color:#7597B9;
}
.widget-area a:hover {
color:#d54e21;
}

#sidebar-footer-wide {
margin-top: 2.1%;
border: none;
border-top:#e0e0e0 1px solid;
}

#footer {
clear:both;
border-top:#333 1px solid;
border-top:rgba(0, 0, 0, .79) 1px solid;
}

#footer-area {
position:relative;
z-index:1;
padding:1.6%;
background:#222;
border-top:#555 1px solid;
border-top: rgba(255, 255, 255, .235) 1px solid;
box-shadow:none;
color:#CCC;
}

#footer-area .widget-title {
color:#e0e0e0;
font-size:18px;
}

#footer-area li {
border-bottom:#2C2C2C 1px solid;
border-bottom:rgba(255, 255, 255, .05) 1px solid;
}

.tagcloud {
margin: 0 -8px 16px;
}

.tagcloud a {
position: relative;
display: inline-block;
padding: 1px 6px 1px 18px;
margin: 8px;
background:#fff;
background:-moz-linear-gradient(#fff, #fcfcfc);
background:-webkit-linear-gradient(#fff, #fcfcfc);
background:-o-linear-gradient(#fff, #fcfcfc);
background:-ms-linear-gradient(#fff, #fcfcfc);
background:linear-gradient(#fff, #fcfcfc);
border-radius:4px;
box-shadow:0 1px 1px rgba(0, 0, 0, .2);
color: #333;
font-size: 12px !important;
}

.tagcloud a:before {
content: "";
position: absolute;
top: 8px;
left: 6px;
width: 6px;
height: 6px;
background: #F8F8F8;
border-radius: 3px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.tagcloud a:hover {
top: -3px;
color: #333;
-moz-transition: top .1s ease;
-webkit-transition: top .1s ease;
-o-transition: top .1s ease;
-ms-transition: top .1s ease;
transition: top .1s ease;
}

#footer-area .tagcloud a {
background:#444;
background:-moz-linear-gradient(#444, #333);
background:-webkit-linear-gradient(#444, #333);
background:-o-linear-gradient(#444, #333);
background:-ms-linear-gradient(#444, #333);
background:linear-gradient(#444, #333);
border-radius:4px;
box-shadow:0 1px 1px rgba(255, 255, 255, .2);
color: #CCC;
}

#footer-area .tagcloud a:before {
background:#222;
}

#footer-area .tagcloud a:hover {
color:#CCC;
}

#copyright {
clear:both;
padding:1.4% 3.2%;
background:#111;
border-top:#333 1px solid;
border-top:rgba(255, 255, 255, .145) 1px solid;
color:#CCC;
font-weight:300;
}

.copyright {
float:left;
}

.credits {
float:right;
margin-right:12px;
text-align:right;
}

#copyright p {
margin:0;
}

#copyright a {
color:#7597B9;
text-decoration:none;
}

#copyright a:hover {
color:#d54e21;
}

@media screen and (max-width: 1152px) {

.threefourthcol {
width: 66.7%;
}

.threefourthcol .threecol {
width: 50%;
}

.fourcol,
.onecol .fourcol {
width: 33.3%;
}

#wrapper {
max-width:960px;
}

#slider .entry-container {
top:28%;
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
margin: 5%;
}

img.attachment-gallery-thumb {
max-width:82px;
}

.twocol img.attachment-gallery-thumb {
max-width:74px;
}

.single img.attachment-gallery-thumb {
max-width:100%;
}

.format-audio object {
min-height:24px;
}

.single .format-audio object {
height:24px;
}

.social-bookmarks iframe {
min-height:0;
}

#sidebar-header {
width:468px;
height:60px;
margin-top:20px;
}

}

@media screen and (max-width : 960px) {

.onecol .threecol,
.onecol .fourcol {
width:50%;
}

#wrapper {
max-width:760px;
}

#slider .entry-container {
top:32%;
padding: 0;
}

#slider .entry-summary {
display: none;
}

#container {
margin:2.2%;
}

.content-sidebar-wrap,
#content,
.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
#sidebar {
width:100%;
}

.onecol .hentry .entry,
.onecol .hentry #comments,
.onecol .hentry #respond {
margin:2.4%;
}

.onecol .twocol .entry,
.onecol .threecol .entry,
.threefourthcol .threecol .entry,
.onecol .fourcol .entry {
margin:4.5%;
}

.page-template-template-full-width-php .hentry.onecol .wp-post-image,
.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .entry-thumbnail {
float:none;
max-width:100%;
margin:0;
}

.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
width:100%;
}

.page-template-template-full-width-php .hentry.onecol .entry-header,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-four-col-php .hentry.onecol .entry-header,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
float:none;
width:auto;
}

.single .format-audio object {
height:30px;
}

.onecol .onecol .entry-summary {
font-size:13px;
line-height:1.62em;
}

.social-bookmarks iframe {
min-height:0;
}

.page-template-template-portfolio-php .post.onecol .wp-post-image,
.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
float:none;
max-width:100%;
margin:0;
}

.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
width:100%;
}

.page-template-template-portfolio-php .post.onecol .entry-header,
.page-template-template-portfolio-php .post.onecol .entry-summary {
float:none;
width:auto;
}

.onecol #posts-nav {
padding:2.8%;
margin:2.3%;
}

#sidebar .onecol {
width:33.3%;
}

#sidebar .twocol {
float:none;
width:auto;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:5.8%;
}

#sidebar .widget,
#footer-area .widget,
#sidebar-boxes .widget,
.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
margin:6.7%;
}

#sidebar-boxes,
#footer-area {
padding:2.2%;
}

#copyright {
padding:1.7% 4.3%;
}

}

@media screen and (max-width: 760px) {

.twocol,
.threecol,
.fourcol,
.onecol .threecol,
.threefourthcol .threecol,
.onecol .fourcol {
float:none;
width:100%;
}

.alignleft,
.alignright {
display: block;
float: none;
margin:20px auto;
}

#wrapper,
.page-template-template-no-sidebars-php #wrapper,
.page-template-template-blog-no-sidebars-php #wrapper,
.page-template-template-portfolio-no-sidebars-php #wrapper {
max-width:380px;
}

.wp-caption {
padding:10px 10px 0;
}

#site-title,
#site-description {
float:none;
margin:0;
line-height:1.62em;
text-align:center;
}

#site-title {
margin:18px 0;
}

#site-description {
display: none;
padding-bottom:18px;
}

#sidebar-header {
float:none;
width:auto;
height:auto;
max-height:90px;
margin-top:0;
}

#access {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 0;;
background: none;
box-shadow: none;
}

#access .nav-show,
#access a.nav-show:hover {
position: absolute;
top: 163px;
right: 14%;
display:block;
width: 40px;
height: 32px !important;
padding: 0;
background: url(images/nav.png) no-repeat;
border: none;
text-indent: -1000px;
overflow: hidden;
}

#access .nav-hide {
display: none;
}

#access:target .nav-hide,
#access:target a.nav-hide:hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: -101em;
width: 100%;
height: auto !important;
background: none;
overflow: hidden;
text-indent: -1000px;
}

#access .menu {
text-align: center;
}

#access:target .menu {
margin-top: 213px;
background: #111;
}

#access li ul {
position:static;
}

#access li ul ul {
margin:0 !important;
}

#access ul,
#access li {
float:none;
max-width:100%;
}

#access a {
width:100%;
height: 0 !important;
padding:0;
border: none;
overflow: hidden;
}

#access:target .menu a {
height: 40px !important;
border-top: 1px solid #444;
line-height: 40px;
-moz-transition: height .25s, line-height .25s;
-webkit-transition: height .25s, line-height .25s;
-o-transition: height .25s, line-height .25s;
-ms-transition: height .25s, line-height .25s;
transition: height .25s, line-height .25s;
}

#access .menu a:hover {
background:#555;
}

#access br {
display: none;
}

#access a span {
padding-left: 5px;
}

#access li li a {
padding: 0;
background:#3c3c3c;
border-top-color:#4f4f4f;
text-align:center;
}

#access li li li a {
background:#444;
border-top-color:#555;
}

#access li:hover > ul,
#access li li:hover > ul,
#access li li li:hover > ul {
display:none;
}

#access:target .drop-down-toggle {
display:block;
}

#access li li .drop-down-toggle {
top:5px;
}

#header #searchform {
position: relative;
z-index: 1;
float:none;
width:278px;
margin: 18px auto;
}

#header #sidebar-header #searchform {
margin-top: 0;
}

#header input#s {
position: relative;
z-index: 999;
display:block;
width:168px;
margin-left:12px;
background:#ececec url(images/search.png) right center no-repeat;
box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
text-indent: 0;
}
#header input#s:focus {
width: 246px;
margin: 0;
}

#social-media-icons {
float: none;
margin: 18px 0;
text-align: center;
}

#slider {
border-bottom: 50px solid #fff;
}

.flex-control-nav {
display: none;
}

.flex-direction-nav,
.flex-pauseplay {
bottom: -40px;
height: 30px;
}

.flex-direction-nav{
right: 41%;
}

.flex-pauseplay {
right: 37.5%;
}

.flex-direction-nav li,
.flex-pauseplay a {

}

#slider .entry-title {
font-size:24px;
line-height:1.62em;
}

#current-location,
#sidebar-wide {
border-top: #E0E0E0 1px solid;
border-top: rgba(0, 0, 0, .055) 1px solid;
}

#container {
margin:3.2%;
}

.entry,
.twocol .entry,
.onecol .hentry .entry,
.onecol .threecol .entry,
.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
#comments
#respond {
margin:3.4%;
}

.entry-container {
padding:5.8%;
}

.entry-meta {
padding:2.8% 5.8%;
}

.entry-meta span,
.single .entry-meta span,
.page .entry-meta span {
display:block;
float:none;
padding:6px 0 6px 24px;
margin:0;
}

.has-thumbnail .entry-summary {
clear:both;
margin:0;
}

.has-thumbnail.format-aside .entry-summary,
.has-thumbnail.format-quote .entry-summary {
clear:none;
margin-left:28.15%;
width:71.85%;
}

.has-thumbnail.format-chat .entry-content {
clear:both;
margin:0;
}

.twocol.has-thumbnail .entry-title,
.twocol.has-thumbnail .entry-summary {
clear:none;
padding-left:3%;
}

.twocol.format-gallery .entry-summary {
height:auto;
margin:0;
}

.twocol.format-image .wp-post-image {
float:none;
max-width:100%;
}

.format-status .wp-post-image {
display:none;
}

img.attachment-gallery-thumb {
max-width:74px;
}

.single img.attachment-gallery-thumb {
max-width:100%;
}

.single .format-audio object {
height:24px;
}

.entry-content {
font-size:17px;
line-height:1.62em;
}

.columns .twocol,
.columns .threecol,
.columns .fourcol,
.columns .twothirdcol,
.columns .threefourthcol {
width: 100%;
margin: 0;
}

.column .threecol.box {
width: 94%;
}


.entry-author,
.comment-body {
padding:12px;
}

.entry-author .avatar,
.comment .avatar {
max-width:40px;
padding:3px;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
margin-left:76px;
}

#posts-nav,
.onecol #posts-nav {
padding:5.7%;
margin:3.4%;
}

.page-numbers .text {
display:none;
}

.social-bookmarks > div {
width: 50%;
margin-bottom: 12px;
}

#sidebar-boxes {
text-align: center;
}

#sidebar .onecol {
width:100%;
}

#sidebar .twocol {
float:left;
width:50%;
}

#sidebar-boxes .threecol {
margin-bottom: 6.8%;
}

#sidebar-boxes .threecol:last-child {
margin: 0;
}

#sidebar .widget,
#footer-area .widget,
#sidebar-boxes .widget {
margin:3.4%;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:6.8%;
}

#sidebar-boxes,
#footer-area {
padding:3.2%;
}

#copyright {
padding:1.7% 6.5%;
line-height:2em;
}

.copyright,
.credits {
float:none;
max-width:100%;
text-align:left;
}

}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

#access .nav-show,
#access a.nav-show:hover {
background-image: url(images/nav_2x.png);
background-size:100%;
}

#header input#s {
background-image: url(images/search_2x.png);
background-size:36px;
background-position: -3px center;
}

.facebook {
background-image: url(images/facebook_2x.png);
background-size:100%;
}

.twitter {
background-image: url(images/twitter_2x.png);
background-size:100%;
}

.pinterest {
background-image: url(images/pinterest_2x.png);
background-size:100%;
}

.google-plus {
background-image: url(images/google-plus_2x.png);
background-size:100%;
}

.vimeo {
background-image: url(images/vimeo_2x.png);
background-size:100%;
}

.dribble {
background-image: url(images/dribble_2x.png);
background-size:100%;
}

.flickr {
background-image: url(images/flickr_2x.png);
background-size:100%;
}

.youtube {
background-image: url(images/youtube_2x.png);
background-size:100%;
}

.linkedin {
background-image: url(images/linkedin_2x.png);
background-size:100%;
}

.entry-author-link {
background-image: url(images/user_2x.png);
background-size: 12px;
}

.entry-date {
background-image: url(images/time_2x.png);
background-size: 12px;
}

.entry-category {
background-image: url(images/ribbon_2x.png);
background-size: 12px;
}

.attachment-size {
background-image: url(images/image_2x.png);
background-size: 12px;
}

.edit-link {
background-image: url(images/edit_2x.png);
background-size: 12px;
}

.entry-permalink {
background-image: url(images/link_2x.png);
background-size: 12px;
}

#infscr-loading img {
width: 32px;
height: 32px;
}

}

.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

I went through the color codes for HTML and can't get any of them to match the green in the background so it's a mystery to me where how that happened.

[quote name='violingirl1978' date='Mar 31 2015, 11:02 PM' post='92498']
[quote name='violingirl1978' date='Mar 31 2015, 08:21 PM' post='92495']
[quote name='violingirl1978' post='92494' date='Mar 31 2015, 06:53 PM']
[quote name='violingirl1978' post='92488' date='Mar 31 2015, 12:56 PM']
[quote name='Frederiek' post='92480' date='Mar 31 2015, 04:29 AM']
Right, I thought you got rid of that greenish box earlier in this thread.

The following is HTML, and it's how your link should be:

Then, there's no need to put anything in the custom CSS. You need to make minor changes to the style.css.

Near or on line 633, you have this:

Change it to:


Near or on line 638, you have this:

Change it to:


I only mistyped that the line-height value should have a unit. I wanted to say it should be without a unit (such as px or %).


lt and gt are HTML entities, see http://htmlhelp.com/reference/html40/entities/ and go look in the Special Entities to find these two entities, as less-than and greater-than signs.

I have no idea how to access the HTML in WP. I do all my tests in Safari's Web Inspector, similar to Firefox Firebug, but of course I can't save it for you.
[/quote]

Where would <a class="home" href="http://50.87.227.240/newsite/" rel="home">Proviolin<br>Beginner to Advanced Suzuki Violin Lessons</a> go since it wouldn't be in the style.css? Should I try to put the font-weight: bold, etc in style.css or editor-style.css?
[/quote]

I got the title on two lines finally. Do you think it should be on top of the homepage, and then have the picture after the title? Not crazy about the font for the title but I will have to see how to change the background; not crazy about the pea green background. I know I need to bold the two line title. For the style.css, should I go into the header or index.php file? Or should I go to the style.editor.css?
[/quote]

Hi,

I put the changes into my style.css sheet. I don't like the green background. How do I change it? I'm thinking the background shouldn't be too bright but I don't want it white either, not the body background because white is a bit hard on the eyes imo. I like a color that is close to the light wood background. I'd appreciate any input you have on the body background that should be used.

I saw this for the source code in the style.css section:

body {
background:#ccc;
color:#333;
font-family:"Open Sans", sans-serif;
font-size:13px;
line-height:1.62em;
}

a {
color:#21759b;
text-decoration:none;
-moz-transition: color .25s ease, margin .25s ease;
-webkit-transition: color .25s ease, margin .25s ease;
-o-transition: color .25s ease, margin .25s ease;
-ms-transition: color .25s ease, margin .25s ease;
transition: color .25s ease, margin .25s ease;
}

a:hover {
color:#dr
Here is the complete style.css code. Hopefullly this is helpful in getting rid of the green:

single .entry-title,
.page .entry-title,
.error404 .entry-title {
margin:0 0 18px 0;
font-size:36px;
line-height:1.62em;
}

.twocol .entry-title,
.threecol .entry-title,
.page-template-template-blog-php .twocol .entry-title,
.page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title {
font-size:24px;
line-height:1.62em;
}

.fourcol .entry-title,
.page-template-template-blog-php .fourcol .entry-title,
.page-template-template-portfolio-php .fourcol .entry-title {
font-size:18px;
line-height:1.62em;
}

.page .entry-title,
.error404 .entry-title {
margin-bottom:24px;
}

.entry-title a {
color:#333;
}

.entry-title a:hover {
color:#21759B;
}

.format-link .entry-title a:after {
content:"\2192";
padding-left:8px;
}

.entry-meta {
padding:1.5% 2.9%;
background:#FCFCFC;
border-top:#F3F3F3 1px solid;
border-top:rgba(0, 0, 0, .035) 1px solid;
color:#CCC;
font-size:12px;
font-weight:300;
}

.entry-header .entry-meta {
padding:0;
background:none;
border:none;
}

.single .entry-meta {
padding:1.5% 2.4%;
margin-bottom:24px;
background:none;
border-top:#F4F4F4 1px solid;
border-bottom:#F4F4F4 1px solid;
}

.entry-meta span {
padding-left:24px;
margin-left:32px;
}

.entry-header .entry-meta span {
display:block;
float:none;
padding:6px 0 6px 24px;
margin:0;
}

.single .entry-meta span {
display:inline;
padding:0 0 0 24px;
margin-left:32px;
}

.entry-meta span.custom-meta,
.single .entry-meta span.custom-meta {
padding-left: 0;
background: none;
color: #999;
}

.custom-meta.entry-category {
font-weight: normal;
text-transform: uppercase;
}

.entry-meta span:first-child,
.single .entry-meta span:first-child,
.page .entry-meta span:first-child {
margin: 0;
}

.entry-meta a {
color:#7597B9;
}

.entry-meta a:hover {
color:#d54e21;
}

.entry-summary .entry-attachment {
margin-bottom:18px;
}

.entry-author-link {
background:url(images/user.png) left center no-repeat;
}

.entry-date {
background:url(images/time.png) left center no-repeat;
}

.entry-category {
background:url(images/ribbon.png) left center no-repeat;
}

.attachment-size {
background:url(images/image.png) left center no-repeat;
}

.edit-link {
background:url(images/edit.png) left center no-repeat;
}

.entry-permalink {
float:right;
margin:0;
background:url(images/link.png) left center no-repeat;
}

.entry-summary p {
margin:0;
}

.format-aside .entry-summary p,
.format-status .entry-summary p,
.format-quote .entry-summary p {
margin-bottom:6px;
}

.onecol .onecol .entry-summary,
.entry-content {
font-size:15px;
line-height:1.62em;
}

.format-chat .entry-content {
margin-bottom:2.9%;
}

.single-format-chat .entry-content {
margin-bottom:24px;
}

.format-chat .entry-content p,
.format-chat .entry-summary p {
padding:2px 2.9%;
margin:0;
}



.twocol.format-chat .entry-content p,
.twocol.format-chat .entry-summary p {
padding:2px 5.8%;
}

.threecol.format-chat .entry-content p,
.threecol.format-chat .entry-summary p {
padding:2px 6.1%;
}

.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-summary p:nth-child(odd) {
background:#f9f9f9;
font-weight:600;
}

.single .format-chat .entry-content p:last-child
.single .format-chat .entry-summary p:last-child {
margin-bottom:24px;
}

.entry-content .entry-attachment {
margin-bottom:24px;
}

.entry-attachment p {
margin:0;
}

.post-gallery-item img {
display:block;
float:left;
}

.attachment-gallery-1-thumb {
max-width:61.714288%;
}

.attachment-gallery-2-thumb,
.attachment-gallery-3-thumb {
max-width:38.285712%;
}

.entry-attachment img {
display:block;
margin:0 auto 18px;
}

.button {
display: inline-block;
padding: 5px 18px;
border-radius: 100px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
color: #fff;
margin: 5px;
}

a.button:hover {
color: #fff;
box-shadow:0 0 5px rgba(0, 0, 0, .2);
}

.button-big {
padding: 10px 24px;
font-size: 18px;
}

.button-blue {
background: #30AEE7;
background: -webkit-linear-gradient(#30AEE7, #247FA8);
border-bottom: 1px solid #14455B;
}

.button-blue:hover {
background: -webkit-linear-gradient(#247FA8, #30AEE7);
}

.button-yellow {
background: #F4F434;
background: -webkit-linear-gradient(#F4F434, #DADA2F);
border-bottom: 1px solid #686817;
}

.button-yellow:hover {
background: -webkit-linear-gradient(#DADA2F, #F4F434);
}

.button-olive {
background: #E7AE31;
background: -webkit-linear-gradient(#E7AE31, #A87F24);
border-bottom: 1px solid #5B4514;
}

.button-olive:hover {
background: -webkit-linear-gradient(#A87F24, #E7AE31);
}

.button-purple {
background: #E731AE;
background: -webkit-linear-gradient(#E731AE, #A8247F);
border-bottom: 1px solid #5B1445;
}

.button-purple:hover {
background: -webkit-linear-gradient(#A8247F, #E731AE);
}

.button-red {
background: #E73131;
background: -webkit-linear-gradient(#E73131, #A82424);
border-bottom: 1px solid #5B1445;
}

.button-red:hover {
background: -webkit-linear-gradient(#A82424, #E73131);
}

.button-green {
background: #31E731;
background: -webkit-linear-gradient(#31E731, #24A824);
border-bottom: 1px solid #5B1445;
}

.button-green:hover {
background: -webkit-linear-gradient(#24A824, #31E731);
}

.button-orange {
background: #FF6103;
background: -webkit-linear-gradient(#FF6103, #E55703);
border-bottom: 1px solid #5B1445;
}

.button-orange:hover {
background: -webkit-linear-gradient(#E55703, #FF6103);
}

.notice {
padding: 12px;
margin-bottom: 24px;
border-radius: 4px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.info {
background: #CEFFCE;
border-bottom: 1px solid #9ABF9A;
}

.warning {
background: #FFFFCE;
border-bottom: 1px solid #BFBF9A;
}

.error {
background: #FFCECE;
border-bottom: 1px solid #BF9A9A;
}

.dropcap:first-letter {
display: inline-block;
float: left;
min-width: 42px;
padding: 20px 10px;
border-radius: 4px;
font-size: 48px;
font-weight:600;
text-align: center;
}

.dropcap-blue:first-letter {
color: #30AEE7;
}

.dropcap-yellow:first-letter {
color: #F4F434;
}

.dropcap-olive:first-letter {
color: #E7AE31;
}

.dropcap-purple:first-letter {
color: #E731AE;
}

.dropcap-red:first-letter {
color: #E73131;
}

.dropcap-green:first-letter {
color: #31E731;
}

.dropcap-orange:first-letter {
color: #FF6103;
}

.dropcap-grey:first-letter {
margin-right: 10px;
background: #eee;
}

.dropcap-black:first-letter {
margin-right: 10px;
background: #333;
color: #ddd;
}

.dropcap-circle:first-letter {
border-radius: 60px;
}

.columns .column {
margin-left: 3%;
}

.columns .column:first-child {
margin: 0;
}

.columns .twocol {
width: 48.5%;

}

.columns .threecol {
width: 31.3%;
}

.columns .fourcol {
width: 22.75%;

}

.columns .twothirdcol {
width: 65.7%;
}

.columns .threefourthcol {
width: 74.5%;
}

.column .threecol.box {
width: 25.3%;
padding: 3%;
margin-bottom: 24px;
background: #f8f8f8;
border-bottom:#ddd 1px solid;
box-shadow:0 0px 5px rgba(0, 0, 0, .15);
}

.column .threecol.box p {
margin: 0;
}

.entry-utility {
padding-top:20px;
border-top:#eee 1px solid;
}

.post-pagination {
margin-bottom:12px;
}

#attachment-nav {
padding-bottom:12px;
margin-bottom:18px;
border-bottom:#EEE 1px solid;
}

#attachment-nav a img {
display:block;
max-width: 50%;
}

#attachment-nav .nav-previous img {
float:left;
padding: 5px;
}

#attachment-nav .nav-next img {
float:right;
padding: 5px;
}

.entry-tags {
margin: -8px -8px 16px;
}

.entry-tags a {
position: relative;
display: inline-block;
padding:1px 4px 1px 16px;
margin: 8px;
background:#F8F8F8;
background:-moz-linear-gradient(#F8F8F8, #F3F3F3);
background:-webkit-linear-gradient(#F9F9F9, #F3F3F3);
background:-o-linear-gradient(#F8F8F8, #F3F3F3);
background:-ms-linear-gradient(#F8F8F8, #F3F3F3);
background:linear-gradient(#F8F8F8, #F3F3F3);
border-radius:4px;
box-shadow:0 1px 1px rgba(0, 0, 0, .2);
color: #333;
font-size: 12px;
}

.entry-tags a:before {
content: "";
position: absolute;
top: 8px;
left: 6px;
width: 6px;
height: 6px;
background: #fff;
border-radius: 3px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.entry-tags a:hover {
top: -3px;
-moz-transition: top .1s ease;
-webkit-transition: top .1s ease;
-o-transition: top .1s ease;
-ms-transition: top .1s ease;
transition: top .1s ease;
}

.social-bookmarks {
margin-bottom:20px;
font-size:12px;
font-weight:600;
}

.social-bookmarks p {
margin-bottom:12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
float:left;
}

.facebook-like {
width:110px;
}

.fb_edge_comment_widget {
width:401px;
}

.entry-author {
padding:20px;
margin-bottom:20px;
background:#FCFCFC;
border-bottom:#EEE 1px solid;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
font-size:13px;
line-height:1.62em;
}

.entry-author .avatar {
float:left;
padding:5px;
border-bottom:#DDD 1px solid;
background:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
margin-bottom:10px;
font-family:"Open Sans", sans-serif;
font-size:15px;
letter-spacing:normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
margin-left:126px;
}

.author-bio {
margin-bottom:10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
float:left;
width:50%;
text-align:center;
}

.nocomments {
margin:0;
color:#999;
font-size:18px;
line-height:1.62em;
text-align:center;
}

#comments {
background: none;
border: none;
box-shadow: none;
}

#comments-title,
#reply-title {
margin-bottom:18px;
font-size:24px;
line-height:1.62em;
}

#comments-title {
margin:35px 0;
}

.navigation {
margin:35px 0;
}

.commentlist {
margin:0 0 20px 0;
list-style:none;
}

.commentlist .children {
margin:20px 0 0 40px;
list-style:none;
}

.comment {
margin:0;
}

.comment-body {
padding:20px;
margin-bottom:35px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#fff;
border-bottom:#DDD 1px solid;
overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
margin-top:0;
}

.comment .avatar {
float:right;
padding:5px;
margin:0 0 20px 20px;
background:#fff;
border-bottom:#DDD 1px solid;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
font-size:15px;
font-style:normal;
font-weight:600;
line-height:1.62em;
}

.comment-meta {
margin-bottom:18px;
font-size:12px;
}

a.comment-reply-link {
padding:4px 15px;
border-radius:15px;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#F8F8F8;
background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
background:-o-linear-gradient(#FCFCFC, #F3F3F3);
background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
background:linear-gradient(#FCFCFC, #F3F3F3);
border-bottom:#DDD 1px solid;
color:#333;
text-decoration:none;
}

a.comment-reply-link:hover {
box-shadow:#CCC 0 0 5px;
}

a.comment-reply-link:focus {
box-shadow:0 0 5px rgba(0, 0, 0, .4);
background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
background:-o-linear-gradient(#F3F3F3, #FCFCFC);
background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
background:linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
width:auto;
padding:20px;
margin-bottom:5.1%;
}

.commentlist #respond {
margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
color:#aaa;
font-size:12px;
line-height:16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
position:relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
display:inline-block;
position:absolute;
top:1px;
left:1px;
z-index:1;
width:60px;
padding:0 10px;
color:#444;
line-height:36px;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
position:absolute;
top:1px;
right:1.5%;
z-index:2;
color:#FF0000;
font-size:24px;
line-height:44px;
}

#author,
#email,
#url,
#comment {
position:relative;
width:97%;
text-indent:80px;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
position:relative;
z-index:1;
text-indent:0;
}

#comment {
font-size:15px;
}

.form-allowed-tags code {
padding: 0;
background: none;
box-shadow: none;
}

#infscr-loading {
text-align: center;
}

#infscr-loading img {
margin-right: 10px;
vertical-align: middle;
}

#infscr-loading div {
display: inline;
}

#post-nav,
#posts-nav {
clear:both;
margin:0;
font-family:"Oswald", sans-serif;
font-size:16px;
font-weight:300;
letter-spacing:1px;
}

#posts-nav {
position: relative;
padding:2.9%;
margin:2.46%;
box-shadow:0 0 5px rgba(0, 0, 0, .1);
background:#fff;
border-bottom:#DDD 1px solid;
border-bottom:rgba(0, 0, 0, .13) 1px solid;
}

.onecol #posts-nav {
padding:1.95%;
margin:1.7%;
}

.nav-prev,
.nav-previous {
float:left;
width:50%;
}

.nav-next {
float:right;
width:50%;
text-align:right;
}

.ajax-load {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
line-height: 42px;
text-align: center;
}

a.ajax-load:hover {
background: #fcfcfc;
}

.page-numbers {
padding:0 4px;
}

.page-numbers.prev {
padding-left:0;
}

.page-numbers.next {
padding-right:0;
}

#sidebar {
color:#ccc;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:10%;
}

.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
margin:6.55%;
}

.widget-area {
font-weight:300;
}

.page-template-template-sidebar-content-php #sidebar,
.page-template-template-sidebar-content-half-php #sidebar,
.page-template-template-blog-left-sidebar-php #sidebar,
.page-template-template-portfolio-left-sidebar-php #sidebar {
float:left;
}

.page-template-template-content-sidebar-php #sidebar {
float:right;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-left {
width:17.4%;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-right {
width:12.75%;
}

.widget-title {
margin:0;
font-family:"Oswald", sans-serif;
font-size:20px;
font-weight:300;
letter-spacing:1px;
}

#sidebar-boxes .widget-title {
font-family:"Open Sans", sans-serif;
font-size:13px;
font-weight:600;
text-transform: uppercase;
}

.widget-area ul {
margin:0;
list-style:none;
overflow:hidden;
}

.widget-area li {
padding:7px 0;
margin:0;
border-bottom:#EEE 1px solid;
rborder-bottom:rgba(0, 0, 0, .036) 1px solid;
line-height:1.62em;
}

.widget-area li li {
border-bottom:none;
}

.widget-area li ul {
margin-left:20px;
}

.widget-area a {
color:#7597B9;
}
.widget-area a:hover {
color:#d54e21;
}

#sidebar-footer-wide {
margin-top: 2.1%;
border: none;
border-top:#e0e0e0 1px solid;
}

#footer {
clear:both;
border-top:#333 1px solid;
border-top:rgba(0, 0, 0, .79) 1px solid;
}

#footer-area {
position:relative;
z-index:1;
padding:1.6%;
background:#222;
border-top:#555 1px solid;
border-top: rgba(255, 255, 255, .235) 1px solid;
box-shadow:none;
color:#CCC;
}

#footer-area .widget-title {
color:#e0e0e0;
font-size:18px;
}

#footer-area li {
border-bottom:#2C2C2C 1px solid;
border-bottom:rgba(255, 255, 255, .05) 1px solid;
}

.tagcloud {
margin: 0 -8px 16px;
}

.tagcloud a {
position: relative;
display: inline-block;
padding: 1px 6px 1px 18px;
margin: 8px;
background:#fff;
background:-moz-linear-gradient(#fff, #fcfcfc);
background:-webkit-linear-gradient(#fff, #fcfcfc);
background:-o-linear-gradient(#fff, #fcfcfc);
background:-ms-linear-gradient(#fff, #fcfcfc);
background:linear-gradient(#fff, #fcfcfc);
border-radius:4px;
box-shadow:0 1px 1px rgba(0, 0, 0, .2);
color: #333;
font-size: 12px !important;
}

.tagcloud a:before {
content: "";
position: absolute;
top: 8px;
left: 6px;
width: 6px;
height: 6px;
background: #F8F8F8;
border-radius: 3px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2);
}

.tagcloud a:hover {
top: -3px;
color: #333;
-moz-transition: top .1s ease;
-webkit-transition: top .1s ease;
-o-transition: top .1s ease;
-ms-transition: top .1s ease;
transition: top .1s ease;
}

#footer-area .tagcloud a {
background:#444;
background:-moz-linear-gradient(#444, #333);
background:-webkit-linear-gradient(#444, #333);
background:-o-linear-gradient(#444, #333);
background:-ms-linear-gradient(#444, #333);
background:linear-gradient(#444, #333);
border-radius:4px;
box-shadow:0 1px 1px rgba(255, 255, 255, .2);
color: #CCC;
}

#footer-area .tagcloud a:before {
background:#222;
}

#footer-area .tagcloud a:hover {
color:#CCC;
}

#copyright {
clear:both;
padding:1.4% 3.2%;
background:#111;
border-top:#333 1px solid;
border-top:rgba(255, 255, 255, .145) 1px solid;
color:#CCC;
font-weight:300;
}

.copyright {
float:left;
}

.credits {
float:right;
margin-right:12px;
text-align:right;
}

#copyright p {
margin:0;
}

#copyright a {
color:#7597B9;
text-decoration:none;
}

#copyright a:hover {
color:#d54e21;
}

@media screen and (max-width: 1152px) {

.threefourthcol {
width: 66.7%;
}

.threefourthcol .threecol {
width: 50%;
}

.fourcol,
.onecol .fourcol {
width: 33.3%;
}

#wrapper {
max-width:960px;
}

#slider .entry-container {
top:28%;
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
margin: 5%;
}

img.attachment-gallery-thumb {
max-width:82px;
}

.twocol img.attachment-gallery-thumb {
max-width:74px;
}

.single img.attachment-gallery-thumb {
max-width:100%;
}

.format-audio object {
min-height:24px;
}

.single .format-audio object {
height:24px;
}

.social-bookmarks iframe {
min-height:0;
}

#sidebar-header {
width:468px;
height:60px;
margin-top:20px;
}

}

@media screen and (max-width : 960px) {

.onecol .threecol,
.onecol .fourcol {
width:50%;
}

#wrapper {
max-width:760px;
}

#slider .entry-container {
top:32%;
padding: 0;
}

#slider .entry-summary {
display: none;
}

#container {
margin:2.2%;
}

.content-sidebar-wrap,
#content,
.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
#sidebar {
width:100%;
}

.onecol .hentry .entry,
.onecol .hentry #comments,
.onecol .hentry #respond {
margin:2.4%;
}

.onecol .twocol .entry,
.onecol .threecol .entry,
.threefourthcol .threecol .entry,
.onecol .fourcol .entry {
margin:4.5%;
}

.page-template-template-full-width-php .hentry.onecol .wp-post-image,
.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .entry-thumbnail {
float:none;
max-width:100%;
margin:0;
}

.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
width:100%;
}

.page-template-template-full-width-php .hentry.onecol .entry-header,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-four-col-php .hentry.onecol .entry-header,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
float:none;
width:auto;
}

.single .format-audio object {
height:30px;
}

.onecol .onecol .entry-summary {
font-size:13px;
line-height:1.62em;
}

.social-bookmarks iframe {
min-height:0;
}

.page-template-template-portfolio-php .post.onecol .wp-post-image,
.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
float:none;
max-width:100%;
margin:0;
}

.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
width:100%;
}

.page-template-template-portfolio-php .post.onecol .entry-header,
.page-template-template-portfolio-php .post.onecol .entry-summary {
float:none;
width:auto;
}

.onecol #posts-nav {
padding:2.8%;
margin:2.3%;
}

#sidebar .onecol {
width:33.3%;
}

#sidebar .twocol {
float:none;
width:auto;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:5.8%;
}

#sidebar .widget,
#footer-area .widget,
#sidebar-boxes .widget,
.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
margin:6.7%;
}

#sidebar-boxes,
#footer-area {
padding:2.2%;
}

#copyright {
padding:1.7% 4.3%;
}

}

@media screen and (max-width: 760px) {

.twocol,
.threecol,
.fourcol,
.onecol .threecol,
.threefourthcol .threecol,
.onecol .fourcol {
float:none;
width:100%;
}

.alignleft,
.alignright {
display: block;
float: none;
margin:20px auto;
}

#wrapper,
.page-template-template-no-sidebars-php #wrapper,
.page-template-template-blog-no-sidebars-php #wrapper,
.page-template-template-portfolio-no-sidebars-php #wrapper {
max-width:380px;
}

.wp-caption {
padding:10px 10px 0;
}

#site-title,
#site-description {
float:none;
margin:0;
line-height:1.62em;
text-align:center;
}

#site-title {
margin:18px 0;
}

#site-description {
display: none;
padding-bottom:18px;
}

#sidebar-header {
float:none;
width:auto;
height:auto;
max-height:90px;
margin-top:0;
}

#access {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 0;;
background: none;
box-shadow: none;
}

#access .nav-show,
#access a.nav-show:hover {
position: absolute;
top: 163px;
right: 14%;
display:block;
width: 40px;
height: 32px !important;
padding: 0;
background: url(images/nav.png) no-repeat;
border: none;
text-indent: -1000px;
overflow: hidden;
}

#access .nav-hide {
display: none;
}

#access:target .nav-hide,
#access:target a.nav-hide:hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: -101em;
width: 100%;
height: auto !important;
background: none;
overflow: hidden;
text-indent: -1000px;
}

#access .menu {
text-align: center;
}

#access:target .menu {
margin-top: 213px;
background: #111;
}

#access li ul {
position:static;
}

#access li ul ul {
margin:0 !important;
}

#access ul,
#access li {
float:none;
max-width:100%;
}

#access a {
width:100%;
height: 0 !important;
padding:0;
border: none;
overflow: hidden;
}

#access:target .menu a {
height: 40px !important;
border-top: 1px solid #444;
line-height: 40px;
-moz-transition: height .25s, line-height .25s;
-webkit-transition: height .25s, line-height .25s;
-o-transition: height .25s, line-height .25s;
-ms-transition: height .25s, line-height .25s;
transition: height .25s, line-height .25s;
}

#access .menu a:hover {
background:#555;
}

#access br {
display: none;
}

#access a span {
padding-left: 5px;
}

#access li li a {
padding: 0;
background:#3c3c3c;
border-top-color:#4f4f4f;
text-align:center;
}

#access li li li a {
background:#444;
border-top-color:#555;
}

#access li:hover > ul,
#access li li:hover > ul,
#access li li li:hover > ul {
display:none;
}

#access:target .drop-down-toggle {
display:block;
}

#access li li .drop-down-toggle {
top:5px;
}

#header #searchform {
position: relative;
z-index: 1;
float:none;
width:278px;
margin: 18px auto;
}

#header #sidebar-header #searchform {
margin-top: 0;
}

#header input#s {
position: relative;
z-index: 999;
display:block;
width:168px;
margin-left:12px;
background:#ececec url(images/search.png) right center no-repeat;
box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
text-indent: 0;
}
#header input#s:focus {
width: 246px;
margin: 0;
}

#social-media-icons {
float: none;
margin: 18px 0;
text-align: center;
}

#slider {
border-bottom: 50px solid #fff;
}

.flex-control-nav {
display: none;
}

.flex-direction-nav,
.flex-pauseplay {
bottom: -40px;
height: 30px;
}

.flex-direction-nav{
right: 41%;
}

.flex-pauseplay {
right: 37.5%;
}

.flex-direction-nav li,
.flex-pauseplay a {

}

#slider .entry-title {
font-size:24px;
line-height:1.62em;
}

#current-location,
#sidebar-wide {
border-top: #E0E0E0 1px solid;
border-top: rgba(0, 0, 0, .055) 1px solid;
}

#container {
margin:3.2%;
}

.entry,
.twocol .entry,
.onecol .hentry .entry,
.onecol .threecol .entry,
.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
#comments
#respond {
margin:3.4%;
}

.entry-container {
padding:5.8%;
}

.entry-meta {
padding:2.8% 5.8%;
}

.entry-meta span,
.single .entry-meta span,
.page .entry-meta span {
display:block;
float:none;
padding:6px 0 6px 24px;
margin:0;
}

.has-thumbnail .entry-summary {
clear:both;
margin:0;
}

.has-thumbnail.format-aside .entry-summary,
.has-thumbnail.format-quote .entry-summary {
clear:none;
margin-left:28.15%;
width:71.85%;
}

.has-thumbnail.format-chat .entry-content {
clear:both;
margin:0;
}

.twocol.has-thumbnail .entry-title,
.twocol.has-thumbnail .entry-summary {
clear:none;
padding-left:3%;
}

.twocol.format-gallery .entry-summary {
height:auto;
margin:0;
}

.twocol.format-image .wp-post-image {
float:none;
max-width:100%;
}

.format-status .wp-post-image {
display:none;
}

img.attachment-gallery-thumb {
max-width:74px;
}

.single img.attachment-gallery-thumb {
max-width:100%;
}

.single .format-audio object {
height:24px;
}

.entry-content {
font-size:17px;
line-height:1.62em;
}

.columns .twocol,
.columns .threecol,
.columns .fourcol,
.columns .twothirdcol,
.columns .threefourthcol {
width: 100%;
margin: 0;
}

.column .threecol.box {
width: 94%;
}


.entry-author,
.comment-body {
padding:12px;
}

.entry-author .avatar,
.comment .avatar {
max-width:40px;
padding:3px;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
margin-left:76px;
}

#posts-nav,
.onecol #posts-nav {
padding:5.7%;
margin:3.4%;
}

.page-numbers .text {
display:none;
}

.social-bookmarks > div {
width: 50%;
margin-bottom: 12px;
}

#sidebar-boxes {
text-align: center;
}

#sidebar .onecol {
width:100%;
}

#sidebar .twocol {
float:left;
width:50%;
}

#sidebar-boxes .threecol {
margin-bottom: 6.8%;
}

#sidebar-boxes .threecol:last-child {
margin: 0;
}

#sidebar .widget,
#footer-area .widget,
#sidebar-boxes .widget {
margin:3.4%;
}

#sidebar-left .widget,
#sidebar-right .widget {
margin:6.8%;
}

#sidebar-boxes,
#footer-area {
padding:3.2%;
}

#copyright {
padding:1.7% 6.5%;
line-height:2em;
}

.copyright,
.credits {
float:none;
max-width:100%;
text-align:left;
}

}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

#access .nav-show,
#access a.nav-show:hover {
background-image: url(images/nav_2x.png);
background-size:100%;
}

#header input#s {
background-image: url(images/search_2x.png);
background-size:36px;
background-position: -3px center;
}

.facebook {
background-image: url(images/facebook_2x.png);
background-size:100%;
}

.twitter {
background-image: url(images/twitter_2x.png);
background-size:100%;
}

.pinterest {
background-image: url(images/pinterest_2x.png);
background-size:100%;
}

.google-plus {
background-image: url(images/google-plus_2x.png);
background-size:100%;
}

.vimeo {
background-image: url(images/vimeo_2x.png);
background-size:100%;
}

.dribble {
background-image: url(images/dribble_2x.png);
background-size:100%;
}

.flickr {
background-image: url(images/flickr_2x.png);
background-size:100%;
}

.youtube {
background-image: url(images/youtube_2x.png);
background-size:100%;
}

.linkedin {
background-image: url(images/linkedin_2x.png);
background-size:100%;
}

.entry-author-link {
background-image: url(images/user_2x.png);
background-size: 12px;
}

.entry-date {
background-image: url(images/time_2x.png);
background-size: 12px;
}

.entry-category {
background-image: url(images/ribbon_2x.png);
background-size: 12px;
}

.attachment-size {
background-image: url(images/image_2x.png);
background-size: 12px;
}

.edit-link {
background-image: url(images/edit_2x.png);
background-size: 12px;
}

.entry-permalink {
background-image: url(images/link_2x.png);
background-size: 12px;
}

#infscr-loading img {
width: 32px;
height: 32px;
}

}

.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
[/quote]

Hi, I figured the color thing out. Going to have my parents and friends give me feedback on what looks good to the eye.

What do you suggest on where the menu hierarchy button should go on a cell phone? Right now it is covering up the word "lessons." How do I make this change?

For the menu options, how do I make the letters darker?

Oh my! You've been very busy, both on your site and posting here, that it make my head spin.

Are you sure you want the site to look like it does now?

Click to view attachment

Gray backgrounds, big FB text, big menu and link texts, that are so dark on the dark background that they are hard to read.

I'm baffled by what I see, and have no idea what to say but that I told you before, I know nothing at all about WP or how to work with it.