/*
 * Rule Order:
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * overflow
 * list-style
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 */
 
/*******************************************************************************
  Imported StyleSheets
*******************************************************************************/
@import 'common.css';


/*******************************************************************************
  General Styles
*******************************************************************************/

a {
   color:#333399;
   color:#5C7A99;
   color:#0071BB;
}

a:hover {
   color:#ED1E24 !important;
   text-decoration:none;
}

.clear-left {
   clear : left;
}

li {
   padding-left    : 20px;
   background      : 0 center url('/img/bullet_green.png') no-repeat;
   list-style-type : none;
}

/*******************************************************************************
  Main Structure
*******************************************************************************/

body {
   background  : url('/img/page_background.png') repeat-x;
   color       : #333333;
   font-family : Arial;
   font-size   : 100%;
}

#header, #page {
   width     : 775px;
   font-size : .75em;
   margin    : 0 auto;
}

#header {
   position    : relative;
   padding-top : 20px;
   background  : url('/img/bg.gif') repeat-x;
   color       : #FFFFFF;
}

#page {
   border-left  : 1px solid #CCCCCC;
   border-right : 1px solid #CCCCCC;
   background   : #FFFFFF;
   font-size    : .75em;
}

#content {
   padding  : 20px 20px 0 20px;
   overflow : hidden;
}

#sidebar {
   float   : right;
   width   : 20em;
   padding : 20px 20px 20px 0;
}

#footer {
    clear      : both;
    background : #333333;
    color      : #EEEEEE;
}

/*******************************************************************************
  Header
*******************************************************************************/

#sqn_logo {
   position : relative;
   float    : left;
   width    : 74px;
   height   : 100px;
}

#atc_logo {
   position : relative;
   float    : right;
   width    : 76px;
   height   : 100px;
   
}

#site_name {
   margin-top  : 20px;
   font-size   : 2.5em;
   font-weight : bold;
   text-align  : center;
   text-shadow : 2px 2px 2px #333333;
}

#site_desc {
   font-size   : 1.75em;
   text-align  : center;
   text-shadow : 2px 2px 2px #333333;
}


/*******************************************************************************
  Navigation Bar
*******************************************************************************/

#nav {
   position   : relative;
	margin-top : 10px;
   padding    : 15px 0 15px 0;
   background : #333333;
   -moz-border-radius-topleft  : 7px;
   -moz-border-radius-topright : 7px;
}

#nav ul {
   margin-left : 10px;
   list-style  : none;
}

#nav li {
   float      : left;
   background : transparent;
}

#nav li a {
   padding         : 15px;
   color           : #FFFFFF;
   font-weight     : bold;
   text-decoration : none;
   letter-spacing  : 1px;
}

#nav li a:hover {
   background : #FFFFFF;
   color      : #333333 !important;
}

#nav a.rss {
   display    : block;
   position   : absolute;
   top        : 15px;
   right      : 10px;
   width      : 20px;
   height     : 20px;
   background : 0 center url('/img/feed.png') no-repeat;
}


/*******************************************************************************
  Sidebar
*******************************************************************************/

#sidebar h2 {
   font-size:1.2em;
   padding-bottom:1em;
   margin-top:0.5em
}

#sidebar div.container {
   margin  : 0 0 20px 0;
   padding : 0;
}

#sidebar div.container h3 {
   padding        : 7px 7px 7px 10px;
   background     : #333333;
   color          : #FFFFFF;
   font-size      : 1.1em;
   letter-spacing : 1px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
}

#sidebar div.container div.content {
   padding    : 15px 10px 10px 10px;
   border     : 1px solid #888888;
   background : #E0E0E0 url('/img/panel_background.png') repeat-x;
}

#sidebar div.container ul li {
   margin-bottom : 5px;
}

#sidebar div.container a {
   color : #333333;
   color:#0071BB;
}

#sidebar_ads {
   padding:20px 10px 10px 20px;
   border : 1px solid #888888;
   background : #eeeeee;
}

/*******************************************************************************
  Footer
*******************************************************************************/

#footer p {
   display : inline;
   margin  : 10px;
}

#footer a {
   color          : #FFFFFF;
   font-weight    : bold;
   letter-spacing : 1px;
}


/*******************************************************************************
  Posts
*******************************************************************************/

div.post {
   margin-bottom : 20px;
   text-align    : justify;
}

div.post h1,
div.post h2 {
   padding        : 5px 5px 5px 10px;
   border         : 1px solid #ACACAC;
   background     : url('/img/header_background.png') repeat-x;
   color          : #333333;
   font-size      : 1.4em;
   letter-spacing : 1px;
   -moz-border-radius-topleft  : 7px;
   -moz-border-radius-topright : 7px;
}

div.post h1 a,
div.post h2 a {
   color : #333333;
}

div.post ul.details {
   border     : 1px solid #ACACAC;
   border-top : none;
   background : #CCCCCC;
   -moz-border-radius-bottomleft:7px;
   -moz-border-radius-bottomright:7px;
}

div.post ul.details li {
   float      : left;
   padding    : 3px 3px 3px 20px;
   list-style : none;
   background : transparent;
   color      : #555555;
   font-size  : 0.9em;
}

div.post ul.details li a {
   padding : 0 0 0 15px;
   color   : #555555;
   
}

div.post ul.details li.date {
   margin-left  : 10px;
   padding-left : 15px;
   background   : 0 center url('/img/date.png') no-repeat;
}

div.post ul.details li.category a {
   background : 0 center url('/img/category.png') no-repeat;
}

div.post ul.details li.comments a {
   background : 0 center url('/img/comment.png') no-repeat;
}

div.entry {
   line-height: 1.4em;
   padding:15px 5px 0 5px;
}

div.entry h2.section {
   margin         : 15px 0 10px 0;
   padding        : 0 0 2px 0;
   border         : none;
   border-bottom  : 1px solid #888888;
   background     : transparent;
   color          : #333333;
   font-size      : 1.2em;
   letter-spacing : 1px;
   -moz-border-radius : 0;
}

.entry p {
   margin-bottom : 10px;
}

.entry p span.important {
   color : #ff0000;
}

.entry ul {
   margin: 0 0 10px 10px;
}

.entry ul li {
   margin-bottom : 5px;
}

blockquote {
   margin-left  : 10px;
   padding-left :10px;
   border-left  : 5px solid #DDDDDD;
   color        : #666666;
}


/*******************************************************************************
  Comments
*******************************************************************************/

h3#comments {
   margin     : 0 0 10px 0;
   padding    : 5px 10px 5px 10px;
   border     : 1px solid #C0C0C0;
   background : url('/img/header_background.png');
   font-size  : 1.2em;
   -moz-border-radius:5px;
}

div.comment {
   margin  : 0 0 10px 0;
   padding : 1em;
   border  : 1px solid #C0C0C0;
   -moz-border-radius : 5px;
}

div.comment h4 {
}

div.comment_alt {
   background : #E0E0E0 url('/img/panel_background.png') repeat-x;
}

div.comment img {
   float : left;
}

div.comment div.body {
   margin-left : 50px;
}

div.comment div.body p.details {
   font-size  : 0.9em;
   float:right;
}

#new_comment {
   margin-top:20px;
   margin-bottom:20px;
}

#new_comment h3 {
   font-size : 1.2em;
   margin-bottom:10px;
   background : url('/img/header_background.png');
   border:1px solid #c0c0c0;
   padding:5px 10px 5px 10px;
   -moz-border-radius:5px;
}

#frm_comment {
   padding:1em 1em 0 1em;
   border:1px solid #c0c0c0;
   -moz-border-radius:5px;
   background : #e0e0e0 url('/img/panel_background.png') repeat-x;
}

#frm_comment p {
   margin-bottom:1em;
}

#frm_comment label {
   float:left;
   width :7em;
}


/*******************************************************************************
  About Page
*******************************************************************************/
table.awards {
   width           : 100%;
   margin          : 0px 0 20px 0;
   border-collapse : collapse;
}

table.awards caption {
   padding-bottom : 3px;
   font-size      : 1.1em;
   font-weight    : bold;
   text-align     : left;
}

table.awards td {
   padding : 2px 1.5em 2px 0;
}

table.awards td.label {
   padding     : 2px 0.5em 2px 0.5em;
   font-weight : bold;
}


/*******************************************************************************
  Contact Page
*******************************************************************************/

address {
   margin:0.5em 4em 1.5em 0;
   padding-left:25px;
   background: 0 top url('/img/address.png') no-repeat;
}

#contact {
   list-style-type:none;
}

#contact {
}

#contact li  {
   padding: 0 0 0 25px;
   margin-bottom:0.5em;
}

#contact li.phone {
   background: 0 center url('/img/phone.png') no-repeat;
}

#contact li.email {
   background: 0 center url('/img/email.png') no-repeat;
}

#not-found {
   list-style-position:outside;
   margin: 1em 1em 1em 1.25em;
}

#map {
   height:300px;
   border:1px solid #c0c0c0;
}


/*******************************************************************************
  Photo Gallery
*******************************************************************************/

#breadcrumb_links {
   margin : 1em 0 1em 0;
}

ul.slides {
  	list-style:none;
  	line-height:1.4em;
}
  
ul.slides li {
  	display:block;
	float:left;
  	margin:0 10px 10px 0;
  	padding:0;
	width: auto;
	height: auto;
	text-align: center;
	background:transparent;
}


li.thumbnail img {
	border:1px solid #778899;
	display:block;
	margin: 4px;
	padding:5px;
}


li.thumbnail a:hover img {
	border:2px solid #38c;
	margin: 3px;
}

li.thumbnail p {
   margin-top:0.75em;
}

li.thumbnail p.meta {
   margin-top:0;
   font-size:0.8em;
   color:#880000;
}

div.thumbnail_container p.details {
   margin:0;
   clear:both;
}

div.picture_container ul.details {
   margin:0;
   clear:both;
   border-top:1px solid #acacac;
   -moz-border-radius:5px;
}

div.picture_container ul.details li {
   margin-right:20px;
}

div.picture_container {
   padding-top:1px;
}

div.picture_container img {
	border:1px solid #778899;
	display:block;
	margin: 4px;
	padding:10px;
}

div.picture_container a:hover img {
	border:2px solid #38c;
	margin: 3px;
}

div.picture_container ul.details li.category {
   background: 0 center url('/img/category.png') no-repeat;
   padding-left:15px;
}

div.picture_container p.description {
	margin: 1em 0 1em 0;
}

#exif_toggle {
   margin:1em 0;
}

#exif_table {
   margin-bottom:2em;
}

#exif_data td {
   padding:0.25em 2em 0.25em 0;
}

#frm_comment p.errors {
   padding:0.25em;
   border:1px solid #880000;
   background:#ffdddd;
}

#frm_comment p.actions {
   padding:0.25em;
   border:1px solid #ffff00;
   background:#ffffcc;
}

#slideshow_toolbar a {
   padding-left:20px;
   margin-right:1em;
}

#slideshow_toolbar {
   margin:2em 0 0.5em 0;
}

#slideshow_toolbar a.view {
   background : url('/img/slide_view.png') no-repeat;
}

#slideshow_toolbar a.prev {
   background : url('/img/slide_prev.png') no-repeat;
}

#slideshow_toolbar a.next {
   background : url('/img/slide_next.png') no-repeat;
}

#slideshow_toolbar a.stop {
   background : url('/img/slide_stop.png') no-repeat;
}

#slideshow_toolbar a.play {
   background : url('/img/slide_play.png') no-repeat;
}

#slideshow_toolbar a.prev:hover {
   background : url('/img/slide_prev_on.png') no-repeat;
}

#slideshow_toolbar a.next:hover {
   background : url('/img/slide_next_on.png') no-repeat;
}

#slideshow_toolbar a.stop:hover {
   background : url('/img/slide_stop_on.png') no-repeat;
}

#slideshow_toolbar a.play:hover {
   background : url('/img/slide_play_on.png') no-repeat;
}