/*
Theme Name: Shannon
Theme URI: http://shannon1.com/
Description: The Shannon theme was created for the Shannon Construction Company
Version: 1
Author: Jim Cipriani
Author URI: http://ciprianidesign.com
Tags: Cipriani Design, Custom, Theme
*/



div.extra { display:none; }




/* -------------------------------------------------
     WRAP
------------------------------------------------- */


/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; margin:0em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; border-collapse:collapse; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a { outline:none; cursor:pointer; }

/* --------------------------------------------------------------   
   
   reset.css
   
-------------------------------------------------------------- */




/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input.text					{ font-size: 12pt; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


/* -------------------------------------------------------------- 
   
   forms.css   
   
-------------------------------------------------------------- */





/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }
html>body { font-size: 12px; }
p {line-height 1.5em;}

/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color:#444; 
  font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif; 
  line-height:1.3em;
}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height:1.3em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; line-height:1em; }
h3 { font-size:1.75em; line-height:1.1em; margin-bottom:1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.1em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 0em; }

ul, ol      { /* margin:0 1.5em 1.5em 1.5em;  */}
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { /* border-bottom: 1px dotted #666;  */}
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #3A0; text-decoration: underline; }
a           { color: #227700; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin:0; padding:0; margin-bottom: 0em; }
th      { border-bottom: 0px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { margin:0; padding:0;  }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* -------------------------------------------------------------- 
   
   typography.css
  
-------------------------------------------------------------- */


.alt { color:#444444; }

#brand_row a	{ /* color:#AFBF60; */ text-decoration: underline; }
#top_row a		{ /* color:#9FaF50; */ text-decoration: underline; }
#bottom_row a	{ /* color:#227700; */ text-decoration: underline; }



.highlightit { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.40; opacity: .40; cursor:pointer; }
.highlightit:hover {	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: .9;	opacity: .9; }
.highlightit:active {	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .8;	opacity: .8; }

.highlightit-image { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity:.85; opacity: .85; cursor:pointer; }

.edit_post_link { color:#AAAAAA; font-size:9pt; padding:25px 0 0; }

.MidContainer .post-images { margin:0 0 0px 0; /* background:#fff; */ overflow:hidden; width:827px; height:330px; border:10px solid #F9F7F5; }
.MidContainer .post-images{ background:transparent url(images/bg1-trans.png);}
.MidContainer .post-images li { width:807px; height:330px; margin:0; padding:0; /* margin:10px 10px 10px 10px; */ /* background:#fff; */ }
.MidContainer .post-text { left:20px; }
.MidContainer .post-images li img { }

.MidContainer .post { width:500px; overflow:hidden; }
.MidContainer .post p { width:500px; }

#relatedposts {  }

#feature_arrow { 
	/* background:transparent url(images/feature_arrow-trans.png) no-repeat scroll 0 0; */
	
	height:36px;
	left:2px;
	position:absolute;
	top:-35px;
	width:292px;
	z-index:1000;
	}

body#home .post-text {width:835px;height:140px; }
body#home .post-text li { margin:0; width:265px; height:140px; border-bottom:10px solid #F5F8EF;}
body#home .post { height:250px; /* padding:10px 7px 20px 40px; */ width:265px; text-align:left; }

body#home .post p { width:250px;}
body#home .post h2, body#home .MidContainer .post h2 a { width:250px; }
body#home .post p {  margin:0 1em 1.2em 0; width:220px; }

.inside { margin:0px 7px 0;padding:0 0; position:relative; width:827px; }

/* #brand_row .inside { background:#DDDFD2 none repeat scroll 0 0; } */
#brand_row .inside { background-image:url(images/bg2-trans.png);  background-repeat:repeat; }

/* #top_row .inside { background:#F5F8EF;   } */
#top_row .inside { background:transparent url(images/bg2-trans.png);   }

/* #middle_row .inside { background:#F5F8EF; margin-top:-7px;} */
#middle_row .inside {  background: transparent url(images/bg1-trans.png); margin-top:-11px;}
/* body#page #middle_row .inside { margin-top:0px; }  */

body#home #middle_row .inside {overflow:hidden;}

/* #bottom_row .inside { background:#CDCFC2; } */
#bottom_row .inside { background:transparent url(images/bg2-trans.png); }

/* body#archive #top_row .inside, body.staff #top_row .inside, body.contact #top_row .inside { padding-top:10px; } */

#header h1 { font-size:1.6em; line-height:1.2em; }

div.imageControl { float:right; width:230px; margin:10px 10px 0 20px; }
div.imageControl ul { list-style:none; margin:0px 0px 0px 0; }
div.imageControl ul li:hover {border:4px solid #9c0;}
div.imageControl ul li { float:left; height:58px; margin:2px; width:58px; cursor:pointer; border:4px solid #fff; }
div.imageControl img { border:1px solid #aaa; padding:3px;}

.nextprevprojects a { font-size:8pt; }
.nextprevprojects { font-size:8pt; display:none; }

h1.tag { color:#333333;
font-family:"Gill Sans",Verdana,sans-serif;
font-size:1.8em;
font-weight:normal;
line-height:1.2em;
padding:15px 105px 20px;
text-align:center;
width:617px;}

h1.tag a { color:#227700; }
h1.tag a:hover { color:#44AA00; }

h2.title { padding-bottom:20px; }
.page .post, .post-item { width:500px; }

.prevnext { }
.prev, .next {display:block;
height:300px;
position:absolute;
top:34px;
width:223px;
z-index:1;}

.prev {left:-30px; background:transparent url(images/arrow_left-trans.png) no-repeat scroll 7px 127px;}
.next {left:632px; background:transparent url(images/arrow_right-trans.png) no-repeat scroll 194px 130px;}

p.categories {
bottom:-172px;
position:absolute;
vertical-align:bottom;
width:250px;
}


#topShadow { background:url(images/top_shadow-trans.png) repeat-x; width:100%; height:15px; position:absolute; z-index:10000; top:-3px; left:0; display:none; }

.div { border:1px solid #aac; margin:-2px;}

html { padding:0; margin:0;}
/* body { background:#cdcab8 url(images/bg_scrolls2.jpg) repeat -50px 0; line-height:1.3em;} */
body { background:#cec7ba url(images/background_10000.jpg) no-repeat 0px 0; line-height:1.3em;}
/* body.us-steels-steel-doors { background:#cec7ba url(images/phpThumb_generated_thumbnailjpg.jpg) no-repeat 0px 0; line-height:1.3em;} */


#OuterContainer { width: 845px; /* margin:0 auto; */ margin:0 0 0 50px; }
.TopContainer, .MidContainer, .BottomContainer { width:845px; margin: 0px auto; text-align:left; }

.TopContainer { height:11px; background: url(images/bg_top-trans.png) no-repeat; margin-top:-20px;}
.MidContainer { background:url(images/bg_mid-trans.png) repeat-y; margin: 0px auto;  position:relative; }
.BottomContainer { height:11px; background:transparent url(images/bg_bottom-trans.png) no-repeat bottom center; margin:0 0 10px; }

body#single #middle_row .TopContainer { margin-top:-25px; }
body#single #middle_row .inside {margin-top:-20px; background:transparent url(images/bg2-trans.png) repeat scroll 0 0; }

#tag_row .inside { background:transparent url(images/bg2-trans.png); margin:-20px 7px 10px; }
#tag_row .MidContainer {  }



#header .MidContainer { height:100px; }

p { color:#444; padding-left:0; margin-left:0;}
.content, div.fieldgroup .content  {padding:0; margin:0;}

.contentarea { padding:0px 20px; text-align:left; display:block; }
.boxx.one { float:left;  border-right:0px solid #aaa; padding:0 30px; text-align:left; }
.boxx.two { float:left; width:20%; border-right:1px solid #aaa; padding:0 20px; text-align:left; }

.three {border-right:1px solid #999; display:block; float:left; height:165px; padding:0 30px; text-align:center; width:219px; /* background:#CDCFC2 none repeat scroll 0 0; */}
.three:hover { background:#f5f8ef; }
.three:hover h4 {color:#227700; }
.three p.alt { font-size:1.2em; line-height:1.3em;}

#header .three  { height:80px; margin-right:30px; background:#fff; }
.clear {clear:both;}
.boxx.two.last, .three.last { border-right:0px solid #aaa; padding-right:22px; width:208px;}

.three img { display:none;}

/* DIV POSITIONING */
.container { margin:0 40px 50px 40px; }
#footer{ height:30px;  margin:0 auto; margin-bottom:30px; }
#copyright {margin: 6px 30px;}
.copyright, .copyright a, a.copyright, a.copyright:visited { color:#666666; font-size:8.5pt; letter-spacing:0px; }
.cipriani {float:right; }
#copyright .sans { display:none;}
.right {text-align:right;}


/* DIV STYLING */
#header 		{ height:100px; margin:0; padding:0; position:relative;}

/*
#brand 		{ background:transparent url(images/logo-al-10000.png) no-repeat scroll 0 0;
height:137px;
left:40px;
position:absolute;
top:18px;
width:180px;
z-index:110;}
*/

#brand {background:transparent url(images/logo_green-trans.png) no-repeat scroll 0 0;
height:139px;
left:40px;
position:absolute;
top:10px;
width:196px;
z-index:110;}


#brand a { display:block; height:75px; text-indent:-9999px; width:200px;}
.brand, .brand a { color:#227700; font-size:18pt; text-decoration:none; letter-spacing:0pt; }
#label, .field-label { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:8pt; padding: 10px 0 0 0; display:block; text-transform:uppercase; color:#aa3300; font-weight: bold;  }

.field-field-subheading 		{color:#666666; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-style:italic; font-weight:normal; line-height:1.2em; width:500px; margin-bottom:17px;}

.node { padding:0; margin:0 }
.mainimage { border:1px solid #ccc; width:100%; height:200px;}
.galleryimage { border:1px solid #ccc; width:85%; height:50px; margin-bottom:20px;}


#navigation { float:left; width:400px; }


#primary {left:210px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:18px 0 0 10px;position:absolute;top:-28px; width:575px; z-index:101;}
#primary li {border-right:0px solid #DDD; float:left; display:block;}

#primary li a { font-family: "Gill Sans",Verdana,sans-serif; color:#227700; display:block; font-size:1.1em; 
font-weight:normal; margin:0 0 0 1px; padding:40px 14px 10px; text-decoration:none; text-transform:uppercase; }

#primary li a:hover { text-decoration:none; color:#3A0; background:#fff; }
#primary li a:active { text-decoration:none; color:#000; }

#secondary{background:#333;}
#secondary ul{list-style:none;padding:5px 0 3px 0;}
#secondary li{float:left;display:block;width:101px;}
#secondary li a{font-weight:bold; color:#7F7F7F; width:99px;display:block;padding:2px 0 4px 5px;}
#secondary li a:hover{color:#EEE;}

div.content { width:600px; }
div.content li { list-style: disc; }

hr.thick {background: #333; color: #333; height: .4em; margin: 0 0 1.45em;}
hr.dark { background: #aaa; color: #aaa;}
.address { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; }
.address2 { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; font-size:90%; }



h1.brand {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; vertical-align:middle; padding-top:0; letter-spacing:0px; }
h1, h1.title, h1.title a
	{font-family: Georgia, "Times New Roman", Times, serif; font-size:24pt; color:#777777; padding:16px 0 6px 0; text-decoration:none; letter-spacing: -.5px; margin-bottom:0;}

ul { list-style-type:none; }
ul.links { margin:0pt; padding:0pt; list-style-type:none; }
ul.links li { padding:0pt 0em; }


/*
.view-content-frontpage ul { padding:0; margin:0; }
.view-data-node-data-field-photo-main-field-photo-main-fid { width:600px; height:200px; overflow:hidden; vertical-align:middle; display: table-cell;}
.view-data-node-data-field-photo-main-field-photo-main-fid img { margin-top: auto; margin-bottom: auto; }
.item-list ul li { margin:0px 0; padding:0pt; list-style-image:none;}
.view-field { margin:10px 0; }
*/


/* FRONT PAGE */
/*
.jCarouseltop, .view-frontpageIMAGES { width:805px; height:300px; overflow:hidden; }
	.view-frontpageTEXT { width:500px; overflow:hidden; }
.jCarouseltop img, .view-content-frontpageIMAGES img { width:800px;  margin:0 auto; }
	.view-content-frontpageTEXT { width:500px; height:auto; margin:0 auto; }
	.view-data-node-title a:hover {text-decoration:underline;}
.view-content-frontpageTEXT ul li, .view-content-frontpageIMAGES ul li { list-style:none; }
.view-content-frontpageIMAGES ul li { list-style:none; height:300px;}
*/
/* FRONT PAGE */


.wp_list_categories ul { display:inline;}
.wp_list_categories ul li.cat-item:after { content: ","; } 
.wp_list_categories ul li.cat-item:last-child:after { content: ""; }


body#archive h5 li.cat-item { display:inline;}	
	
/*
.view-data-node-data-field-project-description-field-project-description-value { font-size:13px; line-height:1.3em; color:#777; }
	.view-data-node-data-field-project-description-field-project-description-value p { margin:0 }
*/
	
h5, h5 a, .post h5 a { font-family:"Lucida Grande",Tahoma; display:inline; font-size:10px; font-weight:lighter; letter-spacing:0.3em; text-align:left !important; text-transform:uppercase; /* padding:0 0px 0 5px;  */color:#777; text-decoration:none; }
.post h5 a:hover { text-decoration:underline; }

h3, h3 a { font-family: Georgia, "Times New Roman", Times, serif; margin:-5px 0 10px; text-transform:none; color:#777777; letter-spacing:-.5px; }

.view-label-node-data-field-project-category-field-project-category-value  { padding:0 0px 0 5px; }
/* FRONT PAGE */

.tagline {display:none;}
#related h3 { padding:0; }

.breadcrumb, .breadcrumb a { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:lighter; color:#999; text-decoration:none; text-transform:uppercase; font-size:8pt;  letter-spacing:.5px; padding:0 5px 0 0;}
	 .breadcrumb a:hover { text-decoration:underline; }
	 
	 
/* body#page .BottomContainer.top { height:4px; } */

/* PROJECTS PAGE */ 

body#archive { padding:0px 0;}
h2 a:hover {text-transform:underline;}
body#archive h2 { padding-top:10px;}

#top_row .view-data-node-title, 
#top_row .view-data-node-title a, 
h2, 
body#archive h2.title, 
body#page h2.title, 
body#single h2.title 	{color:#505056; font-family:"Gill Sans",Verdana; font-size:30px; font-weight:bold; margin:0; padding:5px 0 6px; line-height: 1.1em;text-transform:uppercase;}

body#archive #top_row a {color:#505056; line-height: 1em; }

body#home h2 { font-size:26px; }

body#archive .form-item ul.dynamic-select { margin:0; width:600px;}
body#archive .form-item li.dynamic-option { padding:4px 20px 10px 0px; margin:0; display:inline; float:left; }
body#archive .form-item li.dynamic-option a { text-decoration:none; color:#aa9; }
body#archive .form-item li.dynamic-option a.active { font-weight:bold; color:#aaa; text-decoration:underline;  }
body#archive .form-item li.dynamic-option a:hover { text-decoration:underline; color:#993; }
body#archive h5 a { color:#999; text-decoration:none; float:left; display:block; margin:0 20px 0 0; /* margin-left:100px; */}
body#archive h5 li {margin:0; padding:0; list-style:none; }
body#archive .post img { padding:15px 0 0 0; }
body#archive .post a { text-decoration:none; }
body#archive .post a:hover { text-decoration:underline; }


body#archive #top_row ul li {list-style:none;float:left; padding:0 25px 20px 0;}
body#archive .view-data-node-data-field-photo-gallery-field-photo-gallery-fid { width:235px; height:110px; }
body#archive .view-data-node-data-field-photo-gallery-field-photo-gallery-fid img { width:220px; height:auto; overflow:hidden;  }
body#archive .view-data-node-title a {font-size:16pt; padding:0; }
body#archive .view-field {padding:0;margin:0;}

body#archive .post-item { 
	/* background:#FFFFFF none repeat scroll 0 0; */
	background:transparent url(images/bg2-trans.png); 
float:left;
height:225px;
margin:20px 10px 0 0;
padding: 10px 10px 0 ;
width:200px;
/* border-bottom:10px solid #fff; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;   */
border:1px solid #CECBB8;  
}

/* body#archive .post-item:hover { background:transparent url(images/bg1-trans.png); border-bottom:10px solid #9c3; border-top:1px solid #9c3; border-left:1px solid #9c3; border-right:1px solid #9c3; } */
body#archive .post-item:hover { background:transparent url(images/bg1-trans.png); border:1px solid #B7B5A2; }
body#archive #top_row .post-item:hover .view-data-node-title a { color:#227700; text-decoration:none; }
body#archive #top_row .post-item:hover .view-data-node-title a:hover { color:#339900; text-decoration: underline; }


#primary li.menu-178 a { color:#227700; font-weight: bold;}

body#archive .post { width:750px; }
body#archive .archive-title {height:70px; }

body#home #primary .menu-home a,
body#archive #primary .menu-projects a,
body#single #primary .menu-projects a,
body.service #primary .menu-69 a, 
body.history #primary .menu-73 a, 
body.staff #primary .menu-75 a, 
body.contact #primary .menu-contact a,
body.get-started #primary .menu-178 a 	{ /* background:#999; color:#ddd; */ color:#227700; font-weight:bold; background:#fff; }

body.get-started #primary .menu-178 a { color:#227700; }
/* body#page.get-started h2 { color:#227700; } */

.view-item-image-gallery, .view-image-gallery {width:805px; height:300px; overflow:hidden;  }
.view-content-image-gallery ul li { list-style:none; }
#prevnext {  margin:0px auto; width:800px; height:30px; padding-top:15px;}
#prevnext div { height:30px; display:block;}



h4 {color:#505056; font-family:"Gill Sans",Verdana; font-size:11px; font-weight:bold; margin:0pt; padding:20px 0px 10px; text-transform:uppercase;}
.post h4 { padding:10px 0 5px; }
body#archive .post h4 { padding:0 0 5px 0; }

.activeedit-processed , .fieldgroup .activeedit-processed { background:#f6f6f6; margin:30px 0; padding:20px; border:5px solid #fff; }
.activeedit-processed:hover, .fieldgroup .activeedit-processed:hover { background:#FFFFE0; }
button.activeedit-button, button.activeedit-button:hover { float:right; margin:-34px 7px 0px 0; }
#activeedit-window {width:700px;}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active, .fragment { background:transparent; }
textarea, select { background:#fff; }

/* OFFSET SYSTEM.CSS */
tr.even, tr.odd {background-color: transparent;border-bottom: 0px solid #ccc; padding:0; margin:0;}
table, tbody, thead, th, tr, td {padding:0; margin:0;}
tbody {border-top:0px solid #CCCCCC;}
thead th { border-bottom:0px solid #CCCCCC;padding-right:0em;text-align:left;}


#middle_row h2 a {color:#505056; /* text-decoration:none; border-bottom:1px dotted #505056;  */}


/* -------------------------------------------------
     ORIGINAL SHANNON CSS
------------------------------------------------- */		


#content {
	float: left;
	width: 640px;
	font-size:1.2em;
	margin:10px 0;
	border-right:solid 1px #ddd;}

	/* archives page */
	.archivetitle{font-size:1.2em; border-bottom: solid 1px #ddd;}
	
	ul.archivelist{margin: 0; list-style: none;}
		ul.archivelist li{padding:2px 0;}
	
.post { text-align:left; padding:20px 0px 30px 30px; }
body#home .post {padding: 0px 0 30px 30px; }
	.post h2 a{color:#333; text-decoration:none;}
		.post h2 a:hover{color:#000; text-decoration:underline; }
	
	.post p {margin:0 1em 1.2em 0;}
	.post ul {margin:0 1em 1.2em 0; padding:0; }

	.post a{text-decoration:underline;}
	.post img{padding:15px 0px;}
	
	.post ul {list-style-image:none; list-style-position:inside;list-style-type:disc; padding:2px 0;}
	.post li {padding:2px 0;}

	.post small{font-size: .9em;}
	
.postmetadata{
	padding:0 0 20px 0;
	border-top:double 4px #ddd;
	color:#999;}
	
	.postmetadata a {text-decoration: none; color:#999;}
	.postmetadata a:hover {color:#333; text-decoration:underline;}

.linklove { display:none;}

/* single post nav for previous/next entries */
.navigation { float:left;
font-size:1.2em;
padding:25px 0 0;
width:98%;}
	
	.alignleft {float:left;}
	.alignright {float:right;}

/* styling for 'continued' page links */
p.continued {padding:5px; background:#f0f0f0;}
p.continued a{padding:5px; font-weight:bold;}

/* -------------------------------------------------
     SIDEBAR
------------------------------------------------- */		
#sidebar {
	width: 270px;
	float:right;
	margin:10px;
	font-size:1.2em;}

	#sidebar h2{margin-top:20px;}

	#sidebar p {}

	#sidebar a {color:#666;}
		#sidebar a:hover {color:#999;}

	#sidebar ul {
		margin:0;
		padding:0;
		list-style:none;}

		#sidebar ul li {padding: 2px;}
		#sidebar ul li a{display:block; border-bottom: solid 1px #ececec;}
		
			#sidebar ul ul {}
			#sidebar ul ul li {}

/* -------------------------------------------------
     SEARCH
------------------------------------------------- */
#searchform {margin:10px 0;}
	
	#searchform input {border: solid 1px #ddd;}
	
	#searchform #s {width:200px; padding:2px;}

	#searchsubmit{font-weight: bold; color:#666; pointer; padding: 1px;}

/* -------------------------------------------------
     FEATURE LINKS
------------------------------------------------- */
.rss, .archive{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	background: #f0f0f0;
	padding-left: 5px !important;
	margin-top:10px;}
	
	.rss a{
		padding-left:25px;
		background: transparent  url(images/feed-icon-16x16.png) left no-repeat;}

	.archive a{
		padding-left:25px;
		background: transparent  url(images/square.png) left no-repeat;}
	
/* -------------------------------------------------
     COMMENTS
------------------------------------------------- */
#comments{
	margin:10px 10px 10px 0;
	padding:10px 10px 10px 0;}
	
ol.commentlist {margin:0; padding:0; overflow: hidden;}

ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:10px;}

ol.commentlist li.alt {}

ol.commentlist a {}

cite {font-style: normal; font-weight: bold;}

small.commentmetadata {}

/* -------------------------------------------------
     COMMENT FORM
------------------------------------------------- */
#commentform{
	margin:10px 10px 10px 0;
	padding:10px 10px 10px 0;}
	
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}

#author, #email, #url, textarea, #submit{border:solid 1px #ccc; margin:5px 5px 0 0;}

#submit{cursor:pointer;}


/* -------------------------------------------------
	 CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}

.noborder{border:none !important; vertical-align:middle;}

.left{float:left; border:none !important; margin:5px;}
.right{float:right; border:none !important; margin:5px;}


body#page .cform {width:410px;margin:10px 0; }
body#page  p.cf-sb { margin:0 0 0 95px; text-align:left;}
body#page  .cform textarea { height:100px; width:150px;}

#cformsformDiv { float:right; margin:10px 0;padding:115px 20px 0 0;width:260px; }
.cform label span { padding-bottom:5px; }
.cform label { display:block; margin:0; padding:0; text-align:left; vertical-align:top; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton  {margin:15px 0 0;}
body#page p.cf-sb { margin:0; text-align:left; }
fieldset.cf_hidden { border:0;  }

body#home #carousel-text .inside { background:transparent none; margin-top:-125px; width:275px; }
body#home .post-text { height:130px; }
body#home #carousel-text {  overflow:hidden; width:265px; margin-top:-130px; position:relative; left:7px; }
/* body#home #carousel-text li div { background:url('images/bg2-trans.png'); } */
body#home #carousel-text h2, body#home #carousel-text h2 a, body#home #carousel-text h5, body#home #carousel-text h5 a { color:#fff; }



