/*

MASTER SCREEN STYLES for RYDA by @rydesign
AUTHOR		Richard Young
VERSION 	3.2 
COPYRIGHT	All rights reserved
CREATED 	2011.10.16
MODIFIED	2011.10.27
CONTENTS
	
	0. RESET CSS
	1. TYPOGRAPHY & LINKS
	2. CONTAINERS: BRANDING/MASTHEAD/NAVIGATION
	3. CONTAINERS: MAIN BOODY ELEMENTS
	4. CONTAINERS: FOOTER ELEMENTS
	5. IMAGES
	6. MEDIA QUERIES
	7. CREDITS
		
---------------------------------------------

	0. RESET CSS
		
------------------------------------------ */
		
@import url(reset.css);
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body	{ -webkit-text-stroke: 1px transparent /* sub-pixel hack for Safari fat text */; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }


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

	1. TYPOGRAPHY & LINKS
		
------------------------------------------ */

@font-face {  font-family: 'DroidSerifRegular'; src: url('../fonts/droid-serif/DroidSerif-Regular-webfont.eot'); src: url('../fonts/droid-serif/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifItalic'; src: url('../fonts/droid-serif/DroidSerif-Italic-webfont.eot'); src: url('../fonts/droid-serif/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifBold'; src: url('../fonts/droid-serif/DroidSerif-Bold-webfont.eot'); src: url('../fonts/droid-serif/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-Bold-webfont.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');  font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifBoldItalic'; src: url('../fonts/droid-serif/DroidSerif-BoldItalic-webfont.eot'); src: url('../fonts/droid-serif/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSansRegular'; src: url('../fonts/droid-sans/DroidSans-webfont.eot'); src: url('../fonts/droid-sans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-sans/DroidSans-webfont.woff') format('woff'),  url('../fonts/droid-sans/DroidSans-webfont.ttf') format('truetype'),  url('../fonts/droid-sans/DroidSans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'DroidSansBold'; src: url('../fonts/DroidSans-Bold-webfont.eot');  src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; }

p  { color: #191919; font: 0.8125em/1.375em 'DroidSansRegular', "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom: 1.125em; }
h1 { background: url('../images/global/ryda-logo-header.png') no-repeat; color: #191919; font: normal normal 2.25em 'DroidSerifRegular', Georgia, "Times New Roman", Times, serif; height: 77px; margin: 40px 0 35px 10px; text-indent: -9999999px; width: 59px; }
h2 { color: #191919; font: normal normal 1.75em 'DroidSerifRegular', Georgia, "Times New Roman", Times, serif; margin-bottom: 0.8125em; }
h3 { color: #00a1e4; font: 12px/15px 'DroidSerifBold', Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; text-transform: uppercase; }
h4 { font: 0.6875em 'DroidSerifBold', Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; }
h5 {  }
h6 {  }

#available p { color: #fff; margin: 0 auto 12px; width: 90%; max-width: 480px; }
#available p:last-of-type {
	margin: 25px auto;
}
#available h1 { background: none; color: #fff; text-indent: 0; margin: 0 auto 15px; height: auto; width: 90%; max-width: 480px; }
#closed h1 { background: none; color: #191919; text-indent: 0; margin: 50px auto 15px; height: auto; width: 90%; max-width: 480px; }
header h2 { margin: 10px 10px 25px; }

p + h3 { margin-top: 30px; }
p.url { font: 13px 'DroidSerifRegular', Georgia, "Times New Roman", Times, serif; margin-bottom: 50px; }
p.client-legend { color: #787878; border-bottom: 1px solid #E7F5FC; margin-left: -20px; padding-left: 20px; padding-bottom: 9px; margin-bottom: 10px; }
.client-legend-bold { font: 11px 'DroidSerifBold', Georgia, "Times New Roman", Times, serif; padding-right: 3px; }
footer p { color: #787878; font-size: 11px; line-height: 18px; margin: 0; text-align: left; text-decoration: none; }

ul {  }
ul li { color: #191919; font: 0.8125em/1.375em 'DroidSansRegular', "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom: 18px; list-style: none; }

a, a:visited { color: #191919; text-decoration: none; border-bottom: 1px dotted #191919; padding-bottom: 2px; }
a:hover	{ color: #191919; text-decoration: none; border-bottom: 1px solid #191919; padding-bottom: 2px; }

#available a, #available a:visited { background: #fff; text-decoration: none;
	font-size: 1.2em;
	color: #67c11d; border-radius: 5px; 
	padding: 5px 7px 6px; border: none;
}

#available a:hover { background: #fff; text-decoration: none;
	color: #5aa919; border-radius: 5px; 
	padding: 5px 7px 6px;
	border: none;
}


p.url a, p.url a:visited { border-bottom: none; }
p.url a:hover { border-bottom: none; }

footer a, footer a:visited { color: #191919; text-decoration: none; border-bottom: none; }
footer a:hover { color: #191919; text-decoration: underline; border-bottom: none; }



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

	2. CONTAINERS: BRANDING/MASTHEAD/NAVIGATION
		
------------------------------------------ */


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

	3. CONTAINERS: MAIN BOODY ELEMENTS
		
------------------------------------------ */

#available {
	text-align: left; padding: 10px 0;
background-color: #67c11d; border-bottom: 3px solid #5aa919;
}

#closed { text-align: center; padding: 0 20px;
background-color: #67c11d; position: fixed;
	z-index: 100;
background-color: rgba(245, 245, 245, 0.95);
top: 0;
width: 100%;
height: 100%;
}


header { max-width: 960px; margin: 50px auto 0; width: 90%; }
#header-left-column, #header-right-column { float: left; margin: 0 10px 32px; width: 47.9166666667%; }

.client-work { border-top: 1px solid #E7F5FC; padding-top: 40px; margin: 0 auto 70px; max-width: 960px; width: 90%;  }

.client-work-left { display:inline;float:left;position:relative; padding-right: 70px; margin: 25px 10px 50px; width: 56.25%; }
.client-work-right { display:inline;float:left;position:relative;margin-left: 0px; margin-top: 23px; border-left: 1px solid #E7F5FC;  padding-left: 20px; width: 31.25%; }

.about-rich {  margin-left: auto; margin-right: auto; margin-bottom: 90px; border-top: 1px solid #E7F5FC; padding-top: 40px; max-width: 960px; width: 90%; }
.about-rich-left { width: 56.25%; display:inline;float:left;position:relative;margin-left: 10px;margin-right: 0.625em; margin-bottom: 5.625em; padding-right: 70px; }
.about-rich-right { width: 31.25%; display:inline;float:left;position:relative;margin-left: 0px; margin-top: 23px; border-left: 1px solid #E7F5FC;  padding-left: 20px; }


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

	4. CONTAINERS: FOOTER ELEMENTS
		
------------------------------------------ */

footer { background: #E7F5FC; padding: 1.875em 0 3.125em 0; }
#footer-wrapper { margin-left: auto; margin-right: auto; max-width: 960px; width: 90%; }
#footer-logo { background: url('../images/global/ryda-logo-footer.png') no-repeat; margin: 0 0 1.25em 0.625em; width: 74px; height: 71px; }
#footer-left-column { float: left; margin: 0 1.04166666667% 2.08333333333%; width: 31.25%; }
#footer-middle-column { float: left; margin: 0 1.04166666667% 2.08333333333%; width: 31.25%; }
#footer-right-column { float: left; margin: 0 1.04166666667% 2.08333333333%; width: 31.25%; }


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

	5. IMAGES / MEDIA
		
------------------------------------------ */

img, embed, object, video { max-width: 100%; }


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

	6. MEDIA QUERIES
		
------------------------------------------ */

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

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

@media screen and (max-width: 600px) {
#footer-left-column, #footer-middle-column, #footer-right-column { float: none; margin: 0 1.04166666667% 25px; padding-left: 10px; width: 90%;  }
h4 { margin-bottom: 10px; }
}

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

@media screen and (max-width: 1024px) {
#header-left-column, #header-right-column { width: 90%; }
#header-left-column { margin: 0 10px; }
#header-right-column { margin: 0 10px 32px; }
.client-work { margin: 0 auto; }
.client-work-left { padding-right: 0; margin: 10px 0 10px 10px; width: 90%; text-align: center;
}
.client-work-right { border-left: none; margin-bottom: 20px; width: 90%; padding-left: 10px; }
.about-rich {  margin-bottom: 60px; }
.about-rich-left { padding-right: 0; margin: 25px 10px 10px; width: 90%; }
.about-rich-right { border-left: none; width: 90%; padding: 0 0 20px 10px; margin: 0; }
.hide { display: none; }
p.url { margin-bottom: 25px; }
p.client-legend { color: #787878; border-bottom: 1px solid #E7F5FC; margin-left: -10px; padding-left: 10px; padding-bottom: 9px; margin-bottom: 10px; }
.client-legend-bold { font: 11px 'DroidSerifBold', Georgia, "Times New Roman", Times, serif; padding-right: 3px; }
ul li { list-style: circle; }
}

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

	7. CREDITS
		
------------------------------------------ */

/* 

Typefaces are Droid Serif (http://www.google.com/webfonts/specimen/Droid+Serif) and Droid Sans (http://www.google.com/webfonts/specimen/Droid+Sans)
@font-face typeface kit generated by Font Squirrel (http://www.fontsquirrel.com) on October 16, 2011 01:55:58 PM America/New_York 

*/