/*
Theme Name:     Personal
Theme URI:      http://www.tipsandtricks-hq.com/personal-twenty-twelve-child-theme-for-wordpress-6747
Description:    A colorful, clean and minimalistic Twenty Twelve child theme for personal bloggers
Author:         Tips and Tricks HQ
Template:       twentytwelve                             
Version:        1.3
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, featured-images, sticky-post
*/

@import url("../twentytwelve/style.css");

/* add your custom CSS below */
body {
background-color: #D9D9D9 !important;    
font: 400 14px/1.9em "Open Sans", sans-serif;
color: #363636;
}

.site-content {
width: 67%;
padding: 20px;
margin: 0 0 20px 0;
float: left !important;
overflow: hidden;
position: relative;
z-index: 1;
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

body .site {
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;
    margin-top: 0;
    padding: 0 2.85714rem;
}
.site {
    background-color: #D9D9D9;
    box-shadow: none !important;
    max-width: 1120px;
    width: 100%;
}

#site-navigation {
    border: medium none !important;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0;
    padding: 10px 10px 10px 30px;
    position: relative;
    width: 67%;
    z-index: 999;
}
.nav-menu li:nth-child(2):after {
    
    float: right;
    font-size: 10px;
    padding: 2px;
}
.nav-menu li:nth-child(3):after {
   
    float: right;
    font-size: 10px;
    padding: 2px;
}
.nav-menu li:nth-child(4):after {
    
    float: right;
    font-size: 10px;
    padding: 2px;
}
#site-navigation, #left_bg, .nav li ul {
background-color: #fafafa;
}
#respond form p {
    float: left;
    margin: 0.785714rem 0;
    width: 33%;
    clear: left;
}
.comment-notes {
    float: none;
    width: 80% !important;
}

.form-allowed-tags {
    clear: both;
    float: none !important;
    width: 96% !important;
}
#comment {
    width: 288% !important;
}
#respond form label {
    display: block;
    line-height: 1.71429;
}
#respond form input[type="text"] {
    float: left !important;
    width: 88% !important;
}
.hfeed site {
    margin: 0 auto;
    max-width: 1120px;
    padding: 0;
    position: relative;
    width: 100%;
    background: none repeat scroll 0 0 #D9D9D9 !important;
    box-shadow: none !important;
}
.attachment-post-thumbnail.wp-post-image {
    height: 350px;
    width: 100%;
}

hgroup {
    display: none;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border: medium none !important;
    display: inline-block !important;
    text-align: center;
    width: 100%;
}
.site-header {
    padding: 0;
}
.nav-menu ul {
    border: medium none !important;
}

#page > footer {
    border: medium none !important;
}
.widget-title {
    color: #000000;
}
.widget-area .widget{
    background: none repeat scroll 0 0 #D1D1D1;
    padding: 20px;
}
.widget-area .widget a {
    color: #F74F4F;
}
.widget-area .widget a:visited {
    color: #F74F4F;
}

.main-navigation li a {
    border-bottom: 0 none;
    color: #000000 !important;
    line-height: 3.69231;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 2px;
    font: 700 10px/1em "Source Sans Pro",sans-serif !important;
}
.sub-menu li:nth-child(2):after {
    content: none;
}
.sub-menu li:nth-child(3):after {
    content: none;
}
.sub-menu li:nth-child(4):after {
    content: none;
}
.entry-title a {
    color: #1C1C1C;
    font: 700 50px/1em "Vidaloka",serif;
    margin: 30px 0 15px;
}
.entry-title {
    padding: 0 10%;
}
.entry-content {
    padding: 0 10%;
}
.entry-content p {
    color: #363636;
    font: 400 17px/1.9em "Open Sans", sans-serif;
}
.comments-link > a {
    padding: 0 10%;
}
.entry-meta {
    padding: 0 10%;
}
.entry-content blockquote, .comment-content blockquote {
    font-style: italic;
    margin-bottom: 1.71429rem;
    padding: 0;
}
.entry-title a:hover {
    color: #DB4848 !important;
}
.more-link {
    background: none repeat scroll 0 0 #F74F4F;
    border: 1px solid #F74F4F;
    color: #FFF !important;
    font: 400 10px/1.5em "Source Sans Pro",sans-serif;
    padding: 5px;
    text-decoration: none;
}
.more-link:hover {
    background: #FFFFFF;
    color: #969696 !important;
}
.entry-content a {
    color: #F74F4F;
    text-decoration: none;
}
.entry-header h1 {
	padding: 0 10%;
	color: #1C1C1C;
    font: 700 42px/1.1em "Vidaloka",serif !important;
	margin: 30px 0 15px;
	
}
.nav-single {
    border: 1px solid #DDDDDD;
    line-height: 1.8 !important;
    margin: 0;
    overflow: hidden;
    padding: 20px 25px;
}
.site-content article {
    -moz-hyphens: auto;
    border-bottom: medium none;
    padding-bottom: 3.1em;
    word-wrap: break-word;
}
.comments-area {
    padding: 0 10%;
}
#respond form input[type="text"] {
    float: left;
    width: 92.333%;
}
#respond form p {
    float: left;
    margin: 0.785714rem 0;
}

#respond {
    margin-top: 3.42857rem;
    opacity: 0.7;
}
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], .bypostauthor cite span {
    background: none repeat scroll 0 0 #F74F4F !important;
    border: 1px solid #F74F4F;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #FFFFFF;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.42857;
    padding: 0.428571rem 0.714286rem;
}
textarea {
    width: 199% !important;
}
.form-submit > input:hover {
    background: none repeat scroll 0 0 #353535 !important;
    color: #FFFFFF;
}