/*------------------------------------------------------+
 | Site: Greater Auburn Gresham Development Corporation |
 | Part: Master styles                                  |
 +------------------------------------------------------*/

/* Imports
=====================================================================*/
@import "/styles/reset.css";
@import "/styles/forms.css";
@import "/styles/sites/gagdc/ie.css";
@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700);


/* Fonts
======================================================================*/
#footer .org, #nav, #subfooter h6 { font-family: Cantarell, Arial, sans-serif; }
body { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #1d6b9d; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { background: #813b0a url(/images/gagdc/bg.jpg) 50% 0; font-size: 14px; line-height: 1.5; padding-bottom: 3em; }
blockquote { border-style: solid; border-width: 1px 0; font-style: italic; font-size: 0.9em; padding-top: 1em; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.4em; }
code, kbd, pre { font-size: 1em; }
dt { margin-top: 1.4em; }
dt, h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1, h3, h4, h5, h6 { margin-bottom: 0.2em; }
h1 { font-size: 27px; font-weight: normal; line-height: 1.3; }
h1 span, h2 span, h3 span { font-size: 12px; font-weight: normal; }
h2 { font-size: 19px; line-height: 1.2; margin-bottom: 0.5em; }
h3 { font-size: 17px; line-height: 1.2; margin-bottom: 0.5em; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
legend { background: #fff; color: #352f8e; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
iframe { width: 100%; }
img { border: 0; }
ol { list-style: decimal; margin: 0 0 1.5em 2em; }
ol ol, ul ul { margin-bottom: 0; margin-top: 0.5em; }
table { width: 100%; }
td, th { padding: 0.2em; vertical-align: top; }
th { text-align: left; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#admin .ribbon { margin: 0 auto; width: 980px; }
#page { margin: 0 auto; width: 980px; }
#wrapper { background: url(/images/gagdc/bg-top.jpg) repeat-x 50% 0; border-top: 0; padding: 0 1em 1em; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }

/* Content */
#content {
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  clear: both;
  margin-bottom: 10px;
  padding: 30px;
}

#content-primary { float: left; width: 74.1%; }
#content-secondary { float: right; width: 22.5%; }

	/* Directory */
	#directory-primary { float: left; width: 58.5%; }
	#directory-secondary { float: right; width: 38%; }

	/* Full layout (no secondary content) */
	.full #content { background-image: none; padding: 20px; }
	.full #content-primary { float: none; margin: 0 auto; padding: 0; width: 100%; }
	.full #content-secondary, .full #subfooter { display: none; }
  
  /* Home */
  .home #content-primary { width: 65.5%; }
  .home #content-secondary { width: 31.1%; }
  
  /* Sign in */
  .signin .c2l { float: none; width: auto; }
  .signin #content-primary { width: 50%; }


/* Content
======================================================================*/

/* Bylines */
.byline { color: #777; font-size: 0.9em; margin: 0; }

/* Calendar */
.cal { margin-bottom: 4em; }
.cal .date { display: block; float: left; font-size: 1.2em; line-height: 1; margin: 0.2em 0 0.5em -25%; text-align: center; width: 18%; }
.cal .date-num { display: block; font-size: 1.125em; padding: 0.2em 0 0.4em; }
.cal .date-title { display: block; font-size: 0.6em; padding: 0.2em 0 0.3em; text-transform: uppercase; }
.cal .desc { margin-left: 20%; }
.cal .title { border-top: 1px dotted #ccc; clear: both; margin-top: 0.5em; padding: 0.5em 0 0 20%; }
.panel .cal a { font-weight: normal; }
.panel .cal { margin-bottom: 1.5em; }
.panel .cal .date { float: none; text-align: left; margin: 0; width: auto; }
.panel .cal .date, .panel .cal .date-num, .panel .cal .date-title { font-size: 1em; }
.panel .cal .date-num, .panel .cal .date-title { display: inline; text-transform: none; }
.panel .cal .desc, .panel .cal .title { margin-left: 0; padding-left: 0; }

  /* Grid view */
  .panel .cal-grid { width: 100%; }
  .panel .cal-grid td { width: 14.28%; }
  .panel .cal-grid a { text-decoration: none; }
  .panel .cal-grid td, .panel .cal-grid th { padding: 0.2em 0; text-align: center; }
  .panel .cal-grid .current { background: #fff; }
  .panel .cal-grid .current a { color: #000 !important; font-weight: bold; }
  .panel .cal-grid .Title { margin: 0; }
  .panel .cal-grid .Title td { color: #fe650b; font-size: 1.2em; font-weight: bold; padding: 0; white-space: nowrap; }
  .panel .cal-grid .today { background: #1e4c1e; }
  .panel .cal-grid .today a { color: #fff !important; }
  .panel .cal-grid .DayHeader { border: 1px solid #d4d7db; border-width: 1px 0; font-weight: bold; }
  .panel .cal-grid .OtherMonthDay a { color: #a3a5a8 !important; }

/* Deks */
.dek { border-top: 1px solid #cad0db; clear: both; padding: 1em 0 0.5em; }
.dek h2 { margin: 0; }
.dek img { float: right; margin: 0 0 1em 1em; }
.dek .section { font-size: 0.9em; font-weight: normal; text-transform: uppercase; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
.call-l { float: left; margin: 0.5em 1em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 1em; }
.call, div.call-l, div.call-r { font-size: 11px; line-height: 1.4; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Comments */
.comments .date { color: #6d6e71; float: left; font-size: 0.75em; margin: 0.25em 0 0 -17%; text-align: right; text-transform: uppercase; width: 14%; }
.comments dd, .comments dt { margin-left: 15%; }
.comments dt { clear: both; }
.comments dt, .comments dt strong { color: #b30214; }
.comments dd { font-size: 0.9em; }

/* Directory */
	/* Detail page */
	#directory-contact { float: left; width: 48%; }
	#directory-extras { clear: left; }
	#directory-identity { float: right; width: 30%; }
	
	/* Detail page (from outside referrer) */
	#directory #header {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em;
		padding: 2em 0 0.5em;
		position: relative;
		text-align: center;
	}
	
	#directory #header-secondary, #directory #header-tertiary { display: none; }
	#directory #home-link { font-size: 0.8em; left: 3em; position: absolute; top: 5em; }
	#directory #logo { float: none; width: 100%; }
	
/* Feature */
#feature { background: #ffefe5; margin-bottom: 1em; padding: 1em 1em 0.25em; }

/* Footer */
#footer { font-size: 13px; }
#footer, #footer a { color: #fff; }
#footer p { margin: 0; }
#footer .org { display: block; font-size: 20px; }

	/* Site credit */
	#credit { float: right; text-align: right; }
	#credit a strong { font-weight: normal; }
	#credit a:hover strong { text-decoration: underline; }
  
  /* Subfooter */
  #subfooter {
    background: #422a1d;
    background: -moz-linear-gradient(top, #422a1d 0%, #2e1609 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#422a1d), color-stop(100%,#2e1609));
    background: -webkit-linear-gradient(top, #422a1d 0%,#2e1609 100%);
    background: -o-linear-gradient(top, #422a1d 0%,#2e1609 100%);
    background: -ms-linear-gradient(top, #422a1d 0%,#2e1609 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#422a1d', endColorstr='#2e1609',GradientType=0 );
    background: linear-gradient(top, #422a1d 0%,#2e1609 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color: #c0b9b5;
    font-size: 13px;
    height: 1%;
    margin-bottom: 10px;
    padding: 20px 30px 10px;
  }
  
  #subfooter a, #subfooter h6 { color: #fff; }
  #subfooter h6 { font-size: 15px; text-transform: uppercase; }
  #subfooter-primary { float: left; margin-right: 3%; width: 22.5%; }
  #subfooter-secondary { float: left; width: 48.3%; }
  #subfooter-tertiary { float: right; width: 22.5%; }
  
    /* Social links */
    #social a { background-position: 0 50%; background-repeat: no-repeat; display: block; padding: 5px 0 5px 40px; }
    #social li { margin-bottom: 1.25em; }
    #social ul { list-style: none; margin-left: 0; }
    .social-facebook { background-image: url(/images/gagdc/facebook.png); }
    .social-flickr { background-image: url(/images/gagdc/flickr.png); }
    .social-twitter { background-image: url(/images/gagdc/twitter.png); }

/* Header */
#header-secondary { position: relative; }
#logo { float: left; margin: 0 0 -74px -45px; }

	/* Languages */
	.languages { font-size: 1.31em; line-height: 1; margin: 0; position: relative; }
	.languages li { background: none; display: inline; margin: 0 0.5em 0 0; padding: 0; }
	.languages ul { margin: 0 0 0.5em; }
  
  /* Search */
  #search {
    background: url(/images/gagdc/search-bg.png);
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: right;
    padding: 17px 3% 20px;
  }
  
  #search .btn {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    color: #1d6b9d;
    overflow: visible;
    padding: 0.25em 0.5em;
  }
  
  #search input {
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 19px;
    vertical-align: middle;
  }
  
  #search .txt {
    -moz-box-shadow: inset 0 1px 1px #ddd;
    -webkit-box-shadow: inset 0 1px 1px #ddd;
    box-shadow: inset 0 1px 1px #ddd;
    width: 10em;
  }

/* Hidden */
#atff, .closed { display: none; }
.skip { left: -9999em; position: absolute; }

/* Icons */
a.icon { background-position: 0 0.2em; background-repeat: no-repeat; padding: 3px 0 3px 19px; }
.feed { background: url(/images/shared/icon-feed.png) no-repeat 0 0.2em; padding: 3px 0 3px 19px; }
.icon-facebook { background-image: url(/images/shared/facebook.png); }
.icon-feed { background-image: url(/images/shared/icon-feed.png); }
.icon-flickr { background-image: url(/images/shared/flickr.png); }
.icon-twitter { background-image: url(/images/shared/twitter.png); }
.icon-youtube { background-image: url(/images/shared/youtube.png); }

/* Maps */
.geo { display: none; }

/* Muted text */
.info, .mute { color: #777; font-size: 11px; }
dt .mute { font-weight: normal; }

/* Navigation */
#nav {
	background: #7e9a1d;
  background: -moz-linear-gradient(top, #7e9a1d 0%, #596c15 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e9a1d), color-stop(100%,#596c15));
  background: -webkit-linear-gradient(top, #7e9a1d 0%,#596c15 100%);
  background: -o-linear-gradient(top, #7e9a1d 0%,#596c15 100%);
  background: -ms-linear-gradient(top, #7e9a1d 0%,#596c15 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e9a1d', endColorstr='#596c15',GradientType=0 );
  background: linear-gradient(top, #7e9a1d 0%,#596c15 100%);
	border: 1px solid #6e8229;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	clear: both;
  font-size: 16px;
  font-weight: bold;
  height: 1%;
  margin-bottom: 10px;
	padding: 10px 30px;
  position: relative;
  text-transform: uppercase;
}

#nav a { color: #fff; }
#nav a:hover { text-decoration: underline; }
#nav li { display: inline; margin: 0 1em 0 0; }
#nav li.current a { color: #fefc0b; }
#nav ul { list-style: none; margin: 0; }

  /* Secondary */
  #nav-secondary {
    background: #fff0d2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 17px;
    line-height: 1.4;
    margin: 0 0 2em 0;
    padding: 10px 20px;
  }
  
  #nav-secondary, #nav-secondary ul { list-style: none; }
  #nav-secondary a:hover { text-decoration: underline; }
  #nav-secondary li.current > a { color: #fe650b; font-weight: bold; }
  #nav-secondary li { background: none; border-bottom: 1px solid #ffd1b6; margin: 0; padding: 0.4em 0; }
  #nav-secondary li:last-child { border: 0; }
  #nav-secondary li li { border: 0; margin-bottom: 0.5em; padding: 0; }
  #nav-secondary ul { list-style: none; margin: 0; }
  #nav-secondary ul ul { margin: 0.5em 0 0 1em; }

/* Page tools */
#page-tools { clear: both; padding-top: 10px; }

/* Panels */
.panel { border-bottom: 1px solid #ccc; margin-bottom: 20px; overflow: hidden; }
.panel h3 { color: #759c29; }

.panel-top {
  background: #ebf7d0;
  border: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 20px;
}

/* Summary lists */
.sums dt { clear: both; font-size: 1.2em; font-weight: bold; line-height: 1.3; margin: 0 0 0.25em; padding-top: 0.5em; }
.sums .first, .summaries dt:first-child { border: 0; margin: 0; padding-top: 0; }
.sums .thumb { float: left; margin: 3px 1em 1em 0; }

	/* Directory lists */
	.sum-directory dt { border-top: 1px solid #ddd; margin-top: 0.5em; }
	.sum-directory .thumb { float: right; margin: 0 0 0 1em; }
	.panel .sum-directory dt { border: 0; font-size: 1em; font-weight: normal; }

/* Tags */
.tags { font-size: 1.1em; line-height: 2.5em; list-style: none; margin-left: 0; }
.tags li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tags li a { white-space: nowrap; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }