/*
Theme Name: smsrdthirteen
Theme URI: smsrd.com
Author: Dana Simonsen
Author URI: smsdesignlab.com
Description: Redesign of SMS site 2013
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive



General comments(optional).
*/

html {

}

body {
	background: url('images/bkg-texture-blue.png') repeat;
	width: 100%;
}

#wrapper {
	font-family: "Century Gothic", "Arial Black", Arial, sans-serif;
	width: 1000px;
	overflow: hidden;  /*auto; so white background extends behind all content */
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	/* padding: 1em; */
	
}

.bkg-for-emphasis {
	background: #a1bde3;
	padding: 1em;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/*----- buttons and forms---------*/

textarea {
	width: 75%;
	height: 100px;
}

input[type=submit] {
	color: #142c50;
	background: #ffaa00;
	padding: .5em;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
}

input[type=submit]:hover {
	color: #142c50;
	background:  #ffd073;
	padding: .5em;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
}

/*--------------HEADER----------------------*/

#menu {
	display: none;
}

header {
	width: 100%;
	text-align: right;
	
	
}

img#logo1 {
	margin-left: 25.6%;
	float: left;
	margin-top: 3em; /*  so logo 'sits' in the top  */
	
}

img#logo2 {
	display: none;
}

h1#adwords {
	color: #142c50; /*dark blue*/
	font-size: 2.9em;
	display: block;
	margin: 0;
	padding-right: 10px;
}
h2#SMS {
	color: #b5662a; /*orange rust */ 
	font-size: 1.45em;
	display: block;
	margin: 0;
	padding-right: 10px;

}

hr.heading {
	color: #142c50;  /*dark blue*/
	background-color: #142c50;
	height: 3px;
	width: 60%;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 10px;
	
}

h4#SMS-tagline {
	color: #cc9933; /*yellow mustard*/
	display: block;
	font-size: 1.25em;
	margin: 0;
	padding-right: 10px;
}


/*-----------------SIDEBAR-----------------*/

aside {
	width: 24%;
	float: left;
	text-align: right;
	margin: 0;
	padding-left: 0.5em;
}

nav {
	font-size: 1.3em;
}

ul#nav {
	display: block;
	list-style-type: none;
	}

ul#nav li a {
	color: #142c50; /*dark blue*/
	text-decoration: none;
}

ul#nav li a:hover {
	color: #b5662a;   /*orange rust */
	text-decoration: none;
}

ul#nav li.current a {
	color: #cc9933; /*yellow mustard*/
	text-decoration: none;
}

ul.social {
	list-style-type: none;
	
}

ul.social li {
	display: inline;
}

hr.nav-divider {
	color: #cc9933;  /*yellow mustard*/
	background-color: #cc9933;
	height: 12px;
	width: 100%;
	margin-right: 0;
		
}

hr.nav-divider2 {
	color: #b5662a;   /*orange rust */
	background-color: #b5662a;
	height: 12px;
	width: 100%;
	margin-right: 0;
		
}

.gcse-searchbox1 {
	text-align: center;
	margin-left: 0;
}

#button  {
	color: #142c50;
	background: #a1bde3;
	padding: .25em;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 2em;
	text-align: center;
}



/*-----------------MAIN----------------------*/



a, 
a:visited {
	color: #b5662a;  /*rust */
	text-decoration: none;
}

a:hover {
	color: #4167b1; 
}

#container{
	width: 74%;
	float: right;
	background: url('images/decision-boxes.png') repeat-y left top;
	font-family: Gadugi, verdana, sans-serif;
}


#logo-column {
	width: 15%;
	height: inherit;
	margin: 0;
	float: left;
	

}

#main-content {
	width: 83%;
	float: right;
	margin: 0 1em;
	
}

#main-content p {
	text-align: justify;
}

#main-content h1, h2, h3, h4, h5, h6 {
	color: #b5662a; /*orange rust */
}

h5 {
	text-align: center;
	font-size: 1.25em;
}


ul {
	list-style-type: square;
		
}

.gcse-searchbox2 {
	display: none;
}

/*-------------About Page----------->


#team-pics {
	/* width: 100%; */
}


ul#team {
	list-style-type: none;
	width: 100%;
	
}

ul#team li {
	list-style-type: none;
	float: left;
	width: 30%;
	padding-bottom: 1em;
	 opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	
}

ul#team li:hover {    /*http://www.vinhhungle.com/create-simple-css3-zoom-in-effect-on-mouse-hover/ */
	opacity: .7;
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
}


img.bio-menu {
	
	width: 7em;
	
}


img.bio-menu:hover {
	
	
}

h3#bob {
	clear: left;
}

hr#bob.nav-divider {
	 clear: left; 
	 
}

img.bio {
	float: left;
	margin: 1em;
	
}


a.right,
a.right:visited,
a.right:hover {
	text-decoration: none;
	text-align: right;
	display: block; 	
}

a.right,
a.right:visited {
	color: #b5662a; /*rust */
}

a.right:hover {
	color: #4167b1;
}

a.center {
	text-align: center;
	display: block;
}

/*-----------Contact Page-----------*/

p.center-box {
	background: #a1bde3;
	padding: 1em;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
}


#col1,
#col2,
#col3 {
	background: #a1bde3;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 1em;
	text-align: center;
	float: left;
	margin-right: 1em;
	width: 25%;
	margin-bottom: 2em;
}

.col-title {
	font-size: 1.5em;
	font-weight: bold;
	color: #142c50;
}

p#clear {
	clear: left;
}



/*-------------Newsletter Page-------->


img#safe-subscribe {
	margin-left: auto;
	margin-right: auto;
	
}

#constant-contact {
	font-size: 0.5em;
}

/*-------------Privacy Policy-------->
/* jquery tags for q & a  */

p.question {
	font-size: 1.25em;
	color: #142c50;
	/*font-weight: bold;*/
	cursor: pointer;
}

p.question:hover {
	color: #b5662a;
}

p.answer {
	height: 0;
	overflow: hidden;
	position: relative;
}


/*-------------FOOTER--------------*/

footer {
	width: 100%;
	font-size: .9em;
	background-color: #142c50;
	float: left;
	
}

footer p {
	text-align: center;
}

address {
	text-align: center;
}

#footer-info {
	width: 100%;
	color: white;
}

#footer-info a {
	color: #b5662a;
}



#footer-social {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}


#footer-googlecert {
	float: right;
	margin-top: 1em;
	margin-right: 1em;
	text-align: right;
}





/*-----------------RESPONSIVE----------*/

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

	#wrapper {
		width: 100%;
		font-size: 0.9em;

	}

	hr.heading {
		height: 2px;
		width: 80%;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
	
	}

	#menu {
		width: 1.4em;
		display: block;
		color: #b5662a;
		font-size: 1.35em;
		text-align: left;
		float: right;
		margin-right: 2em;
		
	}

	#nav.js {
		display: none;
	}

	body {
		width: 100%;
	}

	
	#button {
		padding: 0;
		font-size: 1.5em;
		width: 35%;
		margin-left; 0;
	}

	h1#adwords {
		font-size: 3em;
	}
	
	h2#SMS {
		font-size: 1.5em;
	}

	img#logo1,
	p#ifbyphone-nav {
		display: none;
	}

	img#logo2 {
		display: inline;
		float: left;
	
	}

	h4#SMS-tagline {
		font-size: 1em;
	}

	aside {
		width: 100%;
		text-align: left;

	}

	nav ul#nav {
		display: inline;
	}

	hr.nav-divider {
		display: none;
		
	}

	hr.nav-divider2 {
		display: none;
		
	}

	#container {
		width: 100%;
		background: url('images/transparent-decision-boxes.png') repeat-y left top;
				
	}

	#logo-column {
		width: 12%;
	
	}

	#main-content {
		width: 85%;
	}

	#main-content p {
		text-align: left;
	}

	.gcse-searchbox1 {
		display: none;
	}

	.gcse-searchbox2 {
		display: block;
		text-align: center;
	}

	#col1,
	#col2,
	#col3 {
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 1em;
		text-align: center;
		float: left;
		margin-right: 1em;
		width: auto;
		margin-bottom: 2em;
	}


}


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

	img#logo2 {
		width: 4em;
		margin-top: .5em;
	
	}

	body {
		margin: 0 .5em;
	}

	header {
		margin-right: 1em;
	}

	#button {
		
		width: 50%;
		
	}

	p#adwords {
		font-size: 1em;
	}

	h1#adwords {
		font-size: 1.7em;
	}
	
	h2#SMS {
		font-size: 1em;
	}

	p#SMS {
		font-size: .85em;
	}

	hr.heading {
		margin: 0;
		width: 100%;
	
	}

	p#SMS-tagline,
	img#logo1
	.gcse-searchbox1, {
		display: none;
	}

	
	#container {
		width: 100%;
		background: none;
		
	}

	h1, h2, h3, h4, h5, h6 {
		font-size: 1em;
		margin-left: 2em;
	}

	#logo-column {
		width: 0%;

	}

	#main-content {
		width: 100%;
		
	}

	#main-content p {
		text-align: left;
		margin-left: 2em;
	}

	ul {
		margin-left: .25em;
	}

	ul#team {
		margin-left: auto;
		margin-right: auto;
	
	}

	img.bio-menu {
		width: 5em;
	
	}

	ul#team li {
		font-size: 0.75em;
	}

	#col1,
	#col2 {
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: .5em;
		float: left;
		margin-left: 2em;
		width: auto;
		
	}

	#col3 {
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: .5em;
		clear: left;
		margin-left: 2em;
		
		width: auto;
	}
	
	form {
		margin-left: 2em;
	}
	
	address {
		padding-bottom: 0.5em;
	}
	
	#footer-social {
		width: 100%;
		padding-left: 1em;
	}


}