/*
Theme Name: Twenty Twelve Child
Theme URI: http://www.CalmDownMind.com/
Author: CalmDownMind.com
Author URI: http://CalmDownMind.com/
Description: Calm Down Mind
Template: twentytwelve
Version: 1.0.0
*/


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

/* Your CSS code goes here
-------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: none;
}

body{
	color:#000;
	font-family: 'Open Sans', Arial, sans-serif;
}

.site-content article {
	margin-bottom: 10px;
	margin-bottom: 0.71428571428rem;
	padding-bottom: 15px;
	padding-bottom: 1.07142857143rem;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	border-bottom: 4px double #ededed;
}



/*width*/

.site {
		margin: 0 auto;
		max-width: 1170px;
		max-width: 76.4285714286rem;
		overflow: hidden;
	}
	
#primary{
	width:75%;
	float:left;
	margin-right:10px;
}

#secondary{
	width:20%;
	float:right;
}	
	
.entry-content h2{
	font-size:1.7em !important;
	line-height:110%;
	color:#000;
	padding-top:15px;
	font-family: 'Open Sans', sans-serif;
}	

.entry-content h3{
	font-size:1.9em !important;
	line-height:110%;
	color:#1d5968;
	padding-top:25px;
	font-family: 'Open Sans', sans-serif;
}

.entry-content h4{
	font-size:1.25em !important;
	line-height:110%;
	color:#2e2e2e;
	padding:15px 0 15px 0;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}
	
ins {
background: transparent !important;
text-decoration: none;
}

.rposts li{
	padding:5px;
	list-style-type: disc;
	margin-left:20px;
	}
.relarticles a{
	text-decoration:none;
}

#content_rel_posts{
	font-size:1.25em;
	padding:2px 0 2px 5px;
}

#content_rel_posts a{
	text-decoration:none !important;
	color:#006680;
}

.entry-content ul li{
	line-height:140%;
}

.entry-content li{
	padding-bottom:25px;
	
}
	

/*Homepage*/



#content h1 a{
	color:#000000;
	
}
	
.site-content {
/*width: 70.104166667%;*/

}

.entry-content li{
	font-size: 1.11em !important;
	font-family: Arial, sans-serif;
}

.entry-content p{
font-size: 1.1em;
font-family: 'Open Sans', sans-serif;
line-height:170%;
}

.highlightpara{
	background:#dbe3e2;
	margin:0 0 10px 0;
	padding: 10px 2px 10px 5px;
}

.entry-header {
margin-bottom: 5px;
margin-bottom: 0.35714285714rem;
}

/*sidebar header text bottom margin*/




.textwidget a {
	padding-top:5px;
}

#get_recent_comments_wrap li{
	padding-bottom:15px;
	padding-bottom:1.07142857143rem;
	font-size:11.4px;
	font-size:0.81428571428rem;
}

#get_recent_comments_wrap li a{
	color:#0000ff;
}

.widget-area .widget {
margin-bottom: 25px;
margin-bottom: 1.78571428571rem;
}


.widget-area .widget h3 {
margin-bottom: 5px;
margin-bottom: 0.35714285714rem;
color: #000000;
}

#content h1{
font-size: 2em;
font-family: Tahoma, Arial, sans-serif;
font-weight:bold;
}

body.custom-font-enabled {
font-family: "Verdana", Arial, Helvetica, sans-serif;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 0px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

/*article heading*/

footer.entry-meta{
margin-bottom: 2px !important;
margin-top: 2px;
font-size: 0.8em;
color:#444;
line-height:2.18181818182rem;
}
	

footer.entry-meta a{
color: #0000ff;
text-decoration:none;
font-size:11px;
font-size: 0.78571428571rem;
}

/*comments*/

.comments-area article header {
margin: 0 0 5px;
margin: 0 0 0.35714285714rem;
}

.comments-area article header cite, .comments-area article header time {
display: block;
margin-left: 0px;
margin-left: 0rem;
}

.comments-area cite b {
font-weight: bold;
}

/*donate page styling*/

form .input,
form .input-error {
	border:1px solid #c5c5c5;
	font-size:14px;
	color:#666666;
	padding:5px 5px 5px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
form .input-error {
	border:1px solid #fc6d6d;
}
form#homeContact .input, 
form#homeContact .input-error {
	width:353px;
	margin:15px 0 0 0;
	
}

/*header*/

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;

}

.main-navigation ul.nav-menu a{
 color:#0000ff;
 text-transform: capitalize;
}

/*footer*/

.site-info a{
text-decoration:none;
}

/*Sidebar Popular Posts*/


#secondary li{
	font-size: 1em !important;
	padding:9px 0 9px 0;
	margin:0;
	line-height:1.446153846;
}

a{
color: #25383c;
text-decoration:none;
}

.popularsb li {
	list-style: none;
	padding:0;
	margin:0;
	border-bottom: 1px solid #ccc;
}

.popularsb li:last-child{
border-bottom: 0px;
}

.ad2{
	padding:0px;
	width: 340px;
	height:280px;
	float:none;
	margin: 0 auto;
}

/*make author name visible by adding the following*/

.single-author .entry-meta .by-author {
    display: inline;
}

.headeraddiv{
	float:right;
	margin: 0 0 5px 9px;
	
}

.topheaderad1{
	padding:0px;
	width: 340px;
	height:280px;
}

.responsivewrap{
	padding:10px 0 5px 0;
	float:right;
	margin: 0 0 0 45px;
}

.inarticlediv{
	margin-top:10px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.responsivediv{
   margin: 0 auto;
   padding:25px 0 25px 0;
   text-align:center;
}

.responsivediv2{
   margin: 0 auto;
   padding:25px 0 25px 0; 
   text-align:left;
}

.cdmheaderad{
	display:inline-block;
	width:970px;
	height:250px;	
	text-align:left;
}

.calmdownad{
	display:inline-block;
	width:336px;
	height:280px;
	text-align:center;
}


@media screen and (max-width: 980px){
	.cdmheaderad{
		width:728px;
		height:90px;
	}
	
	#primary{
		width:100%;
		float:none;
	}
	
	#secondary{
		width:100%;
		float:none;
	}
	
}


@media screen and (max-width: 800px){
	.responsivewrap{
		margin: 0 auto;
		padding:70px 0 70px 0;
		text-align:center;
		float:none;
	}	
}

@media screen and (max-width: 700px){
	.cdmheaderad{
		display:none;
		}
	.responsivediv2{
		padding:0;
		margin:0;
	}	
}


@media screen and (max-width: 600px) {
	
	
	
	.headeraddiv{
		float:none;
		margin: 0 auto;
	}
}

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

	.responsivediv{
		padding:0;
		margin:20px 0 20px 0;
		text-align:center;
		float:none;
	}
			
	body .site {
		padding: 0 4px;
	}

} 

@media screen and (max-width: 345px) {
	
	.calmdownad{
		width:300px;
		height:250px;
	}
	
	.topheaderad1{
		padding:0px;
		width: 200px;
		height:100px;
	}
	
	.ad2{
		padding:0px;
		width: 200px;
		height:100px;
		float:none;
		margin: 0 auto;
	}
}

