/* Reset and utilities */
* {margin: 0; padding:0;} 
body {font-family: tahoma, verdana, trebuchet ms, times new roman, arial, serif, times;}
img {border: 0px;}
ul, ol {list-style-type: none;}
li {margin-bottom: 5px;}
p {line-height: 1.4em;font-family: arial;margin-bottom:1em;}
ul.bull {margin:0 0 1em 10px;}
ul.bull li {background: url(../i/icons/bullet2.gif) no-repeat 0px 5px;padding-left: 15px;line-height:1.4em;}
/* End reset and utilities */

/* Template */
#frame, #accessibility {margin: 10px auto;background:#fff;border: 1px solid #ccc;width:50em;font-size: 1em;overflow: hidden;}
#frame { -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#accessibility {margin: 5px auto 0 auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#accessibility ul {padding: 3px;}
#accessibility li {float: left; margin-right: 15px; font-size: 0.8em;}
#header {height:10em;float: left; width:100%;font-size:0.85em;}
#logo {margin: 8px 0 0 7px;float: left;width: 110px;}
#snippet {float: left;width: 28em;margin:10px 0 0 70px;background: url(../i/comp/com50_top.gif) no-repeat top left;padding-top:11px;}
#snippet p {margin: 0;text-align: right;padding-left:30px;}
#snippet p.feedback {background:url(../i/icons/snippets.gif) no-repeat -134px;;}
#snippet p.quote {background:url(../i/icons/snippets.gif) no-repeat 0 -69px;height:3em;}
#snippet p.fact {background:url(../i/icons/snippets.gif) no-repeat 0 -1px;}
#snippet .content {background: url(../i/comp/com50_bot.gif) no-repeat bottom left;padding:0 25px 10px 10px;float:left;width:25.3em;}
#snippet .org {text-transform:uppercase;font-weight:bold;}
#snippet .creator {margin-top:5px;}
#snippet .author {color:#c00;}
#hcard-Jason-Grant {float: right;width: auto;text-align: right;background: url(../i/strapline.png) no-repeat bottom right;height:8.5em;width: 13.5em;padding: 6px 10px 8px 10px;font-weight:bold;}
#hcard-Jason-Grant p {margin:0;}
#hcard-Jason-Grant p.sale {color: #32527a;text-transform: uppercase;font-size: 1.25em;}
#navigation {width:100%;float:left;}
#content {float:left;width:30em;padding: 0 10px;}
#fullcontent {float:left;width: 48.8em;padding: 0 10px;}
#content75 {float:left;width: 37em;padding: 0 10px;}
#content25 {float:left;width: 10.5em;padding: 37px 10px 0 10px;}
#content25 h2 {margin-bottom: 12px;}
#subnav1, #subnav2 {width:8em;float:left;padding: 0 10px;}
#footer {width:100%;float:left;border-top:1px solid #ccc;}
#footer p {font-size: 0.9em;text-align:center;margin:5px 5px 2px;}
/* End template */

/* Links and headers */
a:link { color:#940f04;text-decoration:none;}
a:active {text-decoration:none;}
a:visited {color:#000;text-decoration: none;}
a:hover {text-decoration:underline;color:#c00;}
h1, h2, h3, h4 {color: #32527a;margin: 0 0 10px 0;font-family: tahoma, serif;font-weight: normal;}
h1 {font-size:1.6em;}
#content h1 {margin-top: 0;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
/* End links and headers */

/* Navigation */
#navigation {margin: 0 0 10px 0;}
#navigation ul {margin:0;float:left;width:100%;background:#fff;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#navigation li {float:left;font-size:0.9em;margin:0;}
#navigation a {display: block;border-right: 1px solid #ccc; border-bottom: 3px solid #ccc; color:#333;font-weight:bold;padding:5px 23px;text-decoration:none;background: #fff;}
#navigation a:hover {color: #32527a;border-bottom: 3px solid #32527a;text-decoration: underline;}
#navigation .current {color: #c00;border-bottom: 3px solid #c00; text-decoration: underline;}
#navigation li.last a { border-right: 0; }
/* End navigation */

/* Bread crumb */
#breadcrumb {float:left;width:99.2%;margin: 0;padding: 3px 0 3px 2px;list-style-type: none;}
#breadcrumb li {float:left;background: url(../i/bullet.png) no-repeat 100% 55%;padding-right: 1.1em;font-size:1.2em;}
#breadcrumb li a {font-size: 0.9em;text-decoration: underline;color: #c00;}
#breadcrumb li.last {background:none;}
/* End bread crumb */

/* Component declarations */
.com50 {width: 377px; float: left;background: url(../i/comp/com50_top.gif) no-repeat top left;margin: 0 25px 20px 0;}
.com50 .news,.com50 .blogs,.com50 .twitter,.com50 .delicious, .com50 .calendar, .com50 .blog,
.com50 #mission, .com50 #workWithUs, .com50 #contactUs, .com50 #faq {background: url(../i/comp/com50_bot.gif) no-repeat bottom left;padding: 0 20px 20px 20px;margin-top: 15px;} 
.com100 {width: 100%; float: left;background: url(../i/comp/com100_top.gif) no-repeat top left; margin: 0 0 10px 0;}
.com100 .flickr {margin-top: 15px;background: url(../i/comp/com100_bot.gif) no-repeat bottom left;padding:0 20px 20px 20px;float: left; width:730px;}
.last {margin-right: 0;}
.com50 h2, .com100 h2 {line-height: 1.4em;}
.com50 h2 a, .com100 h2 a {text-decoration: underline;}
/* End component declarations */

/* Pagination */
#pagination {line-height: 2em;height: 2.5em;margin: 10px 0 10px 0;}
#pagination li, #pagination span {float: left;margin: 0 10px 0 0;}
#pagination span {font-weight: bold;}
#pagination ol {margin: 0 0 0 20px;}
#pagination a {display: block;height: 2em;width: 2em;border: 1px solid #c00;text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#pagination a.current {border: 1px solid #32527A;background: #ddd;color: #32527A;font-weight: bold;}
/* End of pagination module */

/* Component lists */
.com50 li {margin: 0;}
.com50 li a {background: url(../i/icons/bullet.gif) no-repeat 2px 6px;padding: 5px 0 5px 15px;border-top:1px dotted #ccc;display:block;}
.com50 li a:hover {background: #c00 url(../i/icons/bullet.gif) no-repeat 2px -207px;color:#fff;text-decoration:none;}
/* End component lists */

/* Forms */
fieldset {border: 1px dotted #333;padding: 5px;}
legend {padding: 5px;border: 1px dotted #333;font-weight: bold;background: url(../i/compBG2.png) repeat-x bottom left;} 
ol.form {width:100%; float: left;}
ol.form li {width:40em;float:left; clear:both; margin-bottom: 0.5em;}
ol.form li label, ol.form li label.error, ol.form li input, ol.form li input, ol.form li.checkboxes h3 {float:left;}
ol.form li label, ol.form li label.error, ol.form li.checkboxes h3 {width:10em;padding:0 10px 0 0;}
ol.form li textarea {width: 20em;}
ol.form li input {padding: 2px;}
ol.form li input.short {width: 3em;}
ol.form li input.medium {width: 10em;}
ol.form li input.long, ol.form li select {width: 19em;}
ol.form li.alert {border: 1px dotted #c00;padding: 5px;}
ol.form li.alert p {margin: 0; color: #c00; font-weight: bold;}
ol.form li em {font-weight: bold; color: #c00;float: right;margin: -1em 5px 0 0;}
ol.form li.checkboxes h3 {font-size: 1em;}
ol.form li.checkboxes ol.form {float: left; width: 15em;}
ol.form li.checkboxes ol.form li {width: auto;}
ol.form li.checkboxes ol.form li input {margin-right: 5px;}
/* End forms */

/* Tables */
table {text-align: left; vertical-align: top;}
th, td {padding: 3px 3px 3px 0;}
/* End tables */

/* Carousel */
#carousel {width: 94%; height: 250px;	margin: 5px 0 0 0;}
#carousel a {position: absolute; width: 150px;}
#carousel li {float: left;width:12em;}
/* End carousel */

/* Flickr badge */
#ImageBoxOuterContainer{z-index: 1000;}
#ImageBoxCaption {background-color: #F4F4EC;}
#ImageBoxContainer {width: 250px;	height: 250px; background-color: #F4F4EC;}
#ImageBoxCaptionText {font-weight: bold; padding-bottom: 5px;	font-size: 13px; color: #000;}
#ImageBoxCaptionImages {margin: 0;}
#flickr_badge_wrapper {float: left; width: 730px;margin-top:10px;}
.flickr_badge_image {float: left;padding:0;height: 110px;width:145px;text-align:center;margin-bottom: 5px;}
.flickr_badge_image img {border: 1px solid #ccc; padding: 3px;background: url(../i/compBG2.png) repeat-x bottom left;}
/* End flickr badge */

/* Content page */
.mainImg {float: left; width: 202px;border: 1px solid #ccc; padding: 5px;margin: 0 10px 10px 0;background: url(../i/compBG2.png) repeat-x bottom left; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.mainImg .caption {font-weight: bold; color: #32527A;font-size: 1em;border: 1px solid #ccc;background: #fff;margin:5px 0 0 0; padding:5px;}
.mainImg img {border: 1px solid #ccc;}
.galleryImg {text-align: center;border: 1px solid #ccc; padding: 5px 5px 0 5px;margin: 0 0 10px 0;}
.galleryImg .caption {border: 1px solid #ccc;margin: 5px 0 5px 0; padding: 5px;background: url(../i/compBG2.png) repeat-x bottom left;font-weight: bold;color:#32527A;text-align:left;}
/* End content page */

/* Blog related styles */
.bookmark		{margin: 2px 0 -25px 0;border: 1px solid #ddd;padding: 4px;}
.blogOptions {display:block;margin: 10px 0 5px 0;}
.blogpost_footer {margin-top:2px;margin-right:5px;border:1px dotted #ddd;background:#fff;padding:3px 3px 5px;}
.blogpost_footer:hover {margin-top:2px;margin-right:5px;border:1px dotted #ddd;background:#f2f6f8;padding:3px 3px 5px;}
.blog_icon {margin-bottom:-4px;padding:0;}
.blog_label {width:150px;background:#f2f6f8;border-top:1px solid #A59D9D;border-right:1px solid #A59D9D;border-left:1px solid #A59D9D;padding:2px;}
/* End blog related styles */

/* General lists */
#categories, #services, #newslist, #pagination {float: left;width: 100%;}
#newslist li, #services li, #categories li {background: url(../i/compBG2.png) repeat-x bottom left;border: 1px solid #ccc;} 
#newslist li.last, #categories li.last, #services li.last {margin-right: 0;}
#categories li .img, #newslist li .img, #services li .img {text-align: center;float: left;width: 100%;margin: 0 0 5px 0;}
/* End general lists */

/* Newslist */
#newslist li {float:left;width: 150px;margin: 0 27px 20px 0;height: 250px;padding: 10px;height: 25em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#newslist h2, #newslist h3 {float: left;height: 5.8em;line-height: 1.6em;width: 100%;font-size: 1em;font-weight: bold;}
#newslist a {color: #333;}
#newslist p {height: 11em;float: left;width: 100%;text-align: left;}
#newslist p.date {font-weight: bold;color: #32527A;height: 1.6em;text-align: right;float: left;width: 100%;} 
/* End newslist */

/* Category list */
#categories li, #subcategories li {float: left;width: 220px;border: 1px solid #ccc;text-align: center;padding: 10px 10px 0 10px;margin: 0 22px 22px 0; height: 10em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#categories li h2, #subcategories li h2 {margin: 5px 0 10px 0;font-size: 1.3em;}
#categories li.last, #subcategories li.last {margin-right: 0;}
#categories p, #subcategories p {height: 9.5em;float: left;width: 100%;text-align: left;}
/* End category list */

/* Related content */
#related li {margin: 0 0 10px 0;}
#related li a {display:block;border: 1px solid #ccc;padding:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#related li a:hover {border: 1px solid #c00;padding:5px;color:#c00;background: url(../i/compBG2.png) repeat-x bottom left;text-decoration:none;}
#related li a span {margin: 0 0 5px 0;display: block;}
/* End related content */

/* Related content */
#seealso li {margin: 0 0 10px 0;}
#seealso li a {display:block;border: 1px solid #ccc;padding:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
#seealso li a:hover {border: 1px solid #c00;padding:5px;color:#c00;background: url(../i/compBG2.png) repeat-x bottom left;;text-decoration:none;}
#seealso li a span {margin: 0 0 5px 0;display: block;}
/* End related content */

/* Subcategory list */
#subcategories li {height: 20em;}
/* End subcategory list */

/* About */
.com50 #mission, .com50 #faq {float: left;}
.com50 #mission h2, .com50 #faq h2, .com50 #mission p, .com50 #faq p {text-align:right;}
.com50 #mission p, .com50 #faq p {float: right; border-left: 1px dotted #ccc;padding-left:10px;}
.com50 #workWithUs p, .com50 #contactUs p {border-right: 1px dotted #ccc;padding-right:10px;}
.com50 #mission p, .com50 #faq p, .com50 #workWithUs p, .com50 #contactUs p {width:12em;}
.com50 li a strong {display: block; text-align: right;margin: 3px 10px 0 0;}
/* End about */

/* Services list */
#services li {float: left;width: 220px;border: 1px solid #ccc;text-align: center;padding: 10px 10px 0 10px;margin: 0 22px 22px 0;}
#services li h2 {margin: 5px 0 10px 0;font-size: 1.3em;}
#services li.last {margin-right: 0;}
#services p {height: 9.5em;float: left;width: 100%;text-align:left;}
/* End services list */

/* SOCIAL CONTENT */
/* Twitter box */
.twitter h2 {background: url(../i/icons/social.gif) no-repeat 100% 61%;}
/* End twitter box */

/* Delicious box */
.com50 .delicious h2 {background: url(../i/icons/social.gif) no-repeat 100% 42%;}
/* End delicious box */

/* Calendar box */
.com50 .calendar h2 {background: url(../i/icons/social.gif) no-repeat 100% -2%;}
/* End calendar box */

/* Blog box */
.blog h2 {background: url(../i/icons/social.gif) no-repeat 100% 83%;}

/* Flickr box */
.flickr h2 {background: url(../i/icons/social.gif) no-repeat 100% 20%;}
.flickr li {border-bottom: 1px dotted #ccc;padding: 0 0 5px 0;}
/* End flickr box */
/* END SOCIAL CONTENT */

rss {display: block;font-family: verdana, arial;width:600px;font-size:0.9em;}
title {display: block;margin: 5px;padding: 2px;color: #cc0000;border-bottom: 1px solid #dddddd;font-weight:bold;}
item {display: block;padding: 2px 2px 2px 20px;}
webMaster, copyright {display: block;margin: 5px;padding: 2px;color: #000000;padding: 2px 2px 2px 2px;font-size:0.7em;font-weight:bold;}
description {display: block;margin: 5px;padding: 2px;color: #000000;padding: 2px 2px 2px 2px;}
language, lastBuildDate, link, ttl, guid, category, pubDate {display: none;}
title {font-family:verdana;font-size:1.5em;border:1px solid #00000;display:block;font-weight:700;}
pubDate {font-family:verdana;font-size:0.7em;display:block;font-weight:bold;}
/* end of RSS styling */

img.profile {float: left;padding: 0 10px 10px 0;}
.socialLinks a, a.backToTop {background: #c00; color: #fff; font-weight: bold;padding:3px; border: 1px solid #ccc;}

/* W3C buttons */
#w3c {margin-top: 10px;}
#w3c li {margin-bottom: 10px;} 
#w3c a {border: 1px solid #ccc; padding: 2px 5px; display: block; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;}
#w3c a:hover {border: 1px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; background: #c00; color: #fff;}
/* End of W3C buttons */