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

   grid.css

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

/* CSS Code Style guide
-------------------------------------------------------------- */
/** display/visibility styles
* positioning (with coordinates) styles
* float/clear styles
* spacing (margin, borders, padding) styles
* dimensions (width, height) styles
* backgound
* typography-related (line-height, color, etc.) styles
* miscellaneous (list-style, cursors, etc.) styles
*/

/*  Color Defaults
Darkest Blue    #101330
Darker Blue     #2E5092
Mid Blue        #5178BF
Lighter Blue    #A4C3FF
Lightest blue   #EFF3FA
Orange          #E39315
*/


/* High Level blocks
---------------------------------------- */

#wrap       { position: relative;
              min-height: 100%; width: 100%;
              text-align: left; 
              background: transparent url('sprites/flare.png') no-repeat left top;
/*              border: 1px solid red;*/
              }
#wrap-inner { position: relative; overflow: hidden;
              margin: 0 auto; min-height: 100%; width: 90%;
              min-width: 960px; max-width: 1500px; padding-bottom: 7.3000em;
/*              border: 1px solid pink;*/
              }
          

#header     { height: 93px; overflow: hidden;
/*              margin-bottom: -6px;*/
              background: transparent url('sprites/header-bg.png') repeat-x scroll left bottom;
              /*text-indent: -9999px;*/}
#header .branding dt a, #header .branding h1 a
            { display: block; 
              width: 480px; height: 93px;
              text-indent: -9999px; 
              background: transparent url('sprites/branding.png') no-repeat scroll left top; }
#home #header .branding h1 a
            { background: transparent url('sprites/branding-home.png') no-repeat scroll left top; }
#header .branding h1
            { background-image: none; margin: 0; padding: 0;}
#wrap #content
            { /*border-right: 1px double #EFF3FA; border-bottom: 1px double #EFF3FA; border-left: 1px double #EFF3FA; */
              background: #EFF3FA url('sprites/article-bg.gif') repeat-x scroll left top;}
#home #wrap #content
            { border: 0 none transparent; background-color: transparent; background-image: none;}
.article    { overflow: hidden;
              margin: 0 1px 1px; padding: 0 6.50% 3.0%; 
              border-right: 1px solid #101330; border-bottom: 1px solid #101330; border-left: 1px solid #101330; 
/*              background-color: #EFF3FA; */
              /*background: #EFF3FA url('sprites/article-bg.gif') repeat-x scroll left top;*/}
#home .article
            { overflow: hidden;
              margin: 0 2.604% 3.0%; padding: 5.6000em 0 0 0; border: 0 none transparent; min-height: 46.000em;
              background-color: transparent; background-image: none; background:transparent url('sprites/figure.png') no-repeat right top; }
p.edit-page { float: right; margin-top: 2.7500em;}


/* Column Orientation 
---------------------------------------- */
/* @group Default article left, aside right */
.primary    { width: 57.93%;
              float: left;}

.aside      { width:36.06%;
              float: right;}

/* @end   Wide left Narrow rig */
/* @group Article Right, Aside Left */
.discipleship-pyramid .primary
            { float: right; }
.discipleship-pyramid .aside
            { float: left; }
.aside .illustration
            { padding-bottom: 1.8000em;}
/* @end   Article Right, Aside Left */
/* @group Intro plus 50/50 asides */
.intro 
            { float: none; width: 100%;}
.college-conversion-project .aside, .magisterium-and-tradition .aside
            { float: left; width: 47.06%; }
.college-conversion-project .campus, .magisterium-and-tradition .tradition
            { float: right; }
body.evangelization-methods .aside
            { width: 100%; }
body.evangelization-methods .aside .method
            { width: 48.00%; }
body.evangelization-methods .aside .odd
            {float: left;}
body.evangelization-methods .aside .even
            {float: right;}
/* @end   Intro plus 50/50 asides */
/* @group Stories & Endorsements & Vcards */
dl.vcard, div.vcard
            { overflow: hidden; }
body.advisory-board  div.vcard
            { margin-bottom: 1.8000em; }
.college-conversion-project dl.vcard dt, .college-conversion-project dl.vcard dd
            { float: right;
              width: 78.75%; margin: 0;}
.college-conversion-project dl.vcard dd.photo
            { float: left;
              width: 16.00%;}
.who-are-we div.photo, 
.loose-pages .primary div.photo
            {width: 16.00%;}
.college-conversion-project dl.vcard dd.photo img,
.student-stories dl.vcard dd.photo img,
.campus-ministry-stories dl.vcard dd.photo img,
.advisory-board .primary div.headshot img,
.staff .primary dl.vcard dd.photo img,
.who-are-we div.photo img,
.loose-pages div.photo img
            { width: 93.75%; margin-bottom: 0;}

.college-conversion-project .primary dl.vcard dt, .college-conversion-project .primary dl.vcard dd,
.student-stories .primary dl.vcard dt, .student-stories .primary dl.vcard dd,
.campus-ministry-stories .primary dl.vcard dt, .campus-ministry-stories .primary dl.vcard dd,
.advisory-board .primary h2, .advisory-board .primary .vcard div ,
.staff .primary dl.vcard dt, .staff .primary dl.vcard dd
            { float: right;
              width: 82.29%; margin: 0;}
.college-conversion-project .primary dl.vcard dd.photo,
.student-stories .primary dl.vcard dd.photo,
.campus-ministry-stories .primary dl.vcard dd.photo,
.advisory-board .primary div.headshot,
.staff .primary dl.vcard dd.photo
            { float: left;
              width: 13.33%;}
.staff #wrap .primary dl.no-photo dt, .staff #wrap .primary dl.no-photo dd
            { width: 100%; float: none;}
.staff .primary dl.vcard
            { clear: both; overflow: hidden;}
.student-stories .primary div.photo,
.campus-ministry-stories .primary div.photo,
.advisory-board .primary div.photo,
.primary div.photo
            { float: left; width: 19.9170%; 
              padding-right: 1.3000em; padding-bottom: 1.3000em; }
.student-stories .primary div.photo img,
.campus-ministry-stories .primary div.photo img,
.advisory-board .primary div.photo img,
.primary div.photo img
            { margin-bottom: 0; }

/* @end   Stories  & Endorsements */
/* @group Home */
#home .primary
            { width: 48.13%; }
#home .hfeed h2, #home .hfeed ol, 
#home .events h2, #home .events ol
            { float: right;
              width: 71.00%; }
#home .hfeed img, #home .events img
            { float: left;
              /*margin: 0;*/ width: 21.91%; }

/* @end   Home */
/* @group Materials */
body.materials div.primary div.photo 
            { float: left;
              width: 20.83%; 
              text-align: center; font-size: 1.3000em;}
body.materials div.primary form div h4, body.materials div.primary form div p
            { float: right;
              width: 73.95%; }

/* @end   Materials */
/* @group Journal */
.journal .aside 
            { margin-top: 4.4000em;}
.journal .hentry .aside 
            { margin-top: 8.4000em;}
.entry-summary
            { position: relative;}
.entry-summary .photo, .entry-content .photo
            { float: left; width: 20%; 
              padding-right: 1.3000em; padding-bottom: 1.3000em; }
.entry-content .photo
            { width: 14.48%; }
.entry-summary .photo img, .entry-content .photo img
            { margin-bottom: 0; width: 95.83333%;}
.hentry .primary 
            { width: 71.176%; padding-right: 4.724%; }
.hentry .primary:first-child
            { margin-top: 85px;
              background: transparent url('sprites/vr.gif') repeat-y right top;}
.hentry .primary:first-child h1:first-child
            { margin-top: -85px;}
.hentry .aside 
            { width: 22.35%; }
.aside .event-feed
            { margin-right: 0; margin-left: 0;}
ol.hfeed    { list-style-type: none; margin-right: 0; margin-left: 0;}

.comment .vcard
            { overflow: hidden;}
.comment h3, .comment p.updated
            { float: right; width: 86.48%; margin-bottom: 0;}
.comment h3 { margin-top: 2.0em;}
.comment div.photo
            { width:10.14%; }


/* @end   Journal */
/* @group Gallery */
ul.gallery  { margin: 0; list-style-type: none; overflow: hidden;}
ul.gallery li
            { width: 20.666%; float: left;}
ul.gallery:first-child li
            { margin-left: 5.4500%;}
ul.gallery:first-child li:first-child
            { margin-left: 0;}

/* @end   Gallery */
/* @group Pagination */

ol.pagination 
            { margin: 0; }
ol.pagination li
            { display: inline; 
              list-style-type: none; }
ol.pagination li a 
            { /*float: left;
                          display: block;*/ margin-right: 3px; padding: 2px 2px; }
ol.pagination li span 
            { float: left; 
              margin-right: 4px; }
/*ol.pagination li a.page 
            { color: #ddd;
              font-weight: bold; }
ol.pagination li a.page:hover
            { text-decoration: none; color: #fff; }*/
ol.pagination li.selected a.page 
            { /*background-color: #545C5F;*/
              color: #5178BF;}
ol.pagination li.disabled a 
            { color: #A4C3FF; cursor: pointer; }
ol.pagination li.disabled a:hover
            { border-bottom: 0px none transparent; }

/* @end   Pagination */
/* @group Aside Horizontal Rules */

.small-groups .aside h2:first-child,
.one-on-one-groups .aside h2:first-child,
.large-groups .aside h2:first-child,
.discipleship-training-groups .aside h2:first-child
            { margin-top: -0.2500em;}

.small-groups #wrap:first-child .aside h2,
.one-on-one-groups #wrap:first-child .aside h2,
.large-groups #wrap:first-child .aside h2,
.discipleship-training-groups #wrap:first-child .aside h2,
/*.conferences #wrap:first-child .aside h2,
.summer-training-camps #wrap:first-child .aside h2,
.workshops-and-retreats #wrap:first-child .aside h2,*/
#wrap:first-child .aside .gallery,
#wrap:first-child .aside .vimeo
            { border-top: 1px solid #A4C3FF; }
.small-groups #wrap:first-child .aside h2,
.one-on-one-groups #wrap:first-child .aside h2,
.large-groups #wrap:first-child .aside h2,
.discipleship-training-groups #wrap:first-child .aside h2/*,
.conferences #wrap:first-child .aside h2,
.summer-training-camps #wrap:first-child .aside h2,
.workshops-and-retreats #wrap:first-child .aside h2*/
            { padding-top: 0.4500em; }
#wrap:first-child .aside .gallery,
#wrap:first-child .aside .vimeo
            { padding-top: 1.5000em; }
.aside ol.event-feed
            { border-bottom: 1px solid #A4C3FF; padding-bottom: 0.5000em; }
.aside ol.event-feed:last-child
            { border-bottom: 0px none transparent; }
.small-groups #wrap:first-child .aside h2:first-child,
.one-on-one-groups #wrap:first-child .aside h2:first-child,
.large-groups #wrap:first-child .aside h2:first-child,
.discipleship-training-groups #wrap:first-child .aside h2:first-child,
/*.conferences #wrap:first-child .aside h2:first-child,
.summer-training-camps #wrap:first-child .aside h2:first-child,
.workshops-and-retreats #wrap:first-child .aside h2:first-child,*/
#wrap:first-child .aside .gallery:first-child,
#wrap:first-child .aside .vimeo:first-child,
.small-groups #wrap:first-child .aside .vimeo,
.large-groups #wrap:first-child .aside .vimeo,
.discipleship-training-groups #wrap:first-child .aside .vimeo,
.one-on-one-groups #wrap:first-child .aside .vimeo
             { border-top: 0px none transparent; padding-top: 0; }
.aside .loose-pages 
            { border-top: 1px solid #A4C3FF; border-bottom: 1px solid #A4C3FF; padding-top: 1.5000em; }

/* @end Aside HR */
/* @group Search Results */

.results-list
            { margin: 2.0000em 0 0 0;}
.results-list dd
            { margin-left: 0px;}

/* @end   Search Resul */
/* @group Training & Events */

h3.payment  { padding-top: 1.25em;}

/* @end   Training & Events */


/* -----------------------------------------------------
  P.I.E. FLOAT CLEARING
  www.positioniseverything.net/easyclearing.html
----------------------------------------------------- */
#nav:after, .clearfix:after, #home .hfeed:after, #home .events:after,
body.materials form div:after, .hgroup:after, .primary .hentry:after,
div#content:after
            { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Fixes IE/Mac */
.clearfix 
            { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix 
            { height: 1%; }
.clearfix 
            { display: block; }
/* End hide from IE-mac */


/* Image styles
---------------------------------------- */

img         { border: 2px solid #4773C9; display: block; width: 99%; height: auto; overflow: hidden;}
a img       { border: 2px solid #4773C9; }
a img:hover, a img:focus, p.network a:hover, p.network a:focus
            { border-color: #E39315; }

img.xl, .primary img 
            { }
img.l, .aside img
            { }
img.m       { }
img.x       { }
img.pp      { border: 0 none transparent; display: none; }
button img  { border: 0 none transparent }

/*p.network a { -moz-border-radius: 5px;
              -webkit-border-radius: 5px;
              border-radius: 5px;}*/
p.network a { display: block; width: 167px; height:53px; 
              background: transparent url(./sprites/net4good.gif) no-repeat scroll center center;
              border: 2px solid #4773C9;
              -moz-border-radius: 19px;
              -webkit-border-radius: 19px;
              -o-border-radius: 19px;
              -ms-border-radius: 19px;
              border-radius: 19px;
              overflow: hidden;
              text-indent: -9999px;}
/*p.network a img 
            { width: 167px;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              overflow:hidden}*/


/* Temporarily home to some form stuff. Need to move this to forms.css
---------------------------------------- */

.journal .primary form ol
            { margin-right: 0; margin-left: 0;
              list-style-type: none;}
.journal .primary form ol label
            { display: block; clear: both;}