/* ===============
 CSS Base Info
  * Theme Name: Intensions 3.0 Theme
  * Description: Sitewide CSS
  * Version: 1.0 - 27-8-2009
  * Website: http://www.yorku.ca/intent/issue4
  * Author: Cliff Davidson
  * Email: cliff.davidson@gmail.com
  * CSS Version 2.1 with XHTML 1.0 Strict

 * ===============
 Structure Info
  * Content Width: 975px
  * Number of Columns: 1 with side table of contents

 * ===============
 Contents
  * 0 - Global Reset
  * 1 - Sitewide Settings
    * a - Main Settings
    * b - Visual Settings
    * c - Quotes
    * d - Text Manipulation
  * 2 - Headings
  * 3 - Anchors/Links
  * 4 - Lists
  * 5 - Tables
  * 6 - Forms
  * 7 - Layout
    * a - Container
    * b - Header
    * c - Navigation
    * d - Content
    * e - Main Content
      * i - Works Pages
    * f - Table of Contents
      * i - All Pages
      * ii - Home Page
    * g - Footer
  * 8 - Visual Styles
    * a - a
    * b - b
    * c - c
    * d - d

 * ===============
 Global Reset
=============== */
html, body, div, 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 {background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline;}

/* ===============
 Sitewide Settings
=============== */
/* ===== Colors =====
  *#441408 - (burgundy) background, nav hover text
  *#dcc390 - (cream) body text, nav text, a hover, line behind headings
  *#8c613b - (goldbrown) issue/article title (in article and toc), active toc li, text headers
  *#76563a - (brown) issue number, author name (image), article title (in toc)
  *#883f1b - (redbrown) author/place title (in toc), issue season year 
*/
/* ===== Main Settings ===== */
/* Set font-size to 62.5% to make it equal to 10px, size as em. Ex: 1.2em = 12px */
html {font-size:62.5%;}
body {background:#441408 url(../images/bodybg.png) repeat-x 0% 0%; color:#dcc390; font:1.2em/1.3em Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; margin:0;}
p {line-height:1.5em; margin:0 0 1.3em 0;}
pre {clear:both; font-family:Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif; line-height:1.5em; margin:0 0 1.3em 0;}
div {}
address {}

/* ===== Visual Settings ===== */
img {}
map {}
area {}
object {}
hr {display:none;}

/* ===== Quotes ===== */
blockquote {display:block; margin:0; padding:0;}
#maincontent blockquote p {margin:0; padding:0 5.0em 1.0em 5.0em; font-style:normal;}
#maincontent blockquote h5 {margin:0; padding:0 4.1em;}
blockquote p:first-letter {}
.quoteauthor {display:block; padding:0; text-align:right; font-size:0.9em; font-style:normal;}
q {display:inline;}
q:before {content:'“'}
q:after {content:'”'}

/* ===== Text Manipulation ===== */
abbr {border-bottom:1px dotted;}
acronym {border-bottom:1px dashed;}
bdo {}
cite {}
code {}
del {text-decoration:line-through;}
dfn {}
em {font-style:italic;}
ins {text-decoration:underline;}
kbd {}
pre {}
samp {}
strong {font-weight:bold;}
sub {bottom:1.0em; font-size:0.8em; height:0; line-height:1; position:relative; vertical-align:baseline;}
sup {font-size:0.8em; height:0; line-height:1; position:relative; top:0em; vertical-align:top;}
var {}

/* ===============
 Headings
=============== */
/* All headers can be combined and all attributes declared at the same time (h1, h2 {color...}).
You can also declare specifics for each after the combined declaration (see below). */
h1, h2, h3, h4, h5, h6 {}
h1 {font-size:2.0em; line-height:1.0em;}
h2 {font-size:1.8em; line-height:1.0em;}
h3 {font-size:1.6em; line-height:1.0em;}
h4 {font-size:1.4em; line-height:1.0em;}
h5 {font-size:1.2em; line-height:1.0em;}
h6 {font-size:1.0em; line-height:1.0em;}

/* ===============
 Anchors/Links
=============== */
/* All anchors can be combined and all attributes declared at the same time (a, a:hover {color...}).
You can also declare specifics for each after the combined declaration but they must be in the order below.
If you only declare attributes for 'a' it will effect all the other 'pseudo-classes.' */
a {text-decoration:none; color:#883f1b;}
a:focus, a:hover, a:active {border-bottom:1px solid; color:#dcc390;}
a:visited {}
a:focus {}
a:hover {}
a:active {}

/* ===============
 Lists
=============== */
ul {}
ul li {}
ol {}
ol li {}
dl {}
dt {}
dd {}

/* ===============
 Tables - FOR DATA ONLY
=============== */
table {border-collapse:separate; border-spacing:0.2em; display:table; text-align:center;}
caption {}
thead {}
tfoot {}
tbody {}
th {}
tr {}
td {}

/* ===============
 Forms
=============== */
form {}
fieldset {}
legend {}
label {}
/* input affects all input tags (radio, checkbox, text, password etc.) */
input {}
text area {}
select {}
optgroup {}
option {}

/* ===============
 Layout
=============== */
/*===== Background Image =====*/
#bgimage {background:transparent url(../images/htmlbodybg.png) repeat-x bottom left; z-index:-1;}
/*===== Container =====*/
#container {margin:0 auto; width:975px;}

/*===== Header =====*/
#header {background:transparent url(../images/headerbg.png) no-repeat 100% 100%; height:100px; margin:15px 0 0 0; width:975px;}
#header h1 {background:transparent url(../images/headerh1bg.png) no-repeat 0% 0%; float:left; height:80px; margin: 20px 0 0 0; width:170px; text-indent:-999.0em;}
#header h2, #header h3 {background:none; display:none; text-indent:-999.0em;}
#header h1 a {display:block; height:80px; width:170px;}
#header h1 a:focus, #header h1 a:hover, #header h1 a:active {background:transparent url(../images/headerh1bgover.png) no-repeat 0% 0%; border:none; height:80px; width:297px;}

/*===== Navigation =====*/
#nav {clear:both; height:1.8em; margin:0.9em 0; padding:0;}
#nav li {display:inline; margin:0; padding:0;}
#nav li a {color:#dcc390; display:block; float:left; margin:0; padding:0 1.0em; border-left:1px solid #dcc390; width:auto;}
#nav li a.navend {border-right:1px solid #dcc390;}
#nav li a:focus, #nav li a:hover, #nav li a:active {background:#dcc390; border-bottom:none; border-color:#dcc390; color:#441408;}

/*===== Content =====*/
#content {clear:both; margin:10px 0 0 0; text-align:justify;}

/*===== Main Content=====*/
#maincontent {margin:0 0 0 340px; position:relative; width:635px;}
#maincontent p {margin:0 0 1.0em 0; line-height:1.5em;}
#maincontent p.abstract {margin:0 6.0em 2.0em 6.0em; line-height:1.2em;}
#maincontent p.acknowledgements {font-size:0.9em; line-height:1.2em;}
#maincontent a {}
/*===Works Pages===*/
#workscontent {margin:0; border:1px solid #dcc390; clear:both;}
#maincontent.works {width:640px; margin:10px auto 0 auto;}
#maincontent.works p {text-align:justify;}

/*=====Table Of Contents=====*/
/*===All Pages===*/
.toc {float:left; margin:0 25px 0 0; padding:0; width:315px; text-align:left;}
.toc ul {margin:0; padding:0; list-style:none;}
.toc li {margin:0 0 1.5em 0; background:none;}
.toc .issuetitle {font-size: 2.0em; font-weight:normal; font-family:Impact; letter-spacing:0.05em; line-height:1.0em; margin:0;}
.toc .issueeditor {font-size:1.2em; font-family:Impact; letter-spacing:0.05em; line-height:1.2em;  margin:0.2em 0 1.0em 0;}
.toc .title {color:#76563a;}
.toc a:focus .title, .toc a:hover .title, .toc a:active .title {color:#dcc390;}
li.active {border-left:1px solid #8c613b; color:#8c613b; padding:0 0 0 0.5em; text-decoration:underline;}
li.active .title {color:#8c613b;}
h3.tochead {display:block; height:40px; margin:0 0 0.1em 0; padding:0; text-indent:-999.0em;}
h3#editorsnote {background:transparent url(../images/editorsnote.png) no-repeat 0% 0%;}
h3#articles {background:transparent url(../images/articles.png) no-repeat 0% 0%;}
h3#poems {background:transparent url(../images/poems.png) no-repeat 0% 0%;}
h3#works {background:transparent url(../images/works.png) no-repeat 0% 0%;}
h3#section1 {height:70px; background:transparent url(../images/section1.png) no-repeat 0% 0%;}
h3#section1subhead {height:40px; background:transparent url(../images/section1subhead.png) no-repeat 0% 0%;}
h3#section2 {height:40px; background:transparent url(../images/section2.png) no-repeat 0% 0%;}
h3#section3 {height:70px; background:transparent url(../images/section3.png) no-repeat 0% 0%;}
h3#callforpapers {background:transparent url(../images/callforpapers.png) no-repeat 0% 0%; height:40px; text-indent:-999.0em;}
h3#callforpapers a {display:block;}
h3#callforpapers a:focus, h3#callforpapers a:hover, h3#callforpapers a:active, .home h3#callforpapers a:focus, .home h3#callforpapers a:hover, .home h3#callforpapers a:active {border:none; color:#dcc390; text-decoration:none;}
/*===Home Page===*/
.home .toc {margin:0; padding:0; width:485px; font-size:1.1em;}
.home #col1 {float:left; width:472px;}
.home #col2 {float:right; width:472px; padding:0.35em 0 0 0;}
.homepic {background:none; clear:both; margin:0; padding:0; text-align:center; width:975px;}
.homepiccaption {color:#883f1b; font-size:1.2em; margin:0 0 3.0em 0;text-align:right;}
.home #col2 li {height: 100px; margin: 0.5em 0 2.5em 0; padding:0 0 0 110px;}
.home #col2 li#alexandrahandal {background:transparent url(../images/alexandrahandal.png) no-repeat 0% 50%;}
.home #col2 li#michellesmith {background:transparent url(../images/michellesmith.png) no-repeat 0% 50%;}
.home #col2 li#oswaldodeleonkantuleachu {background:transparent url(../images/oswaldodeleonkantuleachu.png) no-repeat 0% 50%;}
.home #col2 li#cliffdavidson {background:transparent url(../images/cliffdavidson.png) no-repeat 0% 50%;}

/*===== Footer =====*/
#footer {border-top:1px solid #dcc390; clear:both; float:none; font-size:0.9em; margin:2.0em 0 0 0; padding:0 0 1.0em 0; text-align:center;}
#footer ul {clear:both; margin:0.9em auto 0 auto; padding:0;}
#footer ul li {border-left:1px solid #dcc390; display:inline; margin:0; padding:0 1.0em;}
#footer ul li a {color:#8c613b; margin:0 auto;}
#footer li.navend {border-right:1px solid #dcc390;}
#footer li a:focus, #footer li a:hover, #footer li a:active {color:#76563a;}

/* ===============
 Visual Styles
=============== */
/*===Title Images===*/
h4 {background:transparent url(../images/h4bg.png) repeat-x 100% 104%; color:#8c613b; font-weight:normal; font-size:1.5em; margin:0 0 0.5em 0; padding:0;}
h2.h2title {height:25px; margin:0.5em 0 0 0; padding:0; text-indent:-999.0em; font-size:1.0em;}
h2.double {height:50px;}
h3.h3auth {height:16px; margin:0 0 1.0em 0; padding:0; text-indent:-999.0em; font-size:1.0em;}
h3.double {height:32px;}
h4.h4pos {height:12px; margin:0 0 1.0em 0; padding:0; text-indent:-999.0em; font-size:1.0em;}
h4#abstracth4 {height:30px; margin:2.0em 0 0 0; padding:0; background:transparent url(../images/abstract.png) no-repeat 0% 0%;}
h4#premiseh4 {height:30px; margin:2.0em 0 0 0; padding:0; background:transparent url(../images/premise.png) no-repeat 0% 0%;}
h4#acknowledgementh4 {height:30px; margin:2.0em 0 0 0; padding:0; background:transparent url(../images/acknowledgements.png) no-repeat 0% 0%;}
h4#footnotesh4 {height:30px; margin:2.0em 0 0 0; padding:0; background:transparent url(../images/footnotes.png) no-repeat 0% 0%;}
h4#workscitedh4 {height:30px; margin:2.0em 0 0 0; padding:0; background:transparent url(../images/workscited.png) no-repeat 0% 0%;}
h2#notefromtheeditorh2 {background:transparent url(../notefromtheeditor/notefromtheeditortitle.png) no-repeat 0% 0%;}
h3#notefromtheeditorh3 {background:transparent url(../notefromtheeditor/notefromtheeditorauthor.png) no-repeat 0% 0%;}
/*===Works and Articles Title Images===*/
h2#frankbwildersoniiih2 {background:transparent url(../articles/frankbwildersoniiititle.png) no-repeat 0% 0%;}
h3#frankbwildersoniiih3 {background:transparent url(../articles/frankbwildersoniiiauthor.png) no-repeat 0% 0%;}
h2#khadijaelalaouih2 {background:transparent url(../articles/khadijaelalaouititle.png) no-repeat 0% 0%;}
h3#khadijaelalaouih3 {background:transparent url(../articles/khadijaelalaouiauthor.png) no-repeat 0% 0%;}
h2#jaredsextonh2 {background:transparent url(../articles/jaredsextontitle.png) no-repeat 0% 0%;}
h3#jaredsextonh3 {background:transparent url(../articles/jaredsextonauthor.png) no-repeat 0% 0%;}
h2#tamaraknopperh2 {background:transparent url(../articles/tamaraknoppertitle.png) no-repeat 0% 0%;}
h3#tamaraknopperh3 {background:transparent url(../articles/tamaraknopperauthor.png) no-repeat 0% 0%;}
h2#tsitsiellajajih2 {background:transparent url(../poems/tsitsiellajajititle.png) no-repeat 0% 0%;}
h3#tsitsiellajajih3 {background:transparent url(../poems/tsitsiellajajiauthor.png) no-repeat 0% 0%;}
h2#nathaliehandalh2 {background:transparent url(../poems/nathaliehandaltitle.png) no-repeat 0% 0%;}
h3#nathaliehandalh3 {background:transparent url(../poems/nathaliehandalauthor.png) no-repeat 0% 0%;}
h2#alexandrahandalh2 {background:transparent url(../works/alexandrahandal/alexandrahandaltitle.png) no-repeat 0% 0%;}
h3#alexandrahandalh3 {background:transparent url(../works/alexandrahandal/alexandrahandalauthor.png) no-repeat 0% 0%;}
h2#michellesmithh2 {background:transparent url(../works/michellesmith/michellesmithtitle.png) no-repeat 0% 0%;}
h3#michellesmithh3 {background:transparent url(../works/michellesmith/michellesmithauthor.png) no-repeat 0% 0%;}
h2#oswaldodeleonkantuleachuh2 {background:transparent url(../photos/oswaldodeleonkantuleachu/oswaldodeleonkantuleachutitle.png) no-repeat 0% 0%;}
h3#oswaldodeleonkantuleachuh3 {background:transparent url(../photos/oswaldodeleonkantuleachu/oswaldodeleonkantuleachuauthor.png) no-repeat 0% 0%;}
h2#cliffdavidsonh2 {background:transparent url(../photos/cliffdavidson/cliffdavidsontitle.png) no-repeat 0% 0%;}
h3#cliffdavidsonh3 {background:transparent url(../photos/cliffdavidson/cliffdavidsonauthor.png) no-repeat 0% 0%;}

/*===Footnotes and Endnotes===*/
#footnotelist {padding:1.0em 0; list-style:lower-roman inside;}
#footnotelist li {margin:0 0 1.0em 0; font-size:0.9em; line-height:1.2em;}
#footnotelist li a {padding:0 15px 0 0; background:transparent url(../images/footbg.png) no-repeat 100% 50%;}
#footnotelist li a:focus, #footnotelist a:hover, #footnotelist a:active {background:transparent url(../images/footbgover.png) no-repeat 100% 50%; text-decoration:none; border:none;}
#footnotelist li a.nobg, #footnotelist li a.nobg:focus, #footnotelist li a.nobg:hover, #footnotelist li a.nobg:active {background:none; padding:0;}
#workscitedlist {padding:1.0em 0 0 0; border-bottom:1px solid #dcc390; list-style:none;}
#workscitedlist li {margin:0 0 1.0em 0; padding:0 0 0 2.0em; text-indent:-2.0em; line-height:1.2em;}

/* =====General Visual=====*/
.hide {display:none;}
.right {clear:right; float:right; margin:0 1.0em 0 1.0em;}
.left {clear:left; float:left; margin:0 1.0em 1.0em 0;}
.center {text-align:center;}
.quoteauthor {display:block; font-size:0.9em; padding:0; text-align:right;}
.figtitle {font-weight:bold;}
.clear {clear:both;}
.works h4 {margin-top:1.0em;}
.poem {font-family: Garamond, "Adobe Garamond", Times,  serif; font-size:1.2em; font-style:italic;}
p a.toplink {margin:0; padding:0; font-size: 0.8em;}
.pdf {display:block; padding:0 0 0 30px; background:transparent url(../images/pdflogo.png) no-repeat 0% 50%; line-height:1.0em; min-height:25px;}
.pdf:focus, .pdf:hover, .pdf:active {border:none; background:transparent url(../images/pdflogoover.png) no-repeat 0% 50%; text-decoration:underline;}
#maincontent .title {font-style:italic;}
#maincontent #footnotelist .title {font-style:normal; text-decoration:underline;}
#maincontent p a.worksbutton {float:left; margin:0 2.5em 2.0em 0; padding:0; clear:right;}
#maincontent p a.worksbutton:focus, #maincontent p a.worksbutton:hover, #maincontent p a.worksbutton:active {border:none;}
#maincontent p a {color:#8c613b;}
#maincontent p a:focus, #maincontent p a:hover, #maincontent p a:active {border:none; text-decoration:underline; color:#76563a;}
#maincontent p.list {margin:0 0 1.5em 2.0em;}
#maincontent div.oneimage {margin:0 auto 1.5em auto; width:450px;}
#maincontent div.twoimage {float:left; margin:0 12px 1.5em 12px; width:200px;}