﻿/*============================================
Sk3tchbook Theme
Design by CommunityAhead 2009
(303) 325-5663
http://www.CommunityAhead.com
============================================*/

@media screen {

*
{
    margin: 0px;
    padding: 0px;
}

html, form, body
{
    height: 100%;
}

body
{
    background-color: #FFF;
    background-image: url(images/body-rpt.png);
    background-repeat: repeat;
    font-family: Garamond, Georgia, Times New Roman, Serif;
    font-size: 16px;
}

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre
{
    display: block;
}
li              { display: list-item; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
h1              { font-size: 2.25em; margin: .5em 0;}
h2              { font-size: 1.5em; margin: .5em 0; }
h3              { font-size: 1.3em; margin: .83em 0; }
h4              { font-size: 1.25em; margin: .83em 0; }
h5              { font-size: 1.2em; margin: .83em 0; }
h6              { font-size: 1.2em; margin: .83em 0; }
p, blockquote, ul,
fieldset, 
ol, dl, dir,
menu            { margin: .5em 0 .5em 0;}

h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder; }
blockquote      { margin-left: 40px; margin-right: 40px; }
i, cite, em,
var, address    { font-style: italic; }
pre, tt, code,
kbd, samp       { font-family: monospace; }
pre             { white-space: pre; }
button, textarea,
select   { display: inline-block; }
big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle; }
td, th, tr      { vertical-align: inherit; }
s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
img             { border: none; }
ol, ul, dir,
menu, dd        { margin-left: 40px; }
ol              { list-style-type: decimal; }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline; }
sbr:before       { content: "\A"; white-space: pre-line; }
center          { text-align: center; }
:link, :visited { text-decoration: underline; }
:focus          { outline-style:none; }

a
{
    
    outline: none;
    color: #27537a;
}

a:hover
{
    outline: none;
    color: #444;
}

a.rss-link
    {
        color: #FFF;
        text-decoration: none;
        background-image: url(images/feed-icon32x32.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 35px;
        line-height: 50px;
        height: 50px;
        margin-top: 15px;
        display: block;
    }
    
a.rss-link-light
    {
        color: #633037;
        text-decoration: none;
        background-image: url(images/feed-icon32x32.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 35px;
        line-height: 50px;
        height: 50px;
        margin-top: 15px;
        display: block;
    }    
    
a.rss-link:hover, a.rss-link-light:hover
    {
         text-decoration: underline;
    }    

/* Structure */

#container
{
    min-height: 100%;
    position: relative;
    background-image: url(images/header-bkgd.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    padding: 0;
    margin-bottom: -240px;
    
}

#container.short
{
    min-height: 100%;
    position: relative;
    background-image: url(images/header300.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    padding: 0;
    margin-bottom: -240px;
    
}

#header
    {
        height: 400px;
        padding: 0 20px;
        width: 938px;
        margin: 0 auto;
    }

#header.short
    {
        height: 300px;
        padding: 0 20px;
        width: 938px;
        margin: 0 auto;
    }
    
#leftside
    {
        height: 400px;
        width: 227px;
        float: left;
    }
    
#leftside.short
    {
        height: 300px;
        width: 227px;
        float: left;
    }    
    
#leftside #logo
    {
        height: 90px;
        width: 227px;
        float: left;
        overflow: hidden;
    }
    
#leftside #phone
    {
        height: 30px;
        width: 227px;
        font-size: 1.5em;
        color: #fff;
        font-weight: bolder;
        float: left;
        text-align: center;
        overflow: hidden;
    }    
    
   
#leftside #navigation
    {
        height: 157px;
        margin-top: 20px;
        padding: 0 5px;
        width: 217px;
        float: left;
        
    }         
    
#leftside #quip
    {
        height: 80px;
        color: #fff;
        padding: 6px 20px;
        width: 187px;
        font-weight: bold;
        float: left;
        line-height: .9em;
        overflow: hidden;
    }          
    
#leftside #quip p
    {
        line-height: 1em;
        margin: .6em 0 0 0;
        padding: 0;
        
    }
    
#banner.large
    {
    float: right;
    margin-right: 10px;
    margin-top: 80px;
    width: 680px;
    height: 310px;
    overflow: hidden;
    }                 

#banner .banner-content
{
    width: 680px;
    float: right;
}

#content
    {
        background-position: center top;
        width: 958px;
        min-height: 300px;
        margin: 0 auto;
        padding: 5px 0 0 20px;
        background: url(images/content-rpt.png) repeat-y top center;
    }

.cols13, .cols14, .cols23, .cols50, .cols100
{
    margin: 0 10px 0 0;
    float: left;
}

.cols13
{
    width: 306px;
}

.cols9
    {
        width: 680px;
        height: 210px;
        position: relative;
        float: right;
        overflow: hidden;
        margin-right: 10px;
        margin-top: 80px;
        background-color: Maroon;
    }

.cols14
{
    width: 227px;
}

.cols23
{
    width: 622px;
}

.cols50
{
    width: 464px;
}

.cols100
{
    width: 938px;
    padding-top: 10px;
}

.contacts dd strong
{
	font-size: 11px;
}

.gallery
{
	width: 80px;
	height: 80px;
	float: left;
	display: block;
}

#prevnext 
{
    height: 15px;
    margin: 0;
    padding:0;
    color: #444;
    text-align: right;
    line-height: 15px;
    font-size: 12px;
}

#prevnext a
{
     font-size: 12px;
     text-decoration: none;
     padding:0;
     margin: 0;
     color: #444;
     font-weight: bold;
     line-height: 15px;
}

#prevnext a:hover
{
     color: Maroon;
}

/* Email Subscription Form  */

div.sf_newsletterSubscriptionForm
    {
        width: 294px;
        height: 51px;
        padding: 35px 0 0 10px;
        background-image: url(images/newsletter-bkgd.png);
        background-repeat: no-repeat;
        background-position: top left;
    }


/*-------------------------------------News---------------------------------*/ 
   
    ul.sb_newsList
    {
        list-style-type: none;
        clear: both;
        margin: 0;
        padding: 0;
    }
    
    ul.sb_newsList p, ul.sb_newsList h2
    {
        margin: 0;
        padding: 0;
    }
    
    ul.sb_newsList a
    {
         color: #cd3300;
    }
    
    ul.sb_newsList a:hover
    {
         color: #fff;
         background-color: #cd3300;
    }
    
    ul.sb_newsList h2 a
    {
         font-size: 16px;
         font-weight: bolder;
         color: #cd3300;
    }   
       
    .product-panel
    {
    
    }
    
    ul.sb_newsList .sb_newsAuthor
        {
            margin-bottom: 5px;   
        }
			
	ul.sb_newsList li
    {
        width: 280px;
        float: left;
        height: 276px;
        overflow: hidden;
        padding: 10px 15px 0px 10px;
        background-image: url(images/PictureFrame.jpg);
        background-repeat: no-repeat;
        background-position: top left;
    }
    
               
	ul.sb_newsList .sb_newsList p.Summary 
	{
			margin:0;
			font-size: 0.9em;
	}
		
	ul.sb_newsList .sb_newsList h4, ul.sb_newsList .sb_newsList h5
	{
			margin: 0;
			padding: 0;
			font-size: 1.0em;			
	}
			
	ul.sb_newsList .sb_newsList h5
	{
			font-weight: normal;
	}
			
	ul.sb_newsList	.sb_newsList span.date 
	{
			font-style: italic;
			font-size: 0.8em;
	}
			
	ul.sb_newsList .sb_newsList a.more 
	{
			font-size: 0.8em;
	}

		/*---------singlenews---------*/

    div.sb_singleNews p,
    .sb_back
    {
        margin: .5em 0;
        padding: 0;
    }
    
    .sb_back
    {
        color: #fff;
        margin-bottom: 5px;
        text-decoration: none;
        padding: 2px 5px;
        font-size: .8em;
        border: solid 1px #999;
        background-color: #cd3300;
        text-transform: uppercase;
    }
    
    .sb_back:hover
    {
        color: #cd3300;
        background-color: #fff;
    }
    
    
    div.sb_singleNews p.price
    {
         text-align: right;
         font-size: 2.2em;
         margin: 5px 10px 0 0;
         padding:0;
          font-weight: bolder;
         color: #cd3300;
    }
    
    div.sb_singleNews div.sb_productHeader
    {
        display: block;
        margin: 0;
        padding: 0;
        background-color: #C0C0C0;
    }

    div.sb_singleNews h2.sb_NewsTitle
    {
     margin-top: 10px;
     font-size: 2.2em;
     margin: 10px 0 0 0;
     padding: 0;
     text-transform: uppercase;
     color: #cd3300;
    }

    div.sb_singleNews .sb_pictureFrame
        {
            float: left;
            margin-right: 10px;
            width: 286px;
            height: 266px;
            padding: 10px;
            background-image: url(images/PictureFrame.jpg);
            background-repeat: no-repeat;
            background-position: top left;
            overflow: hidden;
       }
        
       .sb_singleNews .sc_newsThumbnail
       {
        
       }

		.singlenews h2 {
			font-size: 1.5em;
			margin-bottom: 0;
			}		
		.singlenews h3 {
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 0.9em;
			}		
		.singlenews span.date {
			font-style: italic;
			font-size: 0.8em;
			line-height: 3em;			
			}
		.singlenews p.summary {
			font-weight: bold;
			font-size: 0.9em;
			}
		.singlenews div.newsbody {
			margin-top: 20px;
			font-size: 0.9em;
			}
		.related h3 {
			font-size: 1.2em;
			margin-top: 30px;
			margin-bottom: 10px;
			}
		.related h4 {
			margin: 0 0 10px 0;
			font-size: 1.0em;			}
		.related ul {
			margin:0 0 20px 0;
			padding:0;						
			}
		.related li {
			padding: 0 0 0 0;
			margin-left: 20px;
			}
		.related li.more {
			font-size: 0.8em;
			line-height: 2.5em;
			list-style-type: none;
			}

/* BLOGS */

.post
    {
        margin: 2.4em 0;
    }
    
.sf_postTitle
    {
        color: #1F5DA7;
        font: normal 2.2em/1.2em georgia,arial,sans-serif;
    }
    
.sf_postTitle a
    {
        text-decoration: none;
    }
    
.postDate
    {
        margin-bottom: 1.2em;
        font-size: 0.8em;
        color: #000 !important;
    }
    
ul.sf_postListing li
    {
        display: block;
        clear: both;
    }
    
div.sf_postContent
    {
        display: block;
        
    }
 
.sf_postAuthor
    {
        display: block;
        clear: both;
    }   
    

.sf_postContent p
    {
        margin-bottom: 1.2em;
    }

span.Bloggers a
{
     text-decoration: none;
     font-weight: bold;
}

span.Bloggers a:hover
{
     text-decoration: underline;
}

span.Bloggers ul
{
     list-style-type: none;
     padding-left: 0 !important;
     margin-left: 10px !important;
}
    
li.activeBlogger,
li.inactiveBlogger
{
     list-style-type: none;
     padding-left: 0 !important;
     margin-left: 0 !important;
}    
    
.postGet,.entryFoot{color:#fff}
.postGet{margin-top:1em}
.diggit{padding-left:20px;background:url(img/blogDiggit.gif) 0 0 no-repeat}
.delicious,.delicous{margin-left:10px;padding-left:18px;background:url(img/blogDelicious.gif) 0 0 no-repeat}
p.more{font-size:0.85em}
.postFoot a{clear:left;font-size:0.85em}
.postFoot a.postComments{}
.postFoot span{margin-left:10px;color:#000}
.postComments{margin-top:40px;font-size:0.9em;line-height:1.4em;}
.postComments h3{color: #1F5DA7;margin-top:1.5em;background:url(img/blogComments.gif) 0 0.2em no-repeat;font:normal 1.6em/1.2em georgia,arial,sans-serif;}
.postComments h3 a{color:#333}
.commentsView{background:#F8FAFC;padding:20px 30px 30px}
.postComments .commentAuthor{margin-top:1.6em;color: #1F5DA7;font-size:1.0em}
.postComments .commentAuthor a{text-transform:none;text-decoration:underline}
.postComments .commentAuthor a:hover{text-transform:none;text-decoration:none}
.postComments .commentDate{font-size:0.8em;font-weight:bold}
.postComments p{margin-top:0}
p.commentMessage{background:#690;color:#fff;padding:3px 10px;margin:20px 0}


/*comments form*/
.postComments ol{list-style:none}
.postComments fieldset{display:block;margin-top:1em;margin-bottom:2.3em;padding:1.8em 1em 1em;border:0;background: #E2EBF3}
.postComments fieldset li{clear:both;margin-bottom:1em}
.postComments fieldset li:after{content:".";display:block;clear:both;height:3px;visibility:hidden}
.postComments fieldset label, .postComments fieldset span {float:left;width:70px;padding-right:10px;text-align:right;line-height:1.8em;font-size:0.85em}
.postComments fieldset input{float:left;width:200px;padding:2px}
.postComments fieldset textarea{float:left;width:380px;height:150px;font-family: Arial;font-size:12px}
.postComments fieldset input.commentsButton{display:block;width:auto;margin:0.4em 0 0 80px;height:auto;font-weight:bold;padding:3px 5px}
.postComments fieldset span.commentsValidator{margin-left:70px;color:red;font-weight:bold;width:320px;text-align:left}

.postsNavigation{font-size:12px}
.prevPost{border-right:1px solid #000;padding-right:10px;margin-right:5px;background:url(Images/prev.gif) center left no-repeat;padding-left:13px;}
.allPosts{font-weight:bold}
.nextPost{border-left:1px solid #000;padding-left:10px;margin-left:5px;background:url(Images/next.gif) center right no-repeat;padding-right:13px;}
.postsNavigation {margin-top:10px}

/*lists*/
.sf_list_simple, .sf_list_expanded, .sf_anchor_list, .sf_list_expandable, .sf_target_list, #SideBar ul {list-style:none;margin-bottom:30px;font-size:13px}
.sf_list_simple li, .sf_list_expanded li, #Main li, #SideBar li{margin-top:10px}
#Main li 
{
	margin-left: 15px;
}
.sf_list_expanded h5, .sf_item_head, ul h2 {font-size:1.0em;font-weight:bold;margin-top:0.5em}
.sf_target_list{margin-left:0}
.sf_target_list dt{font-weight:bold;margin-top:1.0em}
#Main ul {margin-left:15px;list-style-type:disc;font-size:13px}
#Main ol {margin-left:15px;font-size:13px}
#Main h1, #Main .list_header{margin-top:20px}


/* Categories, Tags, Archive */
ul.tagCloud {
	margin: 0;
	padding: 0;
}
ul.tagCloud li {
	margin: 0;
	padding: 0 10px 0 0;
	background: none;
	border-bottom: 0;
	padding: 0;
	display: inline;
	line-height: 36px;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active {
	font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active {
	font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active {
	font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active {
	font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active {
	font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active {
	font-size: 36px;
}
h1.categorizedAs {
	margin: 20px 0 0;
	font-size: 2.5em;
	font-family: georgia,arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
}
dl.taggedWithList {
	margin: 0;
	padding: 0;
}
dl.taggedWithList dt, dl.taggedWithList dd {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}

#Main ul.sf_singleImageData 
{
	margin-left: 0;
	line-height: 1.3;
}
#Main ul.sf_singleImageData li
{
	margin-top: 0;
}
#Main .RadScheduler .rsHeader h2
{
	padding-left: 0 !important;
	text-indent: 0 !important;
}
/* Control Fixes */
.RadTabStrip .rtsLI, .existingTag, .existingTagsList, .existingTag li, .existingTagsList li
{
	margin-left: 0 !important;
}

.clearfooter
{
    height: 240px;
    clear: both;
}

#footer
{
    height: 240px;
    margin: 0 auto;
    padding: 0;
    z-index: auto;
    background: url(images/footer-rpt.png) repeat center bottom;
    position: relative;
    overflow: hidden;
}

#footer-contents
{
    width: 958px;
    padding: 20px 0 0 20px;
    height: 104px;
    background-image: url(images/footer.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    overflow: hidden;
    line-height: normal;
}

#footer-contents p
{
    padding: 0;
    margin: 0;
}

#legal
{
    width: 958px;
    padding: 0 0 0 20px;
    font-size: .8em;
    height: 40px;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    line-height: normal;
}

#footer-base
{
    width: 958px;
    margin-top: 5px;
    height: 15px;
    margin: 0 auto;
    line-height: normal;
}




.poweredBySitefinityLogo
{
    margin-top: -70px;
    display: none;
    padding: 0;
}

/* Beg Postcard Styles  */

.contactform
{
    width: 600px;
    height: 380px;
    font-size: 12px;
    line-height: 1em;
    background: #FFFFFF url(images/Postcard.jpg) no-repeat center top;
}

.contactform p
{
    font-size: 12px;
    padding: 0 0 5px 0;
    margin: 0;
}

p.postcardheader
{
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 2em !important;
    color: #D65106;
     line-height: normal;
    font-weight: bold !important;
}

.contactform .topside
{
    margin: 0;
    padding: 10px 180px 0  10px;
    height: 65px;
    width: 405px;
}


.contactform .leftside,
.contactform .rightside
{
    float: left;
    margin: 0;
    padding: 5px !important;
    width: 290px;
    
}

.contactform .full
{
    float: left;
    text-align: left;
    width: 240px;
    margin: 0 0 0 15px;
    padding: 2px;
}

.contactform label.left
{
    float: left;
    text-align: right;
    width: 75px;
    margin: 0 0 0 10px;
    padding: 2px;
    font-size: 100%;
}
.contactform select.combo
{
    width: 175px;
    padding: 2px;
    border: solid 1px rgb(200,200,200);
    font-size: 100%;
}

.contactform .field
{
    width: 175px !important;
    padding: 2px;
    border: solid 1px rgb(200,200,200) !important;
    font-size: 100%;
}

.contactform textarea
{
    width: 275px;
    padding: 2px;
    border: solid 1px rgb(200,200,200);
    font-size: 100%;
}
.contactform input.button
{
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin-left: 220px !important;
    padding: 3px 5px;
    background: #e5e5e5;
    border: dashed 1px #999;
    text-align: center;
    color: #444;
    
}
.contactform input.button:hover
{
    cursor: pointer;
    border: dashed 1px #999;
    background: #999;
    color: #fff;
}

.contactform .CompletionPanel
{
    padding: 25px;
}

.contactform .successLabel
{
    color: Green;
    font-size: 24px;
    font-weight: bold;
}
.contactform .failureLabel
{
    color: Red;
    font-size: 24px;
    font-weight: bold;
    
}
.contactform ul
{
    clear: both;
    float: left;
    margin-left: 145px !important;
    margin-top: 15px;
}

/* End Postcard  */

ol.sf_pager
{
 list-style-type: none;
 margin: 5px 0;
 padding: 0;
}

ol.sf_pager li
{
  display: inline-block;
  
}

ol.sf_pager li a
{
  margin: 0 5px 0 0;
  border: solid 1px #cd3300;
  padding: 2px 5px;
  height: 18px;
  background-color: #cd3300;
  text-decoration: none;
  color: #FFF;
}

ol.sf_pager li a:hover
{
  margin: 0 5px 0 0;
  padding: 2px 5px;
  border: solid 1px #cd3300;
  height: 18px;
  background-color: #FFF;
  text-decoration: none;
  color: #cd3300;
}

ol.sf_pager li a.sf_PagerSelItem
{
  
  background-color: #F8F1D4;
  color: #cd3300;
  
}

div.RadTreeView
    {
        margin: 0 !important;
        padding: 0;
        
    }
    
/* List Module Styles */

ul.sf_expandedList, ul.sf_expandedList li
    {
        list-style-type: none;
    }
    
ul.sf_expandedList li
{
    margin-bottom: 20px;

}    
    
ul.sf_expandedList a
{
    color: #cd3300;
    font-weight: bolder;
    background-image: url(images/ELI12.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 14px;
}    
    
h3.sf_listItemTitle,
div.sf_listItemBody,
div.sf_listItemBody p
    {
    
        margin: 0;
        padding: 0;
    }
    
div.sf_listItemBody
    {
        padding: 0;
    }            
    
/* IE6 MESSAGE BOX STYLES */

#ie6msg
{
    background-color: #FAE199;
    border: 3px solid #2B639E;
    margin: 5px;
    color: #000;
}
    #ie6msg h4
{
    margin: 8px;
    padding: 0;
}
    #ie6msg p
{
    margin: 8px;
    padding: 0;
}
    #ie6msg p a.getie8
{
    font-weight: bold;
    color: #006;
}
    #ie6msg p a.ie6expl
{
    font-weight: normal;
    color: #006;
}

.clearfix:after /* float clear for non-ie */
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

}

@media print {

  *{
    visibility:hidden;
  }  
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}



