* {
	padding: 0;
	margin: 0;
}
:focus {
	outline: 0;
}
html, body {
	height: 100%;
	width: 100%;
	font-size:100%;
	min-height:100%;
}
body {
   font: 100%/1.5 "HelveticaNeue", "Helvetica", "Arial", sans-serif;
   background-color: #4167AD;
   color: #161241;
}
img, img a {
	border: none;
}
a {
  color: #467CC5;
  background: url("../gi-images/link_underline_body.gif") 0 bottom repeat-x;
  text-decoration: none;
}
a:hover {
  color: #fff;
  background-color: #467CC5;
  text-decoration: none;
}

a.more { float: right; background-color: #f99626; color: #fff; padding: 8px; }
a.more:hover { background-color:#437ac7 }

h1, h2, h3, h4, legend, dl.common dt, input, textarea, #tab-holder dl dt{
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  color: #444;
  text-rendering: optimizeLegibility;
  
}
h2 {
  font-size: 1.3em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 138%;
  line-height: 2.8em;
}
img, object, embed {
	max-width: 100%;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #E06400;
  cursor: help;
}

#header {
    width: 100%;
	margin: 0 auto;
	text-align: left;
	max-width: 51.25em;
	height: auto;

}
/*
#header div#logo {
	background: transparent url("../gi-images/gilogo.png") 0 0 no-repeat;
	height: 116px;
	width: 102px;
	margin-left: 10px;
	float: left;
}
*/
#header #logo {
    min-width: 66px;
	max-width: 14%;
	margin-top: 10px;
	margin-left: 0.7em;
	margin-right: 0.6em;
	float: left;
}

#header img {
	max-width: 100%;
}

#header h1 {
	font-size: 4em;
	margin-top: 10px;
	float: left;
}

#header h1 a {
	background: none;
	color: #fff;
}


blockquote {
	padding: 0;
	background: none;
	text-align: center;
	padding: 1.2em 45px 0.6em 45px;
	font-size: 1.2em;
}
blockquote quote {
	color: #ccc;
}
blockquote p {
	font-family: 'Sentinel SSm A', 'Sentinel SSm B';
	line-height: 1.8;
	font-style: italic;
	color: #464646;
}

ol {
	list-style: decimal inside;
}
ol li{
	margin-left: 4px;
	font-size: 110%;
	line-height: 1.4em;
}

ul li {
   list-style: none;
}

dl.common {
	margin-top: 12px;
	font-size: 1.2em;
}
dl.common dt {
	font-weight: bold;
	line-height: 2em;
}
dl.common dd {
	padding-left: 1.4em;
}

#main-content p.media{
	text-align: center;
}

input.checkbox {
	border: none;
	background-color: transparent;
	background-image: none;
}

#wrap {
    width: 100%;
	margin: 0 auto;
	text-align: left;
	max-width: 51.25em;
	height: auto;
}

#container {
	background: #fff url("../gi-images/header.png") 0 0 repeat-x;
	float: left;
	width: 100%;
	height: auto; 
	text-align: justify;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------- main content page ------- */

#main-content {
 	position: relative;
	float: left;
 	padding: 20px 20px 0 20px;
	min-height: 405px;
	height: auto;
}
#main-content h2 {
  margin: 0.4em 0 0.6em;
  letter-spacing: -1px;
  font-size: 1.8em;
  font-weight: bold;
}
#main-content h2 a {
  padding-bottom: 0.12em;
  border-bottom: none;
  background-image: none;
}
#main-content h2 a:hover {
  text-decoration: none;
}

#main-content h3 {
  margin: 1em 0 0.5em;
  font-weight: bold;
  color: #465768;
}  
  
#main-content p {
  margin: 0 0 1em;
  text-align: justify;
  line-height: 1.5em;
  font-size: 1.12em;
}

#main-content p a {
	padding-bottom: 3px;
}

#main-content p strong {
	color: #444;
}

#main-content p a:hover {
	background-color: #467CC5;
}


#noCss {
	display: none;
}

#footer {
	clear: both; 
	background: transparent url(../gi-images/footer.png) 0 0 repeat-x;
	float: right; 
	width: 100%;
	height: auto;
	border-bottom: 4px solid #345f9d;
}

#footer h3 {
	margin: 0;
}
#footer a {
	color: #fff;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline;
}
#footer-content {
	float: right;
	width: 100%; 
	margin-top: -40px;
	padding: 0 20px 20px 0;
}
#footer-content-base {
	text-align: center;
	margin: 4px 0 8px 0;
	color: #fff;
}
/** Tab navigation **/
#tabs {
 position: relative;
 margin-top: -2.6em;
 float: left;
 width: auto;
 z-index: 9997;
 clear: none;
 display: none;
}
.tabs {
 float:left;
 font-size:90%;
 line-height:normal;
}
.tabs ul {
 margin:0;
 padding:10px 10px 0;
 padding-left: 0;
 padding-top: 0;
 list-style:none;
}
.tabs li {
 float:left;
 background:url("../gi-images/nav/tabs/left_both.png") no-repeat left top;
 margin:0;
 font-size: 1.3em;
 padding:0 0 0 9px;
}
.tabs a {
 position: relative;
 float:left;
 display:block;
 width:.1em;
 background:url("../gi-images/nav/tabs/right_both.png") no-repeat right top;
 padding:0.4em 1.4em 0.4em 0.6em;
 font-weight: bold;
 text-decoration:none;
 border: none;
 color:#467CC5;
 z-index: 9999;
}
.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover {
 color:#272828;
 border: none;
}
#home #tab-t1, #t2 #tab-t2, #t3 #tab-t3, #t4 #tab-t4, #t5 #tab-t5 {
 background-position:0 -150px;
 border-width:0;
}
#home #tab-t1 a, #t2 #tab-t2 a, #t3 #tab-t3 a, #t4 #tab-t4 a, #t5 #tab-t5 a {
 background-position:100% -150px;
 padding-bottom:3px;
 color:#272828;
}
.tabs li:hover, .tabs li:hover a {
 background-position:0% -150px;
 border: none;
 color:#272828;
}
.tabs li:hover a {
 background-position:100% -150px;
}

div#tab-holder div {
  float:left;
  margin: 20px 0 0 10px;
}

#tab-holder p {
  margin: 0 0 0.8em;
  text-align: justify;
  line-height: 1.3em;
  font-size: 1.0em;
}
/*
#tabs div.search {
	float: left;
	clear: both;
	width: auto;
}
*/
li.on {
  background-position: 0 -150px !important;
  border-width: 0 !important;
  outline: none;
}

a.here {  
  background-position: 100% -150px !important;
  padding-bottom: 0.6em !important;
  color: #272828;
  outline: none;
}

.hide {
  display: none;
}

.hr {
 margin-bottom: 8px;
 background: transparent url("../gi-images/hr-grey.png") center bottom no-repeat;
 height: 4em;
}
@media screen and (max-width: 47.5em){
	.hr {
    	height: 2em;
    }
}


.hr hr {
 visibility: hidden;
}

.entry {
   margin-left: -12px;
   padding: 10px 10px 10px 14px;
}

.entry ul.article {
	margin:0 0 20px 0;
}
.entry ul.article li{
	font-size: 110%;
	line-height: 1.8em;
	padding-left: 1.4em;
	background: transparent url(../gi-images/icons/16/bullet.png) 0 8px no-repeat;
}

.contextMenu {
	position: absolute;
	z-index: 200;
}

a.context-menu {
  	margin: 0 0 0.8em;
  	text-align: justify;
  	line-height: 1.5em;
  	font-size: 1.16em;
  	position:absolute;
	display: block;
	background: transparent url("../gi-images/icons/interactive.png") 7.82em 2px no-repeat;
	width: 9.4em;
	height: 21px;
	margin-top: 1px;
	margin-left: 1px;
	border: none;
	text-indent: .2em;
	z-index: 9999;
}

a:hover.context-menu, a.menu-active {
	position:absolute;
	background-color: #fff;
	border: 1px solid #7f9db9;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 9999;
	color: #467CC5;
}

ul.context {
	height: auto;
	margin: 0 0 0 60px;
}

ul.context ul.article-menu {
	margin-left: 10.6em;
}

ul.article-menu {
	display: none;
}

ul.article-menu {
  	position:absolute;
	border: 1px solid #7f9db9;
	border-left: none;
	background: #fff url("../gi-images/context/context-head.png") 0 0 repeat-x;	
	z-index: 9999;
}

ul.article-menu li{
	list-style: none;
	border-bottom: 1px solid #c5d2df;
	border-right: 1px solid #c5d2df;
	background-image: none;
	padding-left: 0;
}

ul.article-menu li a {
	border: none;
	border-left: 1px solid #7f9db9;
	display: block;
	font-size: 106%;
	padding: 4px 4px 4px 21px;
}

ul.article-menu li:hover { background: transparent url("../gi-images/context/context-bg.png") 0 0 repeat-x; }

ul.article-menu li a.delicious { background: transparent url("../gi-images/icons/delicious.png") 3px 2px no-repeat; border-left: 1px solid #fff;}
ul.article-menu li a.digg { background: transparent url("../gi-images/icons/digg.png") 3px 2px no-repeat; }
ul.article-menu li a.newsvine { background: transparent url("../gi-images/icons/newsvine.png") 3px 2px no-repeat; }
ul.article-menu li a.yahoo { background: transparent url("../gi-images/icons/yahoomyweb.png") 3px 2px no-repeat; }
ul.article-menu li last { background: transparent url("../gi-images/context/context-foot.png") 0 0 repeat-x; }

ul.article-menu li a:hover {
	color: #000;
	border: none;
	border-left: 1px solid #7f9db9;
}

ul.article-menu li a.delicious {
	border-left: 1px solid #fff;
}

#contextMenuMask{
	position: absolute;
	display:none;
	width:100%;
	height:50%;
	margin-top: -50px;
	margin-left: -50px;
	background-color: transparent;
	z-index: 8000;
}

#contextMenuMask.on{
	display: inline;
}

#tab-holder dl {
	margin-bottom: 3em;
}

.search, .flickr, .recent-posts {display: none;}

dl.search dt {
}

p#search-options {
	color: #fff;
}

body#search-results #article-first dl.search {
	margin-left: 190px;
	margin-top: -64px;
}
body#search-results #article-first dl.search dt {
	display: none;
}
body#search-results #article-first dl.search dd form#search-form p#search-options {
	visibility: hidden;
}

dl.search dd form label {
	display: none;
}

dl.search dd form input#search {
	height: 70%;
}

dl.search dd form input#search:focus {
	background: transparent url(../gi-images/forms/text-bg-active.png) 0 0 no-repeat;
	border: 1px solid #E06400;
	border-top: none;
	border-left: none;
}

dl.search dd form input.button{
	height: 1.5em;
	width: 3em;
	font-size: 1.6em;
	background-image: none;
	text-align: right;
	vertical-align: center;
	padding-right: 4px;
	color: #467CC5;
   background: #fff url("../gi-images/forms/play.png") left top no-repeat;
	cursor: pointer;
	border: 1px solid #E0E7F0;
}
dl.search dd form input.button:hover {
  	background-color: #467CC5;
	color: #fff;
	background: #467CC5 url("../gi-images/forms/play.png") left -38px no-repeat;
}

dl.recent-posts dt, 
dl#archiveMonthly dt, 
dl#categories dt, 
dl.noteworthy dt{
	padding-top: 8px;
	font-size: 1.6em;
	font-weight: bold;
	color: #444;
}

dl.recent-posts dd, dl#archiveMonthly dd, dl#categories dd, dl.noteworthy dd{
 margin-top: 4px;
 display: block;
 font: normal 0.9em/160% Arial, Helvetica, "Lucida Grande";
}

dl.recent-posts dt {
	width: 245px;
	height: 59px;
	text-indent: -9999px;
    background: transparent url("../gi-images/side-heading/recent-posts.png") 0 0 no-repeat;
}
dl.noteworthy, dl.related {
	width: 295px;
}
dl.noteworthy a {
	visibility: hidden;
}
dl.noteworthy dt {
	width: 245px;
	height: 59px;
	text-indent: -9999px;
   background: transparent url("../gi-images/side-heading/side-notes.png") 0 0 no-repeat;
}
dl.noteworthy dd {
	margin: 4px 0 0 0;
	padding: 3px;
	font-size: 100%;
}
dl.noteworthy dd.odd {
	background-color: #F4F8FA;
}
dl.noteworthy dd a {
	visibility: visible;
	font-weight: bold;
	line-height: 1.8em;
}

dl.related dt {
	width: 245px;
	height: 59px;
	text-indent: -9999px;
   background: transparent url("../gi-images/side-heading/related.png") 0 0 no-repeat;
}
dl#archiveMonthly dt {
	width: 245px;
	height: 59px;
	text-indent: 64px;
	line-height: 2.2em;
   background: transparent url("../gi-images/side-heading/archive.png") 0 0 no-repeat;
}

dl#categories dt {
	width: 245px;
	height: 59px;
	text-indent: 64px;
	line-height: 2.2em;
	vertical-align: text-bottom;
   background: transparent url("../gi-images/side-heading/categories.png") 0 0 no-repeat;
}

dl.recent-posts dd a, 
dl#archiveMonthly dd a, 
dl#categories dd a{
	display: block;
	width: 262px;
	font-weight: bold;
	text-align: left;
 	letter-spacing: 0.02em;
	color: #E06300;
	line-height: 1.5em;
	border: none;
	text-decoration: none;
	font-weight: bold;
	background: url("../gi-images/link_underline.gif") 0 bottom repeat-x;
	padding-bottom: 1px;
}

dl.recent-posts dd a:hover, 
dl#archiveMonthly dd a:hover, 
dl#categories dd a:hover {
	color: #305DAC;
}

dl#categories dd.active, dl#archiveMonthly dd.active {
	height: 28px;
	margin: 5px 0 0 0;
}

dl#categories dd.active a, dl#archiveMonthly dd.active a{
   position: relative;
	margin: 0;
	width: 292px;
	z-index: 100;
	top: -4px;
	left: -19px;
	padding-top: 0px;
	line-height: 2.6em;
	font-size: 120%;
	text-indent: 18px;
	background: transparent url("../gi-images/nav/active-link.png") 0 0 no-repeat;
}

div dl.flickr {
	display: none;
}

div dl.flickr dt {
	background: url("../gi-images/side-heading/flickr-head.png") 0 0 no-repeat;
	height: 30px;
	text-indent: -9999px;
}

div dl.flickr dd a{
	float: left;
	padding: 0;
	margin: 0 0 8px 8px;
	border: 3px solid transparent;
}

div dl.flickr dd a img, div dl.flickr dd a:hover img {
	padding: 0;
	display: block;
}

div dl.flickr dd a:hover {
	border: 3px solid #E06400;
}

input, textarea {
	border: 1px solid #bacbe3;
	border-top: none;
	border-left: none;
	text-indent: 3px;
	margin: 3px 0 0 0;
	font-size: 1.8em;
  background: transparent url(../gi-images/forms/text-bg.png) 0 0 no-repeat;
}


input#search {
    width: 10em;
}

input:focus {
	border: 1px solid #E06400;
}

/* ARTICLE */

  #article-first {
    margin: 10px 0 0 -0;
  }
  
  body#index .article {
    margin-bottom: 12px;
	 font-size: 98%;
  }
  
  body#date-based-archive #article-first {
	background-image: none;
  }
  
  body#individual-archive #article-first h2 {
	line-height: 1.3em !important;
	display: block;
  }
  
  body#date-based-archive dl.article-tray,
  body#category-archive dl.article-tray {
  	display: none;
  }
  
  body#individual-archive #article-first .entry-content {
  	min-width: 320px;
  }
  
  .article h3, .search-results-container h3 {
	font-size: 1.8em;
  }
  .search-results-container h3{
  	padding-top: 2px;
	line-height: 1.2em;
  }
  body#index .article h3 {
  	padding-top: 12px;
  	line-height: 1.2em;
  } 
  h3 a {
  	background-image: none;
  }
  
 /** Article tray **/

dl.article-tray, dl.archive-nav {
	display: block;
	overflow: hidden;
}
.article dl.article-tray {
  width: 100%;
  background: transparent url("../gi-images/article-tray.png") 0 bottom no-repeat;	
  padding: 0 8px 10px 8px;
  display: none;
}
dl.article-tray dt {
	font-weight: bold;
}

body#individual-archive dl.article-tray {
  background-image: none;
  /*width: auto;*/
}	

#article-first dl.article-tray, dl.archive-nav {
  /*width: 484px;*/
  background: transparent url("../gi-images/first-article-footer.png") 0 bottom no-repeat;
  margin-left: -8px;
  padding: 0 0 10px 8px;
  display: none;
}

dl.article-tray dt.console {
	display: block;
	width: 475px;
	overflow: hidden;
	padding-bottom: 14px;
	min-height: 25px;
}
#article-first dl.article-tray dt.console{
	background: transparent url("../gi-images/nav/console.png") 0 0px no-repeat;
}
.article dl.article-tray dt.console {
   margin-left: -8px;
	background: transparent url("../gi-images/nav/console-sml.png") 0 0px no-repeat;
}

dl.article-tray dt, dl.article-tray dd { 
	display: inline;
}

dl.article-tray dt.console ul.context { float: left; margin-left: 3px; margin-top: 1px;}
dl.article-tray dt.console a.comment { float: left; margin-left: 175px; }

dl.article-tray dt.console a.continue, 
dl.article-tray dt.console a.back { float: right; margin-right: 4px; }

.article dl.article-tray dt.console a.continue { margin-right: 8px; }

dl.article-tray dt.console a.comment, 
dl.article-tray dt.console a.continue,
dl.article-tray dt.console a.back {
	line-height: 25px;
	overflow: hidden;
	padding-left: 18px;
}

dl.article-tray dt.console a.comment { background: transparent url("../gi-images/icons/article/interact.png") 0 4px no-repeat; }
dl.article-tray dt.console a.comment:hover {	background: #467CC5 url("../gi-images/icons/article/interact.png") 0 -19px no-repeat; }

dl.article-tray dt.console a.continue{ background: transparent url("../gi-images/icons/article/continue.png") 0 4px no-repeat; }
dl.article-tray dt.console a.continue:hover { background: #467CC5 url("../gi-images/icons/article/continue.png") 0 -20px no-repeat; }

dl.article-tray dt.entry-categories-list, dl.article-tray dt.entry-tags-list {
	line-height: 18px;
}
dl.article-tray dd.entry-tag a, dl.article-tray dt.entry-tags-list{
	margin-left: 15px;
	padding: 21:px;
	line-height: 18px;
}

dl.article-tray dt.entry-categories-list { background: transparent url("../gi-images/icons/article/archive.png") 0 0 no-repeat; }
dl.article-tray dt.entry-tags-list { display: none; background: transparent url("../gi-images/icons/article/tag.png") 0 2px no-repeat; } 

body#individual-archive dt.console a.back { margin-right: 12px; }
dl.article-tray dt.console a.back, dl.archive-nav dd a.previous { background: transparent url("../gi-images/icons/article/back.png") 0 4px no-repeat; }
dl.article-tray dt.console a.back:hover, dl.archive-nav dd a.previous:hover { background: #467CC5 url("../gi-images/icons/article/back.png") 0 -20px no-repeat; }


dt.share {}
dd.tweet {}


/** Archive Nav **/

 dl.archive-nav {
 	margin-top: -41px;
	overflow: hidden;
	background-image: none;
 }
 dl.archive-nav dd {
 	display: inline;
 }
 dl.archive-nav dd a{ 
 	width: 100px;
 }
 dl.archive-nav dt {
 	display: none;
 }
 
  dl.archive-nav dd a.home {
 	float: left;
	margin-left: 40px;
	text-align: center;
	padding: 4px 4px 4px 18px;
	background: transparent url("../gi-images/icons/article/home.png") 30% 3px no-repeat;
 }
 dl.archive-nav dd a.home:hover {
	background: #467CC5 url("../gi-images/icons/article/home.png") 30% -21px no-repeat;
 }

 dl.archive-nav dd a.previous{
 	float: left;
	padding: 4px 6px 4px 22px;
	margin-left: 4px;
 }
 
 dl.archive-nav dd a.feed{
 	float: left;
	margin-left: 12px;
	text-align: center;
	padding: 4px 4px 4px 18px;
	background: transparent url("../gi-images/icons/article/rss.png") 0 3px no-repeat;
 }
 dl.archive-nav dd a.feed:hover {
	background: #467CC5 url("../gi-images/icons/article/rss.png") 0 -21px no-repeat;
 }
 
span.feed {
	background: transparent url("../gi-images/icons/16/feed.png") 1.1em 0 no-repeat;
	padding: 0 0 4px 3em;
	line-height: 1.8em;
} 
 
 dl.archive-nav dd a.next {
  float: right;
  text-align: right;
  margin-right: 20px;
  padding: 4px 20px 4px 4px;
  background: transparent url("../gi-images/icons/article/next.png") right 3px no-repeat;
 }
 dl.archive-nav dd a.next:hover {
  background: #467CC5 url("../gi-images/icons/article/next.png") right -21px no-repeat;
 }
 
/** Global archive-nav rules **/
 dl.archive-nav dd a.previous {
 	float: left;
 }

 
 dl.extra-info {
	/*border-top: 1px solid #E3E9F1;*/
	margin: 2em 0 0 0;
 }
 dl.extra-info dt {
  	font-weight: bold;
	display: inline;
  	line-height: 18px;
	height: 2em;
	padding: 2px 0 0 18px;
	overflow: hidden;
 }
 	
  dl.extra-info dd{
  	display: inline;
 }

dl.extra-info dt.posted-by{
	background: transparent url("../gi-images/icons/16/pencil.png") 0 center no-repeat;
} 
dl.extra-info dt.dated{
	margin-left: 12px;
	background: transparent url("../gi-images/icons/16/calendar.png") 0 center no-repeat;
} 


 p.extra-info {
   border-top: 1px solid #E3E9F1;
 	padding: 4px 0 0 4px;
	width: 462px;
 }

/* Information and Links */
dl#article-information {
	display: none;
	position: relative;
	width: 100%;
	margin-left: 7px;
}

dl#article-information dt#info {
	display: none;
}
dl#article-information dl {
	text-indent: 0;
	padding: 0;
}
dl#article-information dd {
	float: none;
}
dl#article-information dl dt ,dl#article-information dl dd {
	font-weight: normal;
	/*font: 68.5% Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	min-height: 1.7em;
}
dl#article-information dl dt {
	font-weight: bold;
}
dl#article-information dl.article-tray dt.entry-categories-list,
dl#article-information dl.article-tray dt.entry-tags-list {
	margin-left: 4px;
	padding-left: 21px;
}
dl#article-information dl.extra-info  {
display: none;
}
dl#article-information dl.extra-info dt{
width: 7em;
float: left;
margin: 0 0 0 4px;
font-weight: bold;
clear: both;
padding: 0 0 0 20px;
}
dl#article-information dl.extra-info dt.dated { width: 4.2em;}
dl#article-information dl.extra-info dd
{
min-height: 20px;
float: left;
width: 14em;
margin: 0;
}

.chronodata {
    position: absolute;
	 margin: 0 0 0 -70px;
    padding: 0;
    font-family: Helvetica, Arial, Sans-Serif !important;
    letter-spacing: -1px;
    font-size: 1.6em;
	 text-align: center;
	 background-color: transparent;
	 color: #BACBE3;
	 width: 34px;
	 height: 48px;
}
 
  body#date-based-archive #article-first h2 {
   line-height: 2.8em; 
  }
  
body#date-based-archive h2#archive-title,
body#category-archive h2#archive-title,
body#search-results h2.search-results-header {
	height:94px;
	width: auto;
	text-indent: 74px;
	line-height: 3em;
	margin: -8px 0 12px -8px;
}
body#date-based-archive h2#archive-title { background: transparent url("../gi-images/heading/archives.png") left 0 no-repeat; }
body#category-archive h2#archive-title { background: transparent url("../gi-images/heading/categories.png") left 0 no-repeat; }
body#search-results h2.search-results-header{ 
	text-indent: 94px; 
	background: transparent url("../gi-images/heading/search.png") left 0 no-repeat;
}
body#search-results h2#tag-results-header{
	height:94px;
	width: auto;
	text-indent: 74px;
	line-height: 3em;
	color: #fff;
	margin: -8px 0 12px -8px;
	background: transparent url("../gi-images/heading/tags.png") left 0 no-repeat;
}

/* Comments 

#comments {
   margin-left: -16px;
   padding: 10px 10px 0 18px;
   background: transparent url("../gi-images/comment-header.png") 0 top no-repeat;
	width: 475px;
}

#comments-holder{
margin-bottom:10px;
}

dl#comments-holder {
font-size:85%;
line-height:1.2em;
width: 464px;
}
#comments-holder dt {
padding:8px 6px .5em;
margin: 0;
}
#comments-holder dd {
padding:2px 20px 8px;
margin:0 0 1.5em;
}

#comments-holder div p{
margin: 0;
padding: 4px 0 10px 4px;     
}

#comments-holder .no {
background: transparent url("../images/icons/comment.png") 0 50% no-repeat;
border-width:0;
padding:0 2px 0 20px;
border-right:1px solid #3F83CD;
margin-right:2px;
font-weight: bold;
}

#comments-holder a.no:hover{
  color: #fff;
  background-color: #467CC5;
  text-decoration: none;
}

#comments-holder a.no {
text-decoration: none;
}

#comments-holder div.odd, #comments-holder div.even{
margin: 0 0 10px 0;
}

*/

/*END Article tray */  

form#contact-form fieldset {
border: none;
padding: 12px 20px 12px 20px;
clear:left;
margin: 12px 10px 15px 0;
}

form#contact-form fieldset legend{
color:#444;
font-weight:bold;
font-size:1.6em;
margin-left: 2.3em;
padding-left: 0;
position: relative;
z-index: 20;
}

form#contact-form fieldset div.comments {
   position: relative;
	z-index: 10;
	height: 64px;
	width: 64px;
	text-indent: -9999px;
	margin: -54px 0 0 -32px;
	background: url('../gi-images/icons/64/comment.png') 2px 60% no-repeat;
}

form#contact-form fieldset div.hr {
	position: relative;
	margin: -18px 0 0 -22px;
	z-index: 1;
}

form#contact-form fieldset label {
display:block;
float: left;
margin-top: 10px; 
margin-left:0px;
font-weight:bold;
}

form#contact-form fieldset label span {
	text-align: right;
	float: right; 
	font-weight: normal;
	margin: -1.2em 5px 0 0;
}

.form-error{
margin-bottom:20px!important;
}
 
.warning{
border:1px solid #E45602!important;
background-color:#eee;
}


form#contact-form input, form#contact-form select, form#contact-form textarea {
margin: 3px 0 7px 0; 
width:418px; 
clear:all; 
text-align: left;
padding: 0;
height: 70%;
font-size: 1.4em;
border: 1px solid #B2C5DF;
}

form#contact-form input:focus, form#contact-form textarea:focus  {
	background: transparent url(../gi-images/forms/text-bg-active.png) 0 0 no-repeat;
	border: 1px solid #E06400;
}


form#contact-form p{
	padding: 2px 0 2px 0;
	font-size: 98%;
	text-align: left;
}

form#contact-form textarea{
	height: 200px;
}

form#contact-form input.radio, 
form#contact-form input.check{
	margin: -2px 3px 0 0;
	width: 20px;
	height: 20px;
	display: inline;
	clear: both;
	float: left;
	width: auto;
}

form#contact-form label.radio {
	margin-top: 4px;
	display: block;
	width: 60px;
	height: 20px;
	padding: 3px 0 0 0;
}

#token{
border:0px !important;
}

form#contact-form button, form#contact-form .button {
	height: 1.5em;
	width: 3em;
	font-size: 1.6em;
	background-image: none;
	text-align: right;
	vertical-align: center;
	padding-right: 4px;
	color: #467CC5;
	cursor: pointer;
	border: 1px solid #E0E7F0;
}
form#contact-form button:hover, form#contact-form .button:hover {
  	background-color: #467CC5;
	color: #fff;
}

form#contact-form #comment-preview {
	float: left;
	width: 4em;
}
form#contact-form #comment-post {
	float: right;
}
dl.form-error dt {
margin: 10px 0 10px 0;
font-weight: bold;
font-size:115%;
text-align: center;
padding: 0;
}


dl.form-error{
padding: 0;
margin: 0;
float:left;
}

dl.form-error dd{
margin: 0;
height:20px;
padding:3px 0 0 23px;
background: url('../i/w.gif') no-repeat 3px 50%;; padding-right:2px; padding-top:5px; padding-bottom:0px;
display:inline;
color:#E45602;
}

address.address{
 width:180px;
 float:left;
}

address.phone{
 width:180px;
 float:left;

}


.address-container{
 float:left;
 margin-bottom:15px;
}
#comments-holder dt.odd, #comments-holder dd.odd { background-color:#F0F7FA; }
#comments-holder dt.even, #comments-holder dd.even { background-color:#DCE8F3; }

#comments-holder .even.admin-comment {
background-color:#B2C5DF;
color: #000;
border-right-color:#000;
}

#comments-holder .odd.admin-comment{
background-color:#B2C5DF;
}

dd.gravatar {
  position: relative;
  height: 0;
  line-height: 0;
  display: inline;
  left: -70px;
  top: -20px;
}


dd.gravatar img {
  position: relative;
  left: -25px;
  top: -30px;
  float: left;
  border: 3px solid #DCE8F3;
  background-color: #fff;
  display: block;
  padding: 0;
margin: 0;
}


/** Validation rules **/

.validation-advice {
	margin: -8px 0 0 0;
	padding: 5px;
	border: 1px solid #FFE1C9;
	border-top: none;
	color : #E45602;
	font-weight: bold;
	width:408px;
	text-indent: 1.4em;
	background: url('../gi-images/icons/alert.png') 2px 60% no-repeat;
}

/** Code style **/
		ol.code {
			font-size: 90%;
			color: #ccc;
			border: 1px dashed #ccc;
			margin-bottom: 10px;
		}
		ol.code li {
			list-style-position: inside;
   		display: block;
			margin-left: 0;
			border: none;
		}
		ol.code li code { 
			padding-left: 2em;
			font-family: 'Courier New', Courier, monospace; 
			color: #000; 
			font-weight: normal; 
			font-style: normal;
			line-height: 12px;
		}
		ol.code li.odd {
			background-color: #fff;
		}
		ol.code li.even{
			background-color: #F0F7FA;
			border-top: 1px solid #DCE8F3;
			border-bottom: 1px solid #DCE8F3;
		}
		ol.code li code.first, ol.code li code.last{
			padding-left: 1em;
		}
		
		
/** Tag cloud **/

div#track {
	position: relative; 
	left: 50px;
	width: 358px; 
	background: transparent url(../gi-images/slider/slider-track.png) 0 0 no-repeat; 
	height: 47px;
	cursor: pointer;
	margin-bottom: 20px;
}

div#handle {
	width: 24px; 
	height: 31px; 
	background: transparent url(../gi-images/slider/handle.png) 0 0 no-repeat; 
	cursor: move; 
	margin-left: 0; 
	top: 3px; 
	left: 146px; 
	position: relative;
}

ul.tagcloud { text-align: center; }
ul.tagcloud li{ display: inline; }
ul.tagcloud li {
	line-height: 18px;
	padding: 4px 0 0 0;
}

ul.tagcloud li.taglevel1, dd.taglevel1 { font-size: 164%; line-height: 22px; color: #3F66B3 }
ul.tagcloud li.taglevel2, dd.taglevel2 { font-size: 144%; line-height: 21px; }
ul.tagcloud li.taglevel3, dd.taglevel3 { font-size: 134%; line-height: 20px; }
ul.tagcloud li.taglevel4, dd.taglevel4 { font-size: 124%; }
ul.tagcloud li.taglevel5, dd.taglevel5 { font-size: 110%; }
ul.tagcloud li.taglevel6, dd.taglevel6 { font-size: 88%; }

ul.tagcloud li a {
	line-height: 18px;
	margin-right: 10px;
}
ul.tagcloud li a span {
	display: none;
}

dl.article-images
{
	overflow: hidden;
	width: 214px;
	text-align: center;
	padding: 5px;
	float: left;
	margin-right: 1em;
}


.article-images dt { 
font-weight: bold; 
}


.article-images dt.mask {
	position: relative;
	background: transparent url(../gi-images/articles/image-mask.png) 0 0 no-repeat;
	z-index: 54;
	width: 214px;
	height: 148px;
}

.article-images dt.mask-portait {
	position: relative;
	background: transparent url(../gi-images/articles/image-mask-portrait.png) 0 0 no-repeat;
	z-index: 54;
	width: 214px;
	height: 335px;
}

.article-images dt img
{
	position: relative;
	width: 202px;
	height: 134px;
	z-index: 20;
	margin-top: 4px;
	margin-left: -2px;
}

.article-images dt.mask-portait img {
	width: 202px;
	height: 322px;
}

.article-images dd
{
margin: 0;
padding: 0;
}

img.article-img {
	float: left;
	padding: 8px;
}

a.action img, a.action:hover img, a.action, a.action:hover{
    border: none;
	background: none !important;
}

ul.ar {
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.ar li {
	display: inline;
}
ar li img {
	padding: 5px;	
}

/***************End Blog Styles****************/

@media screen and (max-width: 42.5em){
	#header h1 {
    	font-size: 2.6em;
    	padding-top: 0.3em;
    }
    .chronodata {
    	display: none;
    }
}
@media screen and (max-width: 910px){
    .chronodata {
    	display: none;
    }
}
/* Landscape */
@media screen and (max-width: 480px){
	#header h1 {
    	font-size: 2em;
    	padding-top: 0.3em;
    	width: 78%;
    }
    #container {
		background-position: 0 -2em;
	}
    .chronodata {
    	display: none;
    }
}
/* Portrait */
@media screen and (max-width: 320px){
	body {
    	font-size: 87%;
    }
    #container {
		background-position: 0 -2.2em;
	}
	#header #logo {
		padding-top: 0;
	}
	#header h1 {
	    font-size: 1.8em;
    	padding-top: 0.6em;
    	width:70%;
    }
    .chronodata {
    	display: none;
    }
}