/*
Theme Name: AT
Theme URI: http://www.practicalstudent.com
Author: Eoin Mansfield
Author URI: http://www.practicalstudent.com
Description: Theme for AffirmativeTherapy.ie
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: Affirmative Therapy

*/

/* =Notes
--------------------------------------------------------------
320px
480px
600px
768px
900px
1200px

@media screen and (max-width: 900px) {
     item {
    		property:
  }
}
-------------------------------------------------------------- */

/* =Reset
-------------------------------------------------------------- */

/* Main CSS */

@charset "utf-8";

body {
	background-color:#ffffff;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

#page {
        width:100%;
        background-color:white;
        color:#1e2729;
        margin:auto;
}
#header{
		background-image: url(images/header_1200.gif)\9; /* IE 8 and below */
		color:#ffffff;
		padding:5%;
		padding-left:20%;
		background-repeat:no-repeat;
		background-size:100% 100%;
		text-shadow: 3px 3px 3px #769FAD;
}

#header h1{
        margin:0;
        font-weight:bold;
		text-align: center;
}

#menucontent{
	width:90%;
	text-align:center;
	margin:auto;
}

li {
	list-style-type:none;
}

div.nav {
        background-color:#769FAD;
        overflow:hidden;
		text-align:center;
		border-radius: 30px;
		border:thin #000 solid;
		width:100%;
		margin:5px;	
}
div.nav a {
        color:#FFFFFF;
        text-decoration:none;
		text-align:center;
        display:block;
		
        padding:1% 2% 1% 2%;
		
}
div.nav a:hover {
        background-color:#2B7B96;
}

div.nav h1 {
	font-size:100%;
}

#nav {
        background-color:#769FAD;
        overflow:hidden;
        padding:0 2% 0 2%;
}
#nav a {
        
        color:#FFFFFF;
        text-decoration:none;
        display:block;
        float:left;
        padding:1% 2% 1% 2%;
}
#nav a:hover {
        background-color:#2B7B96;
}

#main {
        overflow:hidden;
}

#content {        
        font-size:14px;
        padding:2%;
        line-height:27px;
}
#content h1{
        color:#756953;
        font-weight:normal;
        font-size:32px;
        margin-top:0;
}

#content a {
	color:#FF6600;
	text-decoration:none;
}

#sidebar a {
	color:#FFD689;
	font-weight:bold;
	text-decoration:none;
}

#sidebar a:hover {
color:#FFEDC1;
}

#footer{
        background-color:#BAE5F3;
        color:#405952;
        padding:20px;
		text-align:center;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		clear:both;
}

#footer a {
color:#A66B2E;
text-decoration:none;
font-weight:bold;
}

a[href^="tel:"]:before {
    content: "\260E";
    display: block;
    margin-right: 0.5em;
}

/* Up to 480px (low resolution phones) */ 
@media only screen and (max-width: 480px) {
        #header {background-image: url(images/header_480.gif)}
		#header h1 {font-size:100%;}
		#nav a {font-size:100%;}
		#sidebar {clear:both;}
}
 
/* 481px - 960px (smartphones and tablets) */
@media only screen and (min-width: 481px) and (max-width: 960px) {
        #header {background-image: url(images/header_900.gif)}
		#header h1 {font-size:200%;}
		#nav a {font-size:150%;}
		#content {width:74%; float:left;}
		#sidebar {width:15%; float:right;}
		
}
 
/* Desktop */
@media only screen and (min-width: 961px) {

		#header {background-image: url(images/header_1200.gif)}
		#header h1 {font-size:350%;}
		div.nav a {font-size:200%;}
		#content {width:74%; float:left;}
		#sidebar {width:15%; float:right;}
}

#sidebar {
		padding:3%;
        background-color:#5FC3D8;
        color:white;
        font-size:100%;
        line-height:21px;
        margin-top:45px; margin-bottom:45px;
		border-radius: 20px;
        
}
#sidebar h2 {
        margin-top:0;
        font-weight:normal;
        font-size:175%;
}

#sidebar h3 {
        margin-top:0;
        font-weight:normal;
        font-size:150%;
		text-align:left;
}

#footer{
        background-color:#BAE5F3;
        color:#405952;
        padding:20px;
		text-align:center;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
}

#menu-nav {
display: block;
list-style-type: none;
padding:0px;
margin:0px;
}

p.small {font-size:9px;}

/* CSS for Contact Us Form */

#ninja_forms_form_2
{border:#000000 thin solid;
padding:10px;
border-radius: 20px;
background-color:#FFCC00;
font-weight:bold;
width:65%;
}

#ninja_forms_field_1_label, #ninja_forms_field_2_label, #ninja_forms_field_3_label
{
width: 12em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
color:#CC0000;
}

#ninja_forms_field_3_label
{
color:#000000;
}

#ninja_forms_field_10, #ninja_forms_field_12, #ninja_forms_field_15, #ninja_forms_field_22
{width: 95%;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	clear:both;
	display:block;
}

/* CSS for Post Comments */

div.comment-author.vcard
{
border:#999999 thin solid;
padding-left:10px;
border-radius: 5px;
background-color:#E9E9E9;
font-weight:bold;
color:#CC0000;
position:relative;
left:-11px;
top:-1px;
width:100%;
}

div.comment-meta.commentmetadata
{
font-size:9px;
}

li.comment.even.thread-even, li.comment.odd.thread-odd, li.comment.even.thread-odd, li.comment.odd.thread-even
{
border-radius: 5px;
margin-bottom:5px;
border:#999999 thin solid;
padding-left:10px;
}

#content a.comment-reply-link {
color:#666666;
}

div.reply{
padding-bottom:10px;
}