Main Layout and Header

(1) General Page Layout | (2) Alpha classes | (3) Beta classes
body

description: The page in it's entirety. Insert background image here.
location: Everywhere
#container

description: Main container that holds everything.
location: n/a
#container-inner

description:Container inside of main container. Used mostly for padding and margins.
location: inside #container
#page

description:A second container inside of the main #container.
location: inside #container -> #container-inner
#page-inner

description:A container inside of the #page container. Used mostly for padding and margins.
location: inside #container -> #container-inner -> #page
#header

description:A container that holds the main menu, title and description of the journal.
(Good place to use a header image.)

location: inside #container -> #container-inner -> #page -> #page-inner
#header-inner

description:A container inside of the #header container. Used mostly for padding and margins.
location: inside #header
ul.nav

description:An unordered list that holds the main navigation links.
location: inside #header
ul.nav li.item

description:Items inside of the .nav list.
location: inside #header-> ul.nav
#header-name

description:Page Title
location: inside #header
#header-description

description:Page Subtitle
location: inside #header
#content

description:A container that holds the sidebar(s) , entries, and page forward/back links.
location: inside #page -> #page-inner
#content-inner

description:A container inside of the #content container. Used mostly for padding and margins.
location: inside #content
#alpha

description:Container that holds the forward/back links and the entries.
location: inside #content
#alpha-inner

description:A container inside of the #alpha container. Used mostly for padding and margins.
location: inside #alpha
#beta

description:Container that holds the sidebar.
location: inside #content
#beta-inner

description:A container inside of the #beta container. Used mostly for padding and margins.
location: inside #beta
#gamma, #gamma-inner

description:Used to hold second sidebar when using the three column layout.
location: inside #content
(1) General Page Layout | (2) Alpha classes | (3) Beta classes