/*
Theme Name:Aragon Outlook Refined
Theme URI:http://www.aragonoutlook.net/
Description:The Outlook Website design, adapted for WordPress.
Version:0.9 Beta
Author:Eric Torres
Author URI:http://ericlx.tumblr.com/
Tags:aragon, outlook, 2010, 50th anniversary, website, theme, red, black, school spirit
*/

/* Essential Elements */
body {
	background-image: url('/images/new-background-tile.jpg');
	min-width: 640px;
	background-color: #000;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;
}

#container {
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 1000px;
	overflow: hidden;
	background-color: #FFF;
}

/* DIVs (in order presented) */
#header {
	text-align: center;
	border: none;
	width: 1000px;
	overflow :hidden;
	margin-left: auto;
	margin-right: auto;
}

#print-logo {
	display: none;
}

#rotator {
	width: 1000px !important;
	height: 400px !important;
	margin-left:auto;
	margin-right:auto;
}

#navigation {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow:hidden;
	width: 1000px;
	background-color: #FFF;
	font-family: georgia, serif;
	font-size: 12pt;
	letter-spacing: -1.4pt;
	
	word-spacing: 1pt;
}

#breadcrumb {
	text-align: left;
	margin-left: 10px;
	margin-right: none;
	padding-top: 5px;
	padding-bottom: 0px;
	overflow: hidden; 
	width: 100%;
	font-family: georgia, serif;
	font-size: 10pt;
}

#expanded-content {
	width: 950px;
	height: 100%;
	background-color:#FFF;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	float: none;
}

#leftcolumn-articlelist {
	width: 50%;
	height: 100%;
	background-color:#FFF;
	border: none;
	padding-top: 5px;
	padding-bottom: 10px;
	overflow:hidden;
	float: left;
}

#rightcolumn-articlelist {
	width: 50%;
	height: 100%;
	background-color: #FFF;
	border: none;
	padding-top: 5px;
	padding-bottom: 10px;
	overflow: hidden;
	float: right;
}

#leftcolumn-content {
	width: 70%;
	height: 100%;
	background-color:#FFF;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	float: left;
}

#rightcolumn-sidebar {
	width: 30%;
	height: 100%;
	background-color: #FFF;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	float: right;
}

#otherfeatures {
	width: 95%;
	clear: both;
	background-color: #FFF;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

#leftfeaturebox {
	background-color: #F0F0F0;
	border-color: #909090;
	border-style: solid;
	border-width: 1px;
	color: black;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	float: left;
}

#rightfeaturebox {
	background-color: #F0F0F0;
	border-color: #909090;
	border-style: solid;
	border-width: 1px;
	color: black;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	float: right;
}

#centerfeaturebox {
	background-color: #F0F0F0;
	border-color: #909090;
	border-style: solid;
	border-width: 1px;
	color: black;
	width: 30%;
	clear: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#footer {
	text-align: center;
	border: none;
	width: 1000px;
	overflow :hidden;
	margin-left: auto;
	margin-right: auto;
}

/* General browsing elements */
#nextpreviouspage-top {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#nextpreviouspage-bottom {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}	

#nextpreviouspage-center {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.globalheadings {
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12pt;
	text-align: left;
	font-family: georgia, serif;
	font-weight: 500;
}

#maintenancemode {
	height: 20px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/maintenance-mode.png);
}

.searchquery {
	width: 100%;
	clear: both;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.archivedisplay {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}

.contactmain {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}

.contactsidebar {
	border: none;
	margin-right: 10px;
}

/* Article display styles */
.article {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}

.articleperma {
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: left;
}

.article ul {
	font-size: 10pt;
	text-align: left;
	font-family: georgia, serif;
	padding-left: 0px;
	list-style: none;
	list-style-position: inside;
	list-style-type: circle;
}

#article-image-excerpt {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#article-image {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#article-image img, #article-image-excerpt img {
	border: none;
}

.articleheading {
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12pt;
	text-align: left;
	font-family: georgia, serif;
	font-weight: 500;
}

ul, ol {
	font-family: georgia, serif;
	font-size: 10pt;
	padding-left: 0px;
	list-style: none;
	list-style-position: inside;
	list-style-type: circle;
}

.articlecontainer {
	width: 100%;
	border: none;
	margin: 0px;
}

.article-author {
	width: 95%;
	border: none;
	padding-right: 10px;
	margin-bottom: 10px;
}

.gravatar { 
    float: left; 
    margin-bottom: 5px; 
	margin-right: 5px;
	border: none;
	display: block;
}

.excerptcontainer {
	width: 100%;
	border: none;
	margin: 0px;
}

.search-terms {
	font-style: italic;
	font-weight: 300;
	font-size: 22pt;
	letter-spacing: -2pt;
	word-spacing: 3pt;
}

.author-blurb {
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: left;
	font-weight: 100;
	margin-bottom: 10px;
}

.search-excerpt {
	background-color: #FF0;
}

.copyright {
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: center;
	color: #FFF;
}

.designer {
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: center;
	color: #FFF;
}

.backtotop {
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: center;
	color: #FFF;
}

/* Displayed text styles */
/* Article and links */
h1 {
	font-family: georgia, serif;
	font-size: 22pt;
	letter-spacing: -2pt;
	word-spacing: 3pt;
	font-weight: 400;
	text-align: center;
}

#SexyAlertBox-Box h1 {
	font-family: georgia, serif;
	letter-spacing: 0pt;
	word-spacing: 0pt;
}

h2 { 
	font-family: georgia, serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: 200;
	text-align: left;
	border: none;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3 {
	font-family: georgia, serif;
	font-size: 14pt;
	font-weight: 200;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	font-family: georgia, serif;
	font-size: 10pt;
	text-align: left;
	font-weight: 100;
}

/* Link styles */
a:link {
	font-family: georgia, serif;
	color:#336699;
	text-decoration: none;
}

a:hover {
	font-family: georgia, serif;
	color:#336699;
	text-decoration: underline;
}

a:visited {
	font-family: georgia, serif;
	color:#993333;
	text-decoration: none;
}

/* Image rotator title and subtitle values */
/* This is only for the display on the page. */
/* Refer to rendered values in jd.gallery.css. */
.imageTitle {
	font-family: georgia, serif;
	font-size: 14pt;
}
.imageSubtitle {
	font-family: georgia, serif;
	font-size: 12pt;
}

/* Extra feature misc values */

div.article hr {
	width: auto;
	height: 1px;
	color: #CCC;
	border: 1px solid;
	margin-top: 10px;
	margin-bottom: 10px;
}

#controls {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.comments {
	margin-left: 10px;
	margin-right: 10px;
}

#sharelist {
	margin-right: 10px;
	margin-left: 10px;
}
#sharelist img {
	padding-right: 4px;
}

/* WP-Pagenavi Styles */
.wp-pagenavi {
	clear: both;
	width: 100%;
	text-align: center;	
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12pt;
	font-family: georgia, serif;
}

.pages {
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12pt;
	text-align: center;
	font-family: georgia, serif;
	font-weight: 300;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, 
.wp-pagenavi span.current {
	border-color: #000;
}

/* Search box */
form {
	margin: 0;
	padding: 0;
}
 
#searchbox,
#searchbox-footer { /*outer background*/
	background: url(/images/search-box.gif) no-repeat top left;
	height: 26px;
	padding: 5px 0 0 10px;
	width: 165px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
input.search-field{ /*input field */
	float: left;
	border: 0;
	margin: 0;
	font-family: tahoma;
	font-size: 12px;
	padding: 3px 0px 0px 4px;
	height: 18px;
	background: #ffffff url(/images/search-form.png) no-repeat top left;
	width: 123px;
}
 
input.search-go { /*search icon */
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	height: 21px;
	width: 21px;
	background: url(/images/search-icon.png) no-repeat top left;
	cursor: pointer;
}
 
input.search-go:hover { /*search icon hover "Does Not work in ie6" */
	background: url(/images/search-icon.png) no-repeat bottom left;
}

/* Website form */
.form-label{
	width:150px !important;
}
.form-label-left{
	width:150px !important;
}
.form-line{
	padding:10px;
}
.form-label-right{
	width:150px !important;
}
.form-all{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	color: #000 !important;
	font-family: Georgia, serif;
	font-size:12pt;
}


/* Miscellaneous */
#live-event {
	height: 20px;
	position: relative;
	overflow-y: hidden;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/live-event.png);
}

#newsfeed {
	margin: 0;
	margin-top: 2px;
	padding: 0;
	color: #FFF;
	height: 20px;
	list-style: none;
	font-size: 10pt;
	line-height:150%;
	font-family: georgia, serif;
	margin-left: 65px;
}

#newsfeed a {
	color: #FFF;
}

#twitterlink {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
}

#twitterlink a {
	text-align: left;
	font-family: georgia, serif;
	font-size: 10pt;
	color: #FFF;
}

#gototop { 
	display:none; 
	position:fixed; 
	right:5px; 
	top:5px; 
}

#sharethis {
	display: block;
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#verticalshare {
	display: block;
	width: 150px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
}

#expanded-sidebar {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
}

.breadcrumb-left {
	width: 80%;
	height: 100%;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	float: left;
}

.breadcrumb-right {
	width: 10%;
	height: 100%;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden;
	float: right;
}

.fbiframe {
	border: none; 
	overflow:hidden; 
	width:450px; 
	height:35px;
}

.sticky {
    background: white;
    border: 2px solid black;
}

.dsq-brlink {
	display: none;
}

.lookingfor {
	width: 80%;
	height: 12%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: none;
}

.lookingfor p {
	text-align: center;
	font-size: 14pt;
}

dl {
	font-family: Georgia, serif;
}
#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100px;
	width: 100px;
	background: url(/images/sudoku-solutions.png) no-repeat;

}

/* Meet The Staff */

#authorlist li {
clear: left;
float: left;
margin: 0 0 5px 0;
}

#authorlist img.photo {
width: 40px;
height: 40px;
float: left;
}

#authorlist div.authname {
margin: 20px 0 0 10px;
float: left;
}

