@charset "utf-8";
/*
Theme Name: ECGridOS SilverBlue
Theme URI: http://www.ecgridos.com/
Description: A shiny new theme developed for the ECGridOS landing page.
Author: Zuri Scrivens
Author URI: http://www.zadindesign.com
Version: 1.0
*/

@font-face {
	font-family: 'segoemedia';
	src: url(segoemedia.ttf);
}
/*@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       #id {css rule}
 }*/

Browser Reset
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {width:100%; margin:0pt; color:#595959; font-size:11px; font-family: "segoemedia", Verdana, Arial, Helvetica, sans-serif;}

img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);border:none;}

#body_copy a img{float:left;padding:0 15px 10px 0;}

#body_copy a{color:#2a7d78;font-weight:bold;}

#sitemap a{font-weight:normal;}

a{outline: none;-moz-outline-style: none;}

#wrap{# min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -135px;}

#main{/*height:800px;*/}

#header{width:100%;height:215px;background:url(images/nav_bg.png) repeat-x;/*position:absolute;*/margin-top:30px;}

#header_content{width:1004px;margin:0 auto;}

/* Everything but IE6-8 */
:root *> #logo{width:308px; height:96px; background:url(images/ecgridos_logo.png) no-repeat;text-indent:-9999px;float:left;margin-left:15px;}

#logo{width:308px; height:96px; background:url(images/ecgridos_logo.png) no-repeat;text-indent:-9999px;margin-left:15px;margin-top:-16px;position:absolute;z-index:50;}

/* Everything but IE6-8 */
:root *> #header_nav{width:696px;float:left;margin-top:15px;}

#header_nav{position:absolute;width:696px;margin:15px 0 0 308px;}

/* Everything but IE6-8 */
:root *> #header_bg{width:1004px;height:157px;background:url(images/header_bg.png) no-repeat;margin:56px auto 0;z-index:0;}

#header_bg{width:1004px;height:157px;background:url(images/header_bg.png) no-repeat;margin:0 auto;z-index:0;position:absolute;margin-top:57px;}

#header_copy{color:#FFF;width:450px;margin:20px 30px 0;float:left;}

h1, #body_copy h1 a{font-size:22px;font-weight:normal;}

h2{font-size:14px;font-weight:normal;}

#right_col h2{font-weight:bold;}

#overview{background:url(images/overview_btn.png) no-repeat;width:174px;height:39px;margin:10px auto;}

#overview a{}

#body_copy a:hover, #body_copy p a:hover{color:#a4a90e;}

#header_img{height:135px;margin:10px 0 0 75px;float:left;}

ul.nav
{margin:0px; padding:13px 5px;font-size:14px;float:right;}

ul.nav li
{display:inline; height:30px; float:left; list-style:none;padding: 0 20px;}

ul.nav li a{font-family:"segoemedia", Verdana, Arial, Helvetica, sans-serif;color:#4c4c4c;text-decoration:none;}

ul.nav li a:hover{color:#428c8c;cursor:pointer;}

ul.nav li.nav_active a{color:#428c8c;}

#main_body{width:1004px;margin:0 auto;}

#left_col{width:728px;float:left;margin:0 10px;}

#body_copy{font-size:14px;clear:both;padding-top:20px;margin-bottom:25px;}

:root *> #right_col{/*height:375px;*/}

#right_col{width:254px;float:left;/*height:515px;*/text-align:center;margin-top:15px;}

#right_col li{list-style-type:none;}

#right_col p{width:200px;margin:5px auto;}

#calls_to_action img, #social_media img{border:none;}

#calls_to_action{width:216px;margin:0 auto;}

/*#sidebar_links{background:url(images/recentposts_block.png) no-repeat;width:216px;height:171px;margin:0 auto;}
*/
#sidebar_links_hdr, #single_link_hdr, #archives_hdr, #categories_hdr{background:url(images/sidebar_block_hdr.jpg) no-repeat;width:207px;height:15px;margin:0 auto;padding:2px 0;}

#archives_content, #categories_content{margin-top:20px;}

#sidebar_links, #single_link, #archives,#categories{background:url(images/sidebar_block_bg.jpg) repeat-y;width:207px;height:100%;margin:0 auto;}

#single_link a{font-size:16px;text-decoration:none;color:#555;}

#sidebar_links_ftr, #single_link_ftr, #archives_ftr, #categories_ftr{background:url(images/sidebar_block_btm.jpg) no-repeat;width:207px;height:15px;margin:0 auto;}

.developers{background:url(images/developer_btn.png) no-repeat; width:216px; height:67px;text-indent:-9999px;display:block;}

.developers:hover{background:url(images/developer_over_btn.png) no-repeat; width:216px; height:67px;}

.api_docs{background:url(images/apidoc_btn.png) no-repeat; width:216px; height:67px;text-indent:-9999px;display:block;}

.api_docs:hover{background:url(images/apidoc_over_btn.png) no-repeat; width:216px; height:67px;}

.edi_song{background:url(images/edisong_btn.png) no-repeat; width:216px; height:67px;text-indent:-9999px;display:block;}

.edi_song:hover{background:url(images/edisong_over_btn.png) no-repeat; width:216px; height:67px;}

#categories_content li.categories>h2, #archives_content li.archives>h2{margin-top:0;}

#categories_content li{text-align:left;padding-left:0;margin-left:25px;}

#archives_content li{text-align:left;margin-left:25px;}

#categories_content li a, #archives_content li a{color:#555;text-decoration:none;}

#categories_content li a:hover, #archives_content li a:hover{color:#c29733;}

#sidebar_links>ul{padding:20px 0 0;margin:5px 0;}

#sidebar_links>ul li, #archives>ul li, #categories>ul li{padding:5px 20px 5px 25px;list-style-type:none;text-align:left;}

#sidebar_links>ul li a, #archives>ul li a, #categories>ul li a{text-decoration:none;color:#555;font-size:12px;}

#sidebar_links>ul li a:hover, #single_link a:hover, #archives>ul li a:hover, #categories>ul li a:hover{color:#777;}

#social_media{margin-top:10px;}

#social_media a:hover>img, #calls_to_action a:hover>img{cursor:pointer;}

#process{margin: 20px auto 0;width:688px;}

:root *> #white_block{padding:5px 25px 0 25px;}

#white_block{background:url(images/white_block.png) no-repeat;float:left;width:166px;height:151px;padding:15px 25px 0 25px;}

:root *> #white_block_alt{padding:0 35px;}

#white_block_alt{background:url(images/white_block_alt.png) no-repeat;float:left;width:182px;height:151px;padding:15px 35px 0 35px;}

h3{color:#2a7d78;font-size:16px;font-weight:bold;}

h4{color:#a4a90e;font-size:16px;font-weight:bold;}

h1, h2, h3, h4{margin-bottom:3px;}

h1.yellow{color:#a4a90e;text-align:center;font-size:32px;}

h1.grey{text-align:center;font-size:18px;width:550px;margin:0 auto;}

.postmetadata{margin-bottom:50px;}

/*#footer {position: relative;
	margin-top: -135px; 
	height: 135px;
	clear:both;background:url(images/footer_bg.png) repeat-x;
	text-align:center;color:#616161;font-family:Verdana, Geneva, sans-serif;font-size:10px;} */
	
.footer {height: 135px;}

.push {height: 155px;}
 
.footer{background:url(images/footer_bg.png) repeat-x;text-align:center;color:#616161;font-family:Verdana, Geneva, sans-serif;font-size:10px;}
	
#footer_nav a{color:#616161;text-decoration:none;}
	
#footer_nav a:hover{color:#428c8c;cursor:pointer;}

#footer_content{width:1004px;margin:0 auto;padding:25px 0 0;}

#footer_right{width:100%;text-align:right;height:25px;margin-top:-20px;}

#footer_right img{border:none;}

#footer_col_one, #footer_col_two, #footer_col_three{width:246px;float:left;}

ul.footer_list{list-style:none;line-height:18px;}

ul.footer_list li.white, ul.footer_list li.white a{color:#FFF;text-decoration:none;font-size:14px;}

 ul.footer_list li.yellow{color:#eec122;font-size:24px;}

 ul.footer_list li.white a:hover{color:#eec122;}

 ul.footer_list li.white img{border:none;padding-right:5px;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */