/*

Theme Name: 	Gary

Theme URI: 		http://garywinters.com

*/



/*

===========================

CONTENTS:



01 Sensible defaults

02 Typography

03 Media queries 

===========================

*/



/* ---------------------------------------------------------------------------------------------------------- 

01 Sensible defaults ----------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------- */



@import "css/reset.css";



div,

article,

section,

header,

footer,

nav,

li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }

::-moz-selection 	{ background:#ff0; color:#333; }

::selection 		{ background:#ff0; color:#333; }



/* ---------------------------------------------------------------------------------------------------------- 

02 Typography -----------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------- */

/*



14 / 16	= 		0.875em 		(14px equivalent)

16 / 16	= 		1em 			(16px equivalent)

18 / 16 = 		1.125em 		(18px equivalent)

21 / 16 = 		1.3125em 		(21px equivalent)

24 / 16 = 		1.5em 			(24px equivalent)

30 / 16 = 		1.875em 		(30px equivalent)



*/

body{

text-align:center;	

	background-image: linear-gradient(bottom, rgb(255,255,255) 3%, rgb(138,138,123) 81%);

background-image: -o-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(138,138,123) 81%);

background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(138,138,123) 81%);

background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(138,138,123) 81%);

background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(138,138,123) 81%);



background-image: -webkit-gradient(

	linear,

	left bottom,

	left top,

	color-stop(0.03, rgb(255,255,255)),

	color-stop(0.81, rgb(138,138,123))

);

width:100%;

height:100%;

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8a8a7b,endColorstr=#ffffffff,GradientType=0)";

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8a8a7b,endColorstr=#ffffffff,GradientType=0);

}



body,

input,

textarea 			{ font-family:Verdana, Geneva, sans-serif; font-size:12px;color:#333;line-height:1.6em;}



h1, 

h2, 

h3, 

h4, 

h5, 

h6 					{ color:#006600; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em;margin-bottom:10px;}



a:link, a:visited {

	color:#83101D;

	

}

a:hover, a:focus {

	color:#C00;

}

#copy a:link, a:visited {

	font-weight:700;	

}

p {

	margin-bottom:15px;	

}



/* ---------------------------------------------------------------------------------------------------------- 

03 Media queries (using a mobile-first approach) ------------------------------------------------------------

---------------------------------------------------------------------------------------------------------- */



/* 400 and up */

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



#container {

	margin:0px auto 20px auto;

	width:980px;

	background-color:#fff;

}



blockquote {

	background-color:#EEEEE9;

	color:#006600; 

	font-family:Georgia, "Times New Roman", Times, serif; 

	line-height:1.4em;

	font-size:1.7em;

	font-weight:bold;

	width:250px;

	float:right;

	padding:20px 20px 20px 20px;

	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);

	margin-left:20px;

	background-image:url(https://www.garywinters.com/wp-content/themes/gary/gary/startquote.png);

	background-repeat:no-repeat;

	background-position: center;

	border-radius:18px;

	-moz-border-radius:18px;

	-webkit-border-radius:18px;

}

#topbanner {



background-image: linear-gradient(right , rgb(255,255,255) 45%, rgb(221,221,221) 81%);

background-image: -o-linear-gradient(right , rgb(255,255,255) 45%, rgb(221,221,221) 81%);

background-image: -moz-linear-gradient(right , rgb(255,255,255) 45%, rgb(221,221,221) 81%);

background-image: -webkit-linear-gradient(right , rgb(255,255,255) 45%, rgb(221,221,221) 81%);

background-image: -ms-linear-gradient(right , rgb(255,255,255) 45%, rgb(221,221,221) 81%);



background-image: -webkit-gradient(

	linear,

	right bottom,

	left bottom,

	color-stop(0.45, rgb(255,255,255)),

	color-stop(0.81, rgb(221,221,221))

);



width:980px;

height:169px;



-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdddddd,endColorstr=#ffffffff,GradientType=1)";

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdddddd,endColorstr=#ffffffff,GradientType=1);

 border-top:10px solid #00400D;

 margin:0px auto;

}

div#forie {

	display:none;	

}

#logo form {

	padding-right:10px;	

}



#logo {

	position:relative;

	width:420px;

	float:right;	

	padding:15px 0px 0px 0px;

	margin-right:0px;

	text-align:center;

}

#logolink {

	width:320px;

	display:block;

	height:85px;

	position:absolute;

	top:70px;

	right:15px;

	z-index:100;

}

#startlogo {



	padding:5px 0px 0px 0px;

}



/*SOCIAL MEDIA ICONS */

#logo ul.sm {

	margin:0px 60px 10px 0px;



}

ul.sm li{ 

	float:right;

	width:35px;

	height:35px;

	list-style:none;

	margin-left:10px;

	

}



li#email{

	width:35px; height:35px; background-position:-10px -10px;

}

li#fb{

	width:35px; height:35px; background-position:-10px -145px;

}

li#twitter{

	width:35px; height:35px; background-position:-10px -100px;

}

li#rss{

	width:35px; height:35px; background-position:-10px -55px;

}

li#rfp{

	width:130px; height:35px; background-position:-10px -10px;

}





li#email:hover{

	background-position:-55px -10px;

}

li#fb:hover{

	background-position:-55px -145px;

	

}

li#twitter:hover{

	background-position:-55px -100px;

}

li#rss:hover{	

	background-position:-55px -55px;

}



li#rfp:hover{	

	background-position:-10px -55px;

}







ul.sm li a {

	width:35px;

	display:block;

	padding-top:35px;	

}

ul.sm li#rfp a:link, ul.sm li#rfp a:visited {

	width:130px;

	padding-top:6px;

	padding-bottom:15px;

	text-decoration:none;

	color:#333;

	

		

}

ul.sm li#rfp a:hover, ul.sm li#rfp a:focus {

	color:#fff;

}



#logo form {

margin-right:25px;

}

#title {

width:400px;

height:169px;

padding-left:150px;

text-align:left;

float:left;

position:relative;

}

#homelink {

	width:500px;

	display:block;

	height:169px;

	position:absolute;

	top:0px;

	left:0px;

	z-index:200;

}

#title p {

	padding-top:20px;

	color:#999;

	font-style:italic;

	font-size:1.2em;

}

#title h1 {



	font-size:4.5em;

	font-weight:100;

	color:#006600;

	margin-bottom:0px;

}

#title h2 {

	color:#999;

	font-weight:200;

	font-size:2.5em;

}

#nav {

	background-color:#00400D;

		padding:10px 0px;

		font-size:1em;

		

		width:100%;

		position:relative;

		z-index:1000;

}



#nav ul#main.menu:after {

		content: ""; clear: both; display: block;

		

	}

#nav ul#main.menu li ul.sub-menu {

	display:none;

}

#nav ul#main.menu li:hover > ul.sub-menu {

	display:block;

}

#nav ul#main.menu{

background: #006600; 

	background: linear-gradient(top, #006600 0%, #004020 100%);  

	background: -moz-linear-gradient(top, #006600 0%, #004020 100%); 

	background: -webkit-linear-gradient(top, #006600 0%,#004020 100%); 

	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);

	padding: 0 20px;

	border-radius: 10px;  

	list-style: none;

	position: relative;

	display: inline-table;

	

}



#nav ul#main.menu li {

	

	float:left;

	

}

#nav ul#main.menu li:hover  {

	background: #F0CB1F;

	background: linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -moz-linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -webkit-linear-gradient(top, #FFF674 0%,#F0CB1F 50%);

	

}

#nav ul#main.menu li:hover a {

	color:#00400D;

}

#nav ul#main.menu li a{

	display: block; padding: 5px 20px;

	color: #FFF; text-decoration: none;

	}

#nav ul#main.menu li ul.sub-menu {

	background: #C59E21; 

	border-radius: 0px; padding: 0;

	position: absolute; 

	top: 100%;

	

}	

#nav ul#main.menu li ul.sub-menu li ul.sub-menu {

	left:20px;

}

#nav ul#main.menu li ul.sub-menu li {

	float: none; 

	border-top: 1px solid #6b727c;

	border-bottom: 1px solid #575f6a; 

	position: relative;

	width:200px;

	

}

#nav ul#main.menu li ul.sub-menu li.services {

	width:275px;

}

#nav ul#main.menu li ul.sub-menu li.blog{

	width:175px;

}

#nav ul#main.menu li ul.sub-menu li.clients {

	width:100px;

}

#nav ul#main.menu li ul.sub-menu li.books{

	width:230px;

}



#nav ul#main.menu li ul.sub-menu li a {

	padding: 5px 0px;

	color: #fff;}



#nav ul#main.menu li ul.sub-menu li a:hover {

	background: #F0CB1F;

	background: linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -moz-linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -webkit-linear-gradient(top, #FFF674 0%,#F0CB1F 50%);

		color:#00400D;

}

#nav ul#main.menu li:hover > ul.sub-menu {

		display: block;

		

	}

#sidebar {

	width:200px;

	float:left;

	padding-top:20px;

	

}

#sidebar a:link, #sidebar a:visited{

	color:#00400D;

	font-weight:500;

	text-decoration:none;

}

#sidebar a:hover, #sidebar a:focus{

	color:#C00;

	text-decoration:underline;

}

div.usnews {
text-align:center;
padding:20px;
border:3px solid #ccc;
font-size:20px;	
line-height:150%;
width:65%;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
margin:20px auto;
background-color:#006600; 
}
div.usnews a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff; 
	font-style:italic;
	text-shadow: 2px 2px rgba(181,181,181,.50)
}
div.usnews:hover {
	background-color:#C99D24;
}
/* SEARCH FORM */

form#searchform label.screen-reader-text {

	display:none;

}



form#searchform input#s {

	width:100px;	

}

form#searchform {

	margin-bottom:20px;	

}

form#searchform input#searchsubmit, a:link.more, a:visited.more, #submit, div#nextprev a:link, div#nextprev a:visited {

	background: #006600; 
	background: linear-gradient(top, #006600 0%, #004020 100%);  

	background: -moz-linear-gradient(top, #006600 0%, #004020 100%); 

	background: -webkit-linear-gradient(top, #006600 0%,#004020 100%); 

	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);

		padding:3px 10px;

	color:#fff;

	font-size:.9em;

	font-weight:100;

	border-radius:18px;

	-moz-border-radius:18px;

	-webkit-border-radius:18px;

	border:1px solid #ccc;	

	text-decoration:none;

}

form#searchform input#searchsubmit:hover, a:hover.more, a:focus.more, div#nextprev a:hover, div#nextprev a:focus{

	background: #F0CB1F;

	background: linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -moz-linear-gradient(top, #FFF674 0%, #F0CB1F 50%);

		background: -webkit-linear-gradient(top, #FFF674 0%,#F0CB1F 50%);

		color:#000;

}

#sidebar p {

	padding:0px 10px;	

}



#sidebar h3 {

	font-size:1.4em;

	margin-bottom:5px;

	

}

#sidebar p#email {

	padding:0px;

	

}



#copy {

 width:700px;

 float:right;

 text-align:left;	

 padding:20px 30px 0px 0px;

}

ul.widgetstyle h2 {

	padding:20px 0px 3px 0px;

	margin:5px auto;

	font-size:1.5em;

	color:#006600;

	border-bottom:1px solid #ccc;

	width:85%;

	

}

ul.widgetstyle {

	margin-bottom:40px;

}

#copy h1 {

	font-size:2.3em;

}

div#copy h2 {

	font-size:1.8em;

}



div#copy h1 a:link, div#copy h1 a:visited {

	color:#00400D;

	text-decoration:none;

}

div#copy h1 a:hover, div#copy h1 a:focus{

	color:#C00;

	text-decoration:underline;

}



#copy .alignright {

	float:right;	

}

div#copy ul {

	list-style-type: disc;

	margin-left:30px;

}

div#copy ul li{

	list-style-type: disc;

	padding-bottom:10px;

}

div#copy ol {

	margin:0px 0px 10px 30px;	

}

div#copy ol, div#copy ol li{

	list-style-type:decimal;

	margin:0px 0px 10px 30px;

}

div#copy h2 {

	

}

div#copy div#books {

	text-align:center;	

}

div#copy div#books p {

	font-size:1.3em;

	color:#006600;

	font-style:italic;

	padding:10px 0px;

	font-weight:700;

}

div#copy div#books img{

	display:inline;

	padding-right:10px;

}

footer {

	margin-bottom:20px;	

}

img.alignleft, div.alignleft {

float:left;

padding-right:40px;

padding-bottom:20px;

}

img.alignright, div.alignright {

float:right;

padding:0px 0px 10px 15px;

}

img.aligncenter, div.aligncenter {

text-align:center;

margin:0px auto;

}



div.events {

	margin-bottom:20px;	

	border-bottom:1px solid #999;

	padding-bottom:10px;

}

p.comment-form-comment label, h3#reply-title {

	display:block;	

	color:#006600; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em;margin-bottom:10px;

	font-size:1.3em;

}

p.form-allowed-tags {

	font-style:italic;

	font-size:.8em;

	

}

/* For START page */

div.module {

	padding-left:150px;

	background-repeat:no-repeat;

	min-height:130px;

}

div.module h2 {

	padding-top:20px;	

}



/* Next and Previous Buttons for Blog Posts */





div#nextprev {

	padding-bottom:20px;	

}



div#nextprev span{

	margin-right:50px;

}







}



/* Retina Display */

@media screen and (-webkit-min-device-pixel-ratio:2) {



					{ /* Place your styles here for all 'Retina' screens */ }



}