@charset "utf-8";
/*  
Theme Name: Q3F
Theme URL: http://q3f.org
Description: Based on Elegent by Jason Farah
Version: v1.0
Author: ST8
Author URL: http://q3f.org
*/

#searchform {
	padding-bottom: 15px;
}

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left: 5%; }
fieldset { padding: 0.5em; }
select option { padding: 0 5px; }

.center { text-align: center }
.hide, .print-logo, .close-button { display: none; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 1px; font-size: 1px; line-height: 1px; }
a img{ border: none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	background: #1D2D34;
	color: #BFBFBF;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

/* This class sets the width and position for all rows */
.inside {
	width: 710px;
	margin: auto;
}

a {
	color: #88ade4;
    text-decoration: none;
}

a:hover { color: #283D47; }

h1 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0;

}

h2, h3 {
	font-size: 1.15em;
	color: #AED8E9;
	font-weight: bold;
}
#primary h2 {
	color: #1D2D34;
}

p {
	line-height: 1.75em;
}


blockquote {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 2px solid #CCC;
	color: #CCC;
}

pre {
	width: 100%;
	padding: 1em 0;
	overflow: auto;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}

.rule {
	border-top: 1px solid #CCC;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {
	background: url('images/header_bg.gif');
	height: 37px;
}
#tim {
	width: 100%;
	background: #ffffff url('images/postgrad2.gif') repeat-x top;
	padding-top: 20px;
}
#header .inside {
	padding: 0;
}

#header h2 {
	float: left;
	margin: 0;
	padding: 10px

}
#header h2 a { 
	color: #fff;
}

#menu ul {
	list-style: none;
	float: right;
	margin-right: 5px;
}

#menu ul li { 
	display: inline;
	margin: 0px 11px;
}

#menu ul li a {
	color: #ADADAD;
}

#menu ul li a:hover {
	color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
	background: url('images/postgrad.gif') bottom repeat-x;
	padding: 0 0 15px 0;
	color: #333;
	font-size: 12px;
}

#primary.twocol-stories .main {
	width: 100%;
	margin: 0;
	padding: 0;
}
#primary.twocol-stories .story {
	margin: 0;
	font-size: 12px;
}
* html #primary.twocol-stories .story {
	margin: 0;
}

#primary .story ul {
	/* ie hack :( */
	list-style: none !important;
	list-style: disc;
}

#primary .story ul li {
	padding: 3px;
	margin: 0 12px;
}

#primary .story ul li:before {
	content: "\00BB \0020";
}

#primary .pn_box {
	position: absolute;
	height: 30px;
	width: 23px;
	top: 0;
	left: 0;
}

#primary .pn_box a {
	display: block;
	width: 23px;
	height: 30px;
}

#primary .prev {
	background: url('images/prev.gif') left no-repeat;
}

#primary .next {
	background: url('images/next.gif') right no-repeat;
}

#primary .image {
	text-align: center;
	margin: auto;
}

#primary .center {
	text-align: center;
	margin: auto;
}

#primary .image img {
	border: 5px solid white;
}

#primary .exif {
	color: #666;
	float: right;
}

#primary .gal {
	padding-bottom: 15px;
	margin: auto;
}

#primary .pad {
	padding-top: 15px;
}

#primary .gal a img{
	border: 1px solid #ffffff;
}

#primary .gal a:hover img {
	border: 1px solid gray;
}

#primary .right_bar {
	float: right;
	border: 1px dotted black;
	font-size: 10px;
	padding: 5px;
	width: 225px;
	margin: 10px 0 20px 20px;	
}

#primary .cats {
	width: 120px;
	margin: 50px 0 20px 20px;
}

#primary .right_bar h2 {
	margin: 0;
	padding: 0;
}

#primary .nav {
	width: 174px;
	font-size: 10px;
}

#primary .navigation {
	padding: 10px 0 30px 0;
}

.nobg {
	background: none !important;
}

.story h3 {
	color: #88ade4;
	font-size: 22px;
	margin: 0 0 3px 0;
	font-weight: bold;
	font-family: 'Lucida Sans Unicode';
	border-bottom: 1px dotted #666;
	padding: 5px 0 0.3em 0;
	width: 710px;
}
.story h3 span {
    margin-left: 10px !important;
	padding: 0 0 0.3em 0;
	color: #ccc !important;
    letter-spacing: -1px;
    font-size: 22px;
    text-transform: lowercase;
	display: inline;
}
.story h3 a {
	color: #88ade4;
	text-decoration: none;
}
.story h3 a:hover {
    color: #000;
}

.story .details {
	margin: 0;
	text-align: left;
	padding: 2px 0 5px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}
.story .details a {
	color: #88ade4;
	text-decoration: none;
}
.story .details a:hover { color: #000; }


/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary {
	background: #1D2D34 url('images/bg.gif') bottom repeat-x;
	padding: 20px 50px 1px 50px;
}

#secondary h2 { 
    font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding-bottom: 5px; 
}

#secondary h3 { 
    font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase; 
}

.comment-head {
	border-bottom: 2px solid #466B7A;
	padding: 1em 2em 1em 0;
}
.comment-head h2 {
	font-size: 1.5em;
	margin: 0 0 3px 0;
}
.comment-head a {
	text-decoration: none;
	color: #58799B;
}
.comment-head a:hover { color: #AED8E9; }
.comment-head .details {
	font-size: 0.95em;
}

ol#comments {
	list-style-type: none;
	margin: 1em 0;
	color: #7FAFC3;
}
ol#comments li {
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #466B7A;
}

#comments cite {
	float: left;
	width: 20%;
	font-style: normal;
	text-align: left;
	padding-left: 2px;
}
* html #comments cite { width: 23%; }
#comments cite span {
	display: block;
}
#comments cite .author { font-size: 1em; margin: 3px 0 3px 0; }
#comments cite .author a {
	text-decoration: none;
	color: #AED8E9;
}
#comments cite .author a:hover { color: #9BDA41; }
#comments cite .date { margin-bottom: 5px; }

#comments .pingback cite .author {
	display: block;
	padding-top: 68px;
}

#comments .content {
	float: left;
	width: 66%;
	margin: 0;
	padding: 0 0 0 2%;
}
#comments .content a { color: #AED8E9; }
#comments .content a:hover { color: #9BDA41; }
#comments .content p {
	margin: 0 0 1em 0;
}

h3.formhead {
    font-size: 1.5em;
	padding: 10px 0 0 0;
}

#comment-form {
	margin: 0.5em 0 5em 0;
	width: 97%;
	background: #2F434D;
	padding: 10px;
}
#comment-form p {
    color: #AED8E9;
}
#comment-form p a { color: #9BDA41; }
#comment-form p a:hover { color: #FFF; }

input.textfield {
	width: 25.8em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
}
textarea.commentbox {
	width: 98%;
	height: 10em;
	padding: 4px 0 3px 5px;
	margin: 10px 0;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
}
label.text {
	font-size: 12px;
	color: #FFF;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
	padding: 2em 0 2em 0;
	color: #547E8F;
	background: #1D2D34 url('images/bg.gif') bottom repeat-x;
}

#ancillary .gal_foot a img{
	border: 1px solid #1A292F;
}

#ancillary .gal_foot a:hover img {
	border: 1px solid #434343;
}

#ancillary .recent {
	width: 69%;
}

#ancillary .friends {
	width: 27%;
	float: right;
}

#ancillary .friends ul {
	list-style: none;
}

#ancillary .friends h2 {
	margin: 0;
}

#ancillary h2 { 
    font-size: 14px; 
	font-weight: bold; 
	color: #547E8F; 
	text-transform: uppercase; 
	border-bottom: 3px solid #547E8F; 
	padding-bottom: 5px; 
}

#ancillary a {
	color: #83AF00;	
}

#ancillary a:hover {
	color: #88ade4;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer {
	font-weight: bold;
	background: url('images/foot.gif') bottom #041319;
	border-top: 1px solid #213F4B;
	margin: 0;
	height: 38px;
	font-size: 10px;
	color: #A1CDDF;
}
#footer .inside {
    padding: 10px 0;
}
#footer .inside p {
	margin: 0;
}
#footer p.copyright { float: left; }
#footer p.attributes { float: right; }
#footer p.attributes a {
	padding: 0;
	text-decoration: none;
	color: #547E8F;
}

#footer a {
	color: #83AF00;	
}

#footer a:hover {
	color: #ffffff
}