/*  
Theme Name: Out Of The Box
Description: Out Of The Box Word Press Theme Version 1.0
Version: 1.0
Author: Russel Taylor w/ Zero G Creative
*/

/* 

ToC
	0. *Global reset*
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/

/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */

/* --------- 1. defaults  --------- */

* { margin: 0; padding: 0; }

body { text-align:center;/**IE 5.5- Hack - Centers Site */ background:#ffb310 url(images/bkg_tile.jpg) repeat-x; }
		
/*  --------- 2. structure  --------- */

/*Grid Overlay
.grid { background:url(Gutters.png) repeat-y; width:910px; height:100%; margin:0 auto;
z-index :1000;
position: relative;
}
 */
/* Logo Overlay */
#wrapper, #wrapperShadow, #wrapper-inner, #masthead, #subnav, #navContainer, #navigation { position:relative; z-index:1; }
#logo { position: absolute; z-index:1000; top:9px; left:63px; background:url(images/logo.png) no-repeat; width:149px; height:224px; }

#wrapper { background:url(images/wrapper.gif) repeat-y center 0; width:950px; height:100%; margin:0 auto; text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ }

#wrapperShadow { background:url(images/wrapper_tile-top.gif) no-repeat center 0; width:950px; height:100%; margin:0 auto; }

#wrapper-inner { padding:0 10px; }
	
#masthead { background: url(images/header.jpg) no-repeat; width:930px; height:123px; }

#secondaryNavContainer { width:930px; height:90px; }
		
#navContainer { background:url(images/navbar.gif) repeat-x; width:930px; height:33px; }

#content { margin-bottom:20px; }

#page { width:930px; height:300px; padding:0 30px 0; }

#BB { /*background:url(images/pic-main.jpg) no-repeat;*/ width:930px; height:247px;}

/* Content Block Specific */
.cb-1 { background:url(images/cb-1_grad.jpg) repeat; /*width:436px;*/ height:159px; }
.cb-1 h2 { margin-bottom:10px; }
.cb-1 p { display:block; padding:0 20px; }

.news .postMain { margin-bottom:20px; padding-bottom:20px; border-bottom:3px solid #000; }
.news .post { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #000; }

#sidebarLeft {}

#sidebarRight {}

#subpics { padding:20px 0 0; }

#footer { width:930px; height:10px; }

#footerCap { background:url(images/footer-cap.jpg) no-repeat center 0; width:950px; height:36px; margin:0 auto 0px; }

#postFooter { width:860px; margin:0 auto 20px; }

.separator { clear: both; }
.separatorInvisible { clear: both; height: 1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.break { display:none; height:0px; }
.alignLeft { float:left; }
.alignRight { float:right; }
.alignCenter { margin:0 auto; text-align:center; }


.xPT-10 { padding-top:10px; }
.xPT-20 { padding-top:20px; }

/* -- GRID -- */

/* COLUMN CONTAINER  */
.columnContainer {width:900px; padding:0 0 10px 20px; 
position:relative; /* IE6(sucks) Hack => Corrects Links from ridding up page w/ div overlay */ }
.columnContainerFill { width:930px; 
position:relative; /* IE6(sucks) Hack => Corrects Links from ridding up page w/ div overlay */ }

  /* 1/1 COLUMN */
.column {float:left; margin:0 10px 0 0; width:890px;}
.columnContainerFill .column {float:left; margin:0 0 0 0; width:930px;}

  /* 1/2 COLUMN */
.span12 {width:440px;}
.columnContainerFill .span12 {width:465px;}

  /* 1/3 COLUMN - *SAME AS 9ths* */
.span13 {width:290px;}
.span23 { width:590px;}

  /* 1/4 COLUMN */
.span14 {width:215px;}
.span34 {width:665px;}

  /* 1/5 COLUMN */
.span15 {width:170px;}
.span25 {width:350px;}
.span35 {width:530px;}
.span45 {width:710px;}

  /* 1/7 COLUMN */
.span17 {width:118px;}
.span27 {width:246px;}
.span37 {width:374px;}
.span47 {width:502px;}
.span57 {width:630px;}
.span67 {width:758px;}


  /* 1/9 COLUMN */
.span19 {width:90px;}
.span29 {width:190px;}
.span39 {width:290px;}
.span49 {width:390px;}
.span59 {width:490px;}
.span69 {width:590px;}
.span79 {width:690px;}
.span89 {width:790px;}

/* Debugging */
.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }


/* ---------- 3. links and navigation ---------- */

a { color:#df162b; text-decoration:none; }
		
a:hover { color:#000; text-decoration:underline; }

.link a { background:url(images/icon_arrow.gif) no-repeat right 5px; padding-right:8px; }
.link a:hover { background-position: right -25px; text-decoration:none; }

/* External Links - IE7 & up */

a[href^="http:"] {}
a[href^="http://www.domiannamehere.com"] {}

#navigation { font:1.3em Verdana, Arial, Helvetica, sans-serif; color:#fff; float:right; text-align:right }
#navigation ul { list-style-type:none; background:url(images/navbar-line.gif) no-repeat 10px 0; /* 616 */ width:700px; height:32px; padding-left:12px; }
#navigation li { float:right; margin-right:10px; padding:6px 0 0;  }
#navigation a { color:#fff; text-decoration:none; background:url(images/navbar-line.gif) no-repeat right 0; padding:6px 10px 9px 0; height:21px; }
#navigation a:hover { color:#ffff00; }
/*#link1 { background:url(images/navbar-line.gif) no-repeat left 0; }*/

/* Automation */
.about #secondaryNav .homelinkli a,
.support-us #secondaryNav .supportlinkli a,
.contact-us #secondaryNav .contactlinkli a,
.cirriculum #navigation .page-item-20 a,
.student-profile #navigation .page-item-18 a,
.enrollment #navigation .page-item-16 a,
.market #navigation .page-item-14 a,
.partners #navigation .page-item-12 a,
.news #navigation .page-item-10 a,
.alumni-forum #navigation .page-item-8 a,
.about-2 #navigation .page-item-54 a
{ color:#FFFF00; }

#secondaryNav { font:1.2em Verdana, Arial, Helvetica, sans-serif; color:#fff; float:right; display:block; padding-right:7px; }
#secondaryNav li { float:left; background:url(images/nav_top-bkg.jpg) repeat-x; }
#secondaryNav a { display:block; color:#fff; text-decoration:none; text-align:right; }
#secondaryNav a:hover { color:#FFFF00; }

#homelink { background:url(images/nav_Home.jpg) repeat-x; width:101px; height:36px; padding:11px 8px 0 0; }
#supportlink { background: url(images/nav_SupportUs.jpg) repeat-x; width:116px; height:36px; padding:11px 11px 0 0; }
#contactlink { background:url(images/nav_ContactUs.jpg) repeat-x; width:116px; height:36px; padding:11px 20px 0 0; }

#postFooter ul { font:1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; }
#postFooter li { float:left; display:inline; margin-right:5px; }
#postFooter a { color:#000; text-decoration:none; }
#postFooter a:hover { color:#df162b; text-decoration:underline; }


/* ---------- 4. fonts ---------- */

html { font-size: 100%; }

body { font-size: 62.5%; }

h1, h2, h3, h4, p, ul {}

h1 { font: bold 2.0em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; text-transform:uppercase !important;/**IE 5.x Hack */ }
h2 { font: bold 1.6em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; text-transform:uppercase !important;/**IE 5.x Hack */ }
h3 {}	
h4 {}

h2.Enrollment { background:url(images/title_Enrollment.jpg) no-repeat 0 1px; width:218px; height:45px; text-indent:-9999px; }
h2.AboutUs { background: url(images/title_aAboutUs.jpg) no-repeat 1px 0; width:217px; height:45px; text-indent:-9999px; }
h2.InTheNews { background: url(images/title_InTheNews.jpg) no-repeat 1px 0; width:217px; height:45px; text-indent:-9999px; }
h2.Cirriculum { background: url(images/title_Cirriculum.jpg) no-repeat 1px 0; width:217px; height:45px; text-indent:-9999px; }

p { font:1.1em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; }x
.quad { padding:0 10px 0; }

.post li { list-style-type:square; margin:0 0 4px 12px; }

blockquote {}

.post { font:1.1em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; }
/* PAGE NAV */
.navigation { margin-top:30px; }


/* ---------- 5. images ---------- */

a img { border: 0; }
		
/* ---------- 6. tables ---------- */

table {}
		
caption {}
		
tr {}

th, td {}
		
th {}
		
td {}

/* ---------- 7. forms ---------- */	
		
form {}