/*
Theme Name: SQUARED3 Wordpress
Theme URI: http://creatingyourmark.com
Description: A clean and simple theme with a powerful CMS underbelly for anyone.
Version: 3.1.1
Author: Mark Southard
Author URI: http://creatingyourmark.com
Tags: clean, minimal, corporate, portfolio, translation ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Copyright: (c) 2011 Mark Southard

*/

/*------------------------------------------
TABLE OF CONTENTS:
------------------

1.0 - Typography
2.0 - Header & Navigation
3.0 - Footer
4.0 - Main Styles
    5.1 - Portfolio Styles
5.0 - Blog Styles
    6.1 - Comments
    6.2 - Widgets
6.0 - Forms
    6.1 - Comment Form
    6.2 - Contact Form
7.0 - Media
8.0 - Shortcodes
-------------------------------------------*/
/*--------------------------------------
    1.0 - Typography Styles
---------------------------------------*/
body {
  background: #000;
  color: #fff;
}
/*--
    Text Styles 
--*/
a {
  color: #ff6d00;
}
a:hover {
  background-color: #d9d9d9;
}
h2 a {
  color: #fff;
}
h2 a:hover {
  background-color: none;
}
h2#tagline strong, h2#port_cat_tagline strong {
  background: #ff6d00;
}
h5 {
  color: #d9d9d9;
}
ul li {
  background: url("../images/orange_bullet.png") no-repeat 0px 6px;
}
blockquote {
  background: #e1e1e1 url("../images/orange_blockquote.png") no-repeat 10px 12px;
}
/*-------------------------------------
    2.0 Header & Navigation
-------------------------------------*/
.header {
  background: url("../images/orange_bg_header_dark.png") no-repeat bottom;
}
/*--
    3.1 Main Navigation
--*/
.main_nav li > a {
  color: #fff;
}
.main_nav li.current_page_item > a, .main_nav li.current-menu-item > a, .main_nav li.current_page_parent > a {
  background-color: #ff6d00;
  color: #fff;
}
.main_nav li.current_page_item > a.myHover, .main_nav li.current-menu-item > a.myHover {
  background-color: #ff6d00;
}
.main_nav li > a:hover, .main_nav li > a.myHover {
  background-color: #474747;
}
.main_nav li.current_page_item > a:hover, .main_nav li.current-menu-item > a:hover {
  background-color: #ff6d00;
}
/*--
    2.2 Sub Menu
--*/
.main_nav ul.sub-menu, .main_nav ul.children {
  background-color: #474747;
  border: 3px solid #474747;
}
.main_nav li.current-menu-item ul.sub-menu, .main_nav li.current_page_item ul.children {
  border-color: #ff6d00;
}
.main_nav ul.sub-menu li a, .main_nav ul.children li a {
  background-color: #474747;
  border-top: 1px solid #d9d9d9;
  color: #fff;
}
.main_nav ul.sub-menu li a:hover,
.main_nav ul.children li a:hover,
.main_nav ul.sub-menu li.current-menu-item a,
.main_nav ul.children li.current_page_item a {
  background-color: #474747;
  color: #ff6d00;
}
/*-------------------------------------
    3.0 - FOOTER STYLES 
-------------------------------------*/
.footerContainer {
  background: #000;
  color: #d7d7d7;
}
h1.footer,
h2.footer,
h3.footer,
h4.footer {
  color: #fff;
  border-bottom: 1px #fefefe solid;
}
.footerContainer .widget h4 {
  color: #ff6d00;
}
.twitter_widget h2.footer {
  background: url(../images/twitter_48.png) no-repeat 220px -4px;
}
/*---------------------------------
    4.0 - MAIN STYLES 
---------------------------------*/
.divider {
  background: #d9d9d9;
}
.divider_tag {
  background: #d9d9d9;
}
/*-- 
    Slideshow styles 
--*/
.slider_pager a, .slider_nav a {
  background-color: #ff6d00;
  border: 1px solid #cc5700;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.slider_pager a.activeSlide, .slider_pager a:hover, .slider_nav a:hover {
  background-color: #ff8a33;
}
/* Basic Slider */
.slide_image {
  background: #474747;
  border-bottom: 15px solid #ff6d00;
}
/* Full Width Slider */
.full_width .slider_pager a {
  border: 4px solid #d9d9d9;
}
.full_width .slider_pager a:hover, .full_width .slider_pager a.activeSlide {
  border-color: #ff6d00;
}
/*--
    BUTTONS 
--*/
a.buttonAlt {
  background: url(../images/orange_bullet.png) right no-repeat;
}
a.buttonAlt:hover {
  background: url(../images/orange_bullet.png) right no-repeat #d7d7d7;
}
/*----------------------------------
    5.0 - BLOG STYLES 
----------------------------------*/
div.blog_date {
  background: #ff6d00;
}
div.blog_date span.date {
  color: #fff;
}
div.blog_date span.year {
  color: #fff;
}
.blog_entry {
  background: url(../images/orange_blog_divider.png) repeat-x bottom;
}
.blog_entry h2 a:hover {
  background-color: #000;
}
.post_thumb img {
  background: #474747;
  border-bottom: 10px solid #ff6d00;
}
.blog_author {
  color: #252525;
}
.blog_author h5 {
  color: #252525;
}
/*------------------------------------
    5.1 Comment Styles
------------------------------------*/
.comments {
  border-top: 1px dotted #d9d9d9;
}
.comment_intro {
  border-bottom: 1px dotted #d9d9d9;
}
ol.commentlist {
  color: #fff;
}
.commentlist li > div {
  border-bottom: 1px dotted #d9d9d9;
}
.commentlist .avatar {
  background-color: #fff;
  border: 1px solid #b7b7b7;
}
.commentlist .comment-body em {
  color: #ff6d00;
}
.commentlist .comment-body .commentmetadata {
  color: #b7b7b7;
}
/*----------------------------------
    5.2 Widget Styles 
----------------------------------*/
/*--
    Calendar
--*/
#wp-calendar caption {
  color: #ff6d00;
}
/*--
    Flickr
--*/
.flickr-feed a:hover img {
  border-color: #b7b7b7;
}
.flickr-feed img {
  background-color: #f9f9f9;
  border: 1px solid #d9d9d9;
}
/*--
    Twitter
--*/
.twitter_widget em.twitter-timestamp {
  color: #b7b7b7;
}
.twitter_widget .follow a {
  color: #fff;
  text-shadow: tshadow();
  background-color: #ff6d00;
}
.twitter_widget .follow a:hover {
  background-color: #ff8a33;
}
/*----- PRODUCTS STYLES -----*/
a.product img {
  border-bottom: 4px solid #ff6d00;
}
/*-------------------------------
    6.0 FORMS
-------------------------------*/
input {
  border: 1px solid #ff6d00;
}
input:focus {
  outline: 2px solid #ff6d00;
}
/*--
    Comment Form 
--*/
.comment_author, .comment_email, .comment_url {
  border: 1px solid #ff6d00;
}
.comment_author:focus, .comment_email:focus, .comment_url:focus {
  outline: 2px solid #ff6d00;
}
.comment_comment {
  border: 1px solid #ff6d00;
}
.comment_comment:focus {
  outline: 2px solid #ff6d00;
}
/*--
    Contact Form
--*/
em.contact_form {
  color: #ff6d00;
}
#message {
  border: 1px solid #ff6d00;
}
#message:focus {
  outline: 2px solid #ff6d00;
}
#name,
#email,
#company,
#author,
#url,
#phone {
  border: 1px solid #ff6d00;
}
p.address {
  background: url(../images/orange_globe.png) no-repeat 0 4px;
}
p.email {
  background: url(../images/orange_mail.png) no-repeat 0 3px;
}
p.phone {
  background: url(../images/orange_phone.png) no-repeat 0 2px;
}
/*--
    Submit Button
--*/
input[type='submit'] {
  background-color: #ff6d00;
  color: #fff;
  text-shadow: tshadow();
  border: 1px solid #b34c00;
}
input[type='submit']:hover {
  background-color: #ff8a33;
}
/*-------------------------------
    7.0 - Media Styles
-------------------------------*/
.wp-caption.aligncenter img,
.wp-caption.alignleft img,
.wp-caption.alignright img,
.wp-caption.alignnone img,
img.aligncenter,
img.alignright,
img.alignleft,
img.alignnone {
  background-color: #f9f9f9;
  border: 1px solid #b7b7b7;
}
.wp-caption.aligncenter a:hover img {
  border-color: #474747;
}
.wp-caption.alignleft a:hover img {
  border-color: #474747;
}
.wp-caption.alignright a:hover img {
  border-color: #474747;
}
.wp-caption.alignnone a:hover img {
  border-color: #474747;
}
/*
    7.1 - Gallery Styles
*/
.gallery a:hover {
  border-color: #474747;
}
.gallery img {
  background-color: #f9f9f9;
  border: 1px solid #b7b7b7;
}
/*----------------------------------
    8.0 - Shortcodes
----------------------------------*/
a.button {
  background-color: #ff6d00;
  background-image: -moz-linear-gradient(90deg, #ff6d00, #ff8a33);
  background-image: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #ff6d00), color-stop(1, #ff8a33));
  color: #fff;
  border: 1px solid #e66200;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
a.button:hover {
  background-color: #cc5700;
  background-image: -moz-linear-gradient(90deg, #cc5700, #ff6d00);
  background-image: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #cc5700), color-stop(1, #ff6d00));
}
a.button:active {
  position: relative;
  top: 1px;
}
a.button1 {
  background-color: #444444;
  background-image: -moz-linear-gradient(90deg, #444444, #5e5e5e);
  background-image: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #444444), color-stop(1, #5e5e5e));
  color: #fff;
  border: 1px solid #363636;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
a.button1:hover {
  background-color: #474747;
  background-image: -moz-linear-gradient(90deg, #474747, #616161);
  background-image: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0, #474747), color-stop(1, #616161));
}
span.dropcap {
  background-color: #ff6d00;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
span.highlight {
  background: #ff6d00;
  color: #fff;
}
span.highlight1 {
  background: #474747;
  color: #fff;
}
/*
    Frames
*/
img.frame {
  border-bottom: 5px solid #ff6d00;
}
img.frame1 {
  background: #474747;
  border-bottom: 5px solid #ff6d00;
}