/*
Theme Name: gpacademy
Description: gpacademy theme
Author: Matthew Taylor

cheers Eric: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


html, body {
	background:#fff;
	font-family:Tahoma;
	font-weight:lighter;
	color:#333;
	font-size:15px;
	height:100%;
}

body {
	background:#fff url("images/body-background.gif") repeat-x scroll 0 0;
}

a, a:link, a:active, a:visited, a:hover {
	color:#333;
	text-decoration:underline;
}

a:hover {
	color:#999;
	text-decoration:none;
}

table, tbody {
	width:100%;
}

table, tbody, tr, td {
	border-collapse:collapse;
}

td {
	vertical-align:top;
}

td td {

}


#container-wrapper {
	margin:0 auto;
	width:990px;
	background:transparent;
}

#container {
	position:relative;
	top:0;
	left:0;
	background:transparent;
}


/***
 * kudos!!!
 * http://www.positioniseverything.net/articles/dropshadows2.html
 * 
Normally all the styles would be applied to the shadow group in the five basic rule sets,
but to enhance the effect of this demo I have separated the BG calls into an extra set
controlled by hovering of the outer div. This isn't really necessary, but it does look cool.
***/

.shadow-one {
	position: absolute;
  top:0;  /* Cosmetic positioning; not required */
  left:0;  /* Cosmetic; horizontally locates left edge of demo in center of positioned parent */
	padding-top: 30px;  /* Constrains .shadow-two's size and location */
	padding-left: 30px;  /* Constrains .shadow-two's size and location */
  }  /* Absolute positioning forces shrink-to-fit behavior on the outer div, collapsing the div group around the image */

.corner-a {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  }   /* This div goes to the upper right corner and paints the shadow there using part of main image */

.corner-b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  }   /* This div goes to the lower left corner and paints the shadow there using part of main image */

.shadow-two {
	}  /* BG call for this div is in the group rule below */

.shadow-three {
  position: relative;
  left: -30px;
	top: -30px;
	}  /* Positioned relative and shifted up and left by the size of the paddings on .shadow-one */

.shadow-four {
  position: relative;
	left: 15px;
	top: 15px;
	}  /* Shifted back down and right by half the padding size to center the content on the glow */


.corner-a,
.corner-b,
.shadow-two,
.shadow-three {
	background: url(images/glow.png) -3002px no-repeat;
  }  /* This rule calls the BG image for all divs that need it, so only one path needs to change
  when switching to a different shadow image. The shadow image starts out hidden in all divs
  where it is used, to be shown on hover of .shadow-one... */


/*** Position the shadow BG's only on .shadow-one;hover so that they show... ***/

.shadow-one .corner-a {
	background-position: right top;
  }  /* Paints the upper right corner glow */

.shadow-one .corner-b {
	background-position: left bottom;
	}  /* Paints the lower left corner glow */

.shadow-one .shadow-two {
	background-position: right bottom;
	}  /* Paints glow along right and bottom edges */

.shadow-one .shadow-three {
	background-position: left top;
	}  /* Paints glow along top and left edges */


#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
	overflow:auto;
	background:#F5F5F5;
}

#logo {
	 display:block;
	 width:559px;
	 height:125px;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:50;
	 background:transparent url("images/logo.png") no-repeat scroll 0 0;
}



.left-column {
	width:150px;
	padding-left:7px;
	float:left;
}



#news {
	padding:165px 15px 0 20px;
}

#news h3 {
	display:block;
	font-style:italic;
	margin-bottom:5px;
	font-size:120%;
	font-weight:lighter;
}

#news ul {
	padding-left:20px;
}

#news li {
	list-style-type:disc;
	margin:10px 0;
}

#news ul li a {
	font-size:90%;
}

#badges a {
	margin:0 auto 50px;
	display:block;
}

#badges a img {
	display:block;
}





.right-column {
	width:775px;
	_width:760px;
	margin-left:185px;
	background:transparent url("images/left-column-background.gif") repeat-y scroll top left;
}

#right-column-wrapper {
}


#slideshow-column {
	margin-left:14px;
}

#slideshow-background {
	background:#fff url("images/right-column_background.gif") repeat-x scroll left -300px;
	padding:15px 0;
}

#slideshow-column img {
	display:block;
	border:2px solid #6f6f70;
	width:716px;
	margin:0 auto;
}





#navigation-column {
	height:30px;
	padding-left:14px;
}

#navigation {
	height:30px;
	background:#0c499a url("images/navigation-background.jpg") repeat-x scroll 0 0;
	display:block;
	padding:0 15px;
}

#navigation li {
	float:left;
	display:block;
	background:transparent;
	color:#094a9d;
}

#navigation li span.separator {
	padding:.43em 0;
	margin:0 5px;
	display:block;
}

#navigation li a, #navigation li a:link, #navigation li a:active, #navigation li a:visited {
	display:block;
	background:transparent;
	color:#fff;
	padding:.6em;
	text-decoration:none;
	white-space:nowrap;
	font-size:.90em;
}

#navigation li a:hover, #navigation li.current_page_item a {
	background:#c2a560;
}

.sub-navigation {
	display:none;
	background:#c2a560;
	padding:0 15px;
	overflow:auto;
	height:36px;
}

.sub-navigation li {
	display:block;
	float:left;
	background:transparent;
}

.sub-navigation li a, .sub-navigation li a:link, .sub-navigation li a:active, .sub-navigation li a:visited {
	display:block;
	background:transparent;
	color:#3a3a3c;
	padding:.8em;
	text-decoration:none;
	white-space:nowrap;
	font-size:.90em;
}

.sub-navigation li a:hover, .sub-navigation li.current_page_item a {
	color:#fff;
}






#content {
	line-height:1.4em;
	font-size:105%;
}

#content-wrapper {
	background:#fff;
	padding:20px 30px;
	margin:5px 0 0 14px;
	min-height:573px;
	height:auto !important;
	height:573px;
}

#content h1 {
	font-size:165%;
	color:#c4942f;
	margin-bottom:25px;
	font-weight:lighter;
	display:block;
}

#content h4 {
	font-size:120%;
	color:#333;
	margin-bottom:10px;
	font-weight:lighter;
}

#content p {
	margin:1em 0;
}

#content ul, #content ol {
	padding-left:40px;
}

#content ul {
	list-style-type:disc;
}

#content ol {
	list-style-type:decimal;
}

#content strong {
	font-weight:bold;
}

#content em {
	font-style:italic;
}

#footer {
	background:transparent url("images/footer-background.gif") repeat-x scroll 0 0;
	padding:10px;
	color:#fff;
	text-align:center;
	font-size:80%;
	line-height:.7em;
}

#footer a {
	color:#fff;
}

#footer .separator {
	color:#9a7e47;
	margin:0 30px;
}

#copyright {
	font-size:80%;
	padding:5px 30px;
}



/* wordpress styles */
.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0 10px 0;
}

.alignleft {
	float: left;
	margin-right:10px;
}

.alignright {
	float: right;
	margin-left:10px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/*gallery*/
#gallery-1 {
    overflow: hidden;
}

.gallery .row {
	overflow:auto;
	padding:15px;
}

.gallery a {
	border:2px solid #eee;
	float:left;
	display:block;
	margin:7px;
}

.gallery .row a img {
	display:block;
}