/*
*
* Theme Name: 	The Carletonian
* Author:	 	Bedrich Rios
* Version: 		1.0
* Last Update:	04.05.08
*
*/ 


/* Structure
-------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
}

.fullGraphicsView div#bannerAndMeat
{
	width: 950px;
	margin: 0px auto;
}

.fullGraphicsView div#content
{
	width: 950px;
	float: left;
}

.fullGraphicsView div#navigation
{
	margin-left: -950px;
	width: 200px;
	float: left;
}

/* IE6 fix */
* html .fullGraphicsView div#navigation { margin-left: -950px; }

.fullGraphicsView div#related
{
	width: 200px;
	float: left;
}

.fullGraphicsView div#meat.containsConNav div#content
{
	margin-left: 200px;
	width: 750px;
}

/* IE6 fix */
* html .fullGraphicsView div#meat.containsConNav div#content { margin-left: 100px; }

.fullGraphicsView div#meat.containsConRel div#content
{
	margin-right: 200px;
	width: 750px;
}

.fullGraphicsView div#meat.containsConRelNav div#content
{
	margin: 0 200px;
	width: 550px;
}

.fullGraphicsView div#footer { clear: both; }


/* jQuery Rules
-------------------------------------------------- */

.fullGraphicsView .issueMenu, .fullGraphicsView .issueName
{
	position: absolute;
	margin-top: -38px;
}

.fullGraphicsView .issueName { width: 270px; }

.fullGraphicsView .issueMenu
{
	margin-left: 355px;
	font-family: Arial, Verdana, sans-serif;
}

.fullGraphicsView .issueMenu label
{
	font-size: .85em;
	color: #2c3e88;
	text-decoration: underline;
	cursor: pointer !important;
}

.fullGraphicsView .issueMenu label:hover
{
	color: #f3693a;
	text-decoration: underline;
	cursor: pointer !important;
}

.fullGraphicsView .issueName
{
	margin-top: -45px;
	margin-left: 90px;
}

* html .fullGraphicsView .issueName { margin-left: 95px; }

.fullGraphicsView .issueName a
{
	color: #555555;
	text-decoration: none;
	font-family: Georgia, Times, serif;
}

.fullGraphicsView .issueName h3
{
	color: #999999 !important;
	font-family: Georgia, Times, serif !important;
	font-size: .875em !important;
}

.fullGraphicsView .issueBox
{
	white-space: nowrap;
	padding: 10px;
	background: #efefef;
	border: 1px solid #999999;
}

* html .fullGraphicsView .issueBox
{
	width: 210px;
}

.fullGraphicsView input.submit
{
	background: #eaf0f8;
	color: #2c3e88;
	border: 1px solid #b9c0e6;
	cursor: pointer;
}

.fullGraphicsView input.submit:hover
{
	background: #fefefe;
	color: #f3693a;
	border: 1px solid #cccccc;
}


/* Global Rules 
-------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	color: #333333;
	background: url('images/background.gif') top left repeat-x #eeeeee;
}

/* IE6 fix */
* html body
{
	background: #eeeeee;
	padding: 20px;
}

.fullGraphicsView h2.pageTitle,
div#breadcrumbs 
{ display: none; }

.fullGraphicsView a 		{ color: #2c3e88; }
.fullGraphicsView a:hover 	{ color: #f3693a; }

.fullGraphicsView div#bannerAndMeat
{
	background: #fefefe;
	border: 1px solid #888888;
}

div#wrapper.fullGraphicsView 
{
	width: 1000px;
	margin: 35px auto 0 auto;
	background: url('images/dropshadow.png') top left repeat-y;
}

/* IE6 fix */
* html div#wrapper.fullGraphicsView 
{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: url('images/dropshadow_ie6.gif') top left repeat-y;
}

.fullGraphicsView input
{
	padding: 0;
	font-size: .875em;
}


/* Banner
-------------------------------------------------- */

.fullGraphicsView div#banner
{
	text-align: center;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #888888;
}

.fullGraphicsView div#banner h1
{
	margin: 0;
	padding: 20px;
}

.fullGraphicsView div#banner h1 a
{
	margin: 0px auto;
	display: block;
	width: 398px;
	height: 62px;
	background: url('images/logo.gif') top left no-repeat;
}

.fullGraphicsView div#banner h1 a span 	{ display: none; }
.fullGraphicsView div.pagination 		{ margin: 0 20px; }
.fullGraphicsView div.above 			{ display: none; }


/* Content
-------------------------------------------------- */

.fullGraphicsView div#content
{
	margin: 0px;
	padding: 0px;
}

.contentMain
{ margin:1em 1em 2em 1em; }


/* Featured Item
-------------------------------------------------- */

.fullGraphicsView div#featuredItems
{
	clear: both;
	padding: 0;
	margin: 0;
}

.fullGraphicsView div#featuredItems ul
{
	margin: 0;
	padding: 20px;
	padding-bottom: 0;
}

.fullGraphicsView div#featuredItems ul li h4
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.25em;
}

.fullGraphicsView div#featuredItems div.primaryImage
{
	margin: 0 0 14px 14px;
	padding: 0;
	float: right;
}

.fullGraphicsView div#featuredItems div.primaryImage img 
{
	margin: 0;
	padding: 0;
	border: 1px solid #888888;
}

div#featuredItems ul ul.links, div#featuredItems ul ul.links li 
{
	margin:0;
	padding:0;
}

.fullGraphicsView div#blog.publication div#featuredItems div.desc 	{ margin-bottom: 0; }
.fullGraphicsView div#featuredItems ul ul.links 					{ margin-bottom: 20px; }
.fullGraphicsView div#blog.publication div#featuredItems div.desc p { margin-bottom: 1em; }


/* Publication 
-------------------------------------------------- */

.fullGraphicsView div#blog.publication
{
	margin: 0;
	font-size: .85em;
	font-family: Georgia, Times, serif;
}

.fullGraphicsView div#bannerXtra,
.fullGraphicsView div.curSection, 
.fullGraphicsView .allIssues,
.fullGraphicsView div#blog.publication div.persistent
{ display: none; }

.fullGraphicsView div#blog.publication div.desc img
{
	float: right;
	margin: 5px 0 5px 15px;
	border: 1px solid #888888;
}

.fullGraphicsView div#blog.publication div.desc p 
{ 
	margin-bottom: .5em; 
	margin-top: 0;
}

.fullGraphicsView div#blog.publication div.noRelated div.primaryContent 	{ width: 100%; }
.fullGraphicsView div#blog.publication div.hasRelated div.primaryContent 	{ width: 80%; }
.fullGraphicsView div#blog.publication div.hasRelated div.primaryContent *  { padding-right: 10px; }

.fullGraphicsView div#blog.publication div.hasRelated div.primaryContent p 
{
	margin-top: 0;
	margin-bottom: 1em;
}

.fullGraphicsView div#blog.publication div.hasRelated div.relatedItems
{
	width: 20%;
	font-size: .85em;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.2em;
}

.fullGraphicsView div#blog.publication div.hasRelated div.relatedItems div.tnDesc
{
	width: 125px;
	margin-left: 9px;
}

.fullGraphicsView div#blog.publication div.hasRelated div.relatedItems div.images ul li
{
	margin-bottom: 15px;
	text-align: center;
}

.fullGraphicsView div#blog.publication div.hasRelated div.relatedItems ul li img { border: 1px solid #888888; }

.fullGraphicsView div#blog.publication h3 
{
	margin: 0;
	padding: 7px 20px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #f3693a;
}

.fullGraphicsView div#blog.publication div.date
{
	color: #888888;
	font-size: .85em;
}

.fullGraphicsView div#blog.publication div.desc { margin: 0 0 20px 0; }

.fullGraphicsView div#blog.publication ul.sections
{
	margin: 0;
	clear: both;
}

.fullGraphicsView div#blog.publication ul li
{
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

.fullGraphicsView div#blog.publication ul li div.sectionInfo h3
{
	padding: 7px 20px;
	font-family: Arial, Verdana, sans-serif;
	background: #efefef;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.fullGraphicsView div#blog.publication ul li div.sectionInfo h3 a
{
	text-decoration: none;
	color: #333333;
}

.fullGraphicsView div#blog.publication ul.posts
{
	margin: 0;
	padding: 15px 0;
}

.fullGraphicsView div#blog.publication ul.posts li
{
	margin: 0;
	padding: 5px 20px;
	padding-bottom: 0;
}

.fullGraphicsView div#blog.publication ul.posts li h4.title
{
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	font-size: 1.25em;
}

.fullGraphicsView div#blog.publication ul.posts .teaserImage img { margin: 0 0 10px 10px; }

.fullGraphicsView div#blog.publication ul li div.sectionFoot
{
	padding: 0 20px;
	margin: 0;
	margin-bottom: 20px;
	font-size: .85em;
}

.fullGraphicsView div#blog.publication p a { padding: 7px 20px; }

.fullGraphicsView div#blog.publication div.feedInfo, .fullGraphicsView div#blog.publication div.feedHelp
{
	float: left;
	clear: left;
	padding: 0 20px;
	font-size: .85em;
	font-family: Arial, Verdana, sans-serif;
}

.fullGraphicsView div#blog.publication div.sectionMenu
{
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-family: Arial, Verdana, sans-serif;
}

.fullGraphicsView div#blog.publication div.sectionMenu ul
{
	padding: 0 20px;
	margin-top: 15px;
}

.fullGraphicsView div#blog.publication div.sectionMenu a { font-size: .9em; }

.fullGraphicsView div#blog.publication div.sectionMenu h4
{
	margin: 0;
	padding: 7px 20px;
	background: #efefef;
	border-bottom: 1px solid #cccccc
}

div#blog h4 .loginrequired 
{
	font-weight:normal;
	font-style:italic;
	font-size:75%;
	color:#888;
	font-family: Arial, Verdana, sans-serif;
}


/* Item 
-------------------------------------------------- */

.fullGraphicsView div#content div.item
{
	padding: 7px 20px;
	margin: 0;
}

.fullGraphicsView div#content div.item h3.postTitle
{
	background: none;
	font-family: Georgia, Times, serif;
	color: #111111;
	font-size: 1.5em;
	padding: 7px 0;
}

.fullGraphicsView div#content div.item div.author
{
	color: #f3693a;
	margin-bottom: 1em;
}

.fullGraphicsView div#content div.back
{
	padding: 7px 20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: .85em;
	margin: 20px 0;
	background: #eaf0f8;
	border-bottom: 1px solid #B9C0E6;
	border-top: 1px solid #B9C0E6;
}


/* Navigation
-------------------------------------------------- */

.fullGraphicsView div#navigation
{
	border-right: 1px solid #cccccc;
	font-family: Arial, Verdana, sans-serif;
	font-size: .75em;
	background: #fcfcfc;
}

.fullGraphicsView div#navigation div#subNav
{
	padding: 7px 20px;
	background: #efefef;
	border-bottom: 1px solid #cccccc;
}

.fullGraphicsView div#navigation div#subNav div.loginlogout 	{ display: none; }
.fullGraphicsView div#navigation div#subNav input 				{ border: 1px solid #cccccc; }

.fullGraphicsView div#navigation p.textOnlyLink
{
	margin-top: 0;
	border: none;
	padding-left: 35px;
	background-position: 20px 20px; 
}	

.fullGraphicsView div#navigation p.textOnlyLink a,
.fullGraphicsView div#navigation div.blurbs a	
{ text-decoration: none; }

.fullGraphicsView div#navigation div.blurbs  	{ margin: 7px 20px; }


/* PublicationSections Rules 
-------------------------------------------------- */

.fullGraphicsView div#publicationSections ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.fullGraphicsView div#publicationSections ul li
{
	margin: 0;
	padding: 0;
}

.fullGraphicsView div#publicationSections ul li.unselected a
{
	display: block;
	padding: 7px 20px;
	text-decoration: none;
	background: #eaf0f8;
	border-bottom: 1px solid #B9C0E6;
}

/* IE6 Fix */
* html .fullGraphicsView div#publicationSections ul li.unselected a, * html .fullGraphicsView div#publicationSections ul li.selected a { height: 1px; }

.fullGraphicsView div#publicationSections ul li.unselected a:hover
{
	font-weight: bold;
	background: #fefefe;
}

.fullGraphicsView div#publicationSections ul li.selected a
{
	display: block;
	padding: 7px 20px;
	text-decoration: none;
	background: url('images/flop.jpg') top right no-repeat #fefefe;
	border-bottom: 1px solid #B9C0E6;
	color: #f3693a;
	font-weight: bold;
}


/* Footer
-------------------------------------------------- */

.fullGraphicsView div#footer
{
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
	margin-bottom: 20px;
	background: #efefef;
	border: 1px solid #888888;
	border-top: none;
	font-size: .75em;
	color: #555555;
}

/* IE6 fix */
* html .fullGraphicsView div#footer { margin-bottom: 0; }

.fullGraphicsView div#footer a
{
	font-family: Arial, Verdana, sans-serif;
	font-size: .875em;
}

.fullGraphicsView div#footer * { padding: 0 5px; }


/* self-clearing 
-------------------------------------------------- */

/* :after rules force elements to self-clear in standards-compliant browsers */
.fullGraphicsView div#bannerAndMeat:after, 
.fullGraphicsView div#blog.publication ul li:after, 
.fullGraphicsView div#content div.item:after 
{
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}

/* These rules force layout in IE 6 & 7, which in turn forces the elements to self-clear */
* html .fullGraphicsView div#bannerAndMeat, 
* html .fullGraphicsView div#blog.publication ul li, 
* html .fullGraphicsView div#content div.item 
{
	/* display:inline-block; /* for some reason this doesn't work in IE 7 */
	height:1px;
	/* overflow:hidden; /* this one works in IE 7 */
	/* zoom:1; */
}

.fullGraphicsView .fullGraphicsView div#bannerAndMeat, 
.fullGraphicsView div#blog.publication ul li, 
.fullGraphicsView div#content div.item 
{ min-height:1px; /* this one works in IE 7 */ }

/* Hide from IE Mac \*/
.fullGraphicsView .fullGraphicsView div#bannerAndMeat, 
.fullGraphicsView div#blog.publication ul li, 
.fullGraphicsView div#content div.item 
{ display:block; }
/* End hide from IE Mac */