@charset "utf-8";
/* CSS Document */

body{
	background:url(images/ptrn.gif) repeat;
	font-size: 12px;
	font-family:Helvetica, Arial, sans-serif;
	color:#545454;
	line-height: 19px;
}

/* START HEADER */

#header {
	position:relative;
	width: 960px;
	height: 141px;
	margin:auto;
	background:url(images/header_back.jpg) no-repeat;	
}

#logo {
	float: left;
	padding: 22px 0 0 0;
}

#logo a{
	display:block;
	width: 170px;
	height:38px;
	background:url(images/logo.gif) no-repeat;
	text-decoration: none;
}

#navigation {
	float: right;
	margin: 22px 10px 0 0;

}

#navigation a{
	text-transform:uppercase;
	color:#5175a1;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

#navigation ul{
	list-style-type:none;
}

#navigation li {
	display:inline;
	margin-left:30px;
}

#navigation li:hover {
	border-bottom: 1px solid #5175a1;
}

/*
#navigation a:hover span {
	padding: 10px 0 15px 0;
	background:url(images/nav_background.gif) repeat-x;
}
*/

#logo a:hover{
	background-position: -170px 0;
}


/* SEARCH */

#search{
	position:absolute;
	bottom:20px;
	right:10px;
	width:160px;
}

.searchbox{
	width:142px;
	border: 1px solid #ccc;
	color:#545454;
	background-image: url(images/zoom3.gif);
    background-repeat:no-repeat;
    background-position:left middle;
    padding: 0 0 3px 17px;
	font-size:12px;
	height: 15px;
}

.searchbox:focus{
	border: 1px solid #333333;
}


/* BREADCRUMB */

#breadcrumb{
	font-size:12px;
	color:#999;
	float: left;
	margin: 105px 0 0 -158px;
	text-transform:lowercase;
}

#breadcrumb a{
	color:#3a83de;
	font-size:12px;
	text-decoration:none;
	text-transform:lowercase;
}

#breadcrumb a:hover{
	border-bottom: 1px solid #3a83de;
}

/* END HEADER */

#content {
}

#content-background {
	height:100%;
	background:url(images/content-background.gif) repeat-y #f8f8f8 top center;
}

#content-content{
	margin:10px 10px 50px 0;
}

#date{
	font-size:11px;
	color:#545454;
	text-transform:uppercase;
	margin:-15px 0 10px 2px;
}

#date ul{
	list-style-type:none;
}

#date li {
	display:inline;
	margin: 0 15px 0 0;
}

#date li a {
	font-size:11px;
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
}

#date li a:hover {
	border-bottom: 1px solid #0062de;
}

#content-text{
	font-size:12px;
	margin: 0 0 -5px 0;
}

#content-text a{
	font-size:12px;
	text-transform: lowercase;
	color: #0062de;
	text-decoration:none;
}

#content-text p a{
	font-size:12px;
	text-transform: lowercase;
	color: #0062de;
	border-bottom:1px solid #0062de;
}

#content-text ul{
	margin: 0 0 0 13px;
}

#content-text ul li{
	margin: 0 0 5px; 0;
}

#tag{
	margin-top: -15px;
}

#tag a{
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
}

#tag a:hover{
	border-bottom: 1px solid #0062de;
}

#edit a{
	font-size:11px;
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
}


#edit a:hover{
	text-decoration:underline;
}

.trackback a{
	list-style:none;
	text-transform:uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

.trackback a:hover{
	border-bottom: 1px solid #0062de;
}

.related_post a{
	list-style:none;
	text-transform:uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

.related_post a:hover{
	border-bottom: 1px solid #0062de;
}


#readmore{
	margin: 0 0 20px 0;
}

#readmore a{
	list-style:none;
	text-transform:uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

#readmore a:hover{
	border-bottom: 1px solid #0062de;
}

#content_subtitle{
	color:#ff8714;
	font-size:16px; 
	font-weight:bold;
	text-transform:uppercase;
	margin: 50px 0 10px 0;
}

.star{
	margin: 0 5px 1px 0;
}

#nextprevious{
	text-align:center;
}

#nextprevious a{
	text-transform:uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

#nextprevious a:visited{
	text-transform:uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

#nextprevious a:hover{
	border-bottom: 1px solid #0062de;
}


/* LEFT */

#left {
}

#left-content{
	margin:10px;
}

#left-wrapper{
	padding: 0 0 40px 0;
}

#left-wrapper a:link{
	padding:4px 0 0 0;
	font-size:11px;
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
	line-height:16px;
}

#left-wrapper a:visited{
	padding:4px 0 0 0;
	font-size:11px;
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
	line-height:16px;
}

#left-wrapper a:hover {
	border-bottom:1px solid #0062de;
}

#left-wrapper h2{
	font-size:13px;
	color:#393939;
	text-transform:uppercase;
	font-weight:100;
	margin-bottom: 12px;
}

#left-wrapper ul{
	list-style:none;
}

#left-wrapper ul li{
	margin: 0 0 13px 0;
}


.left-comment{
	font-size:11px;
	margin-bottom: 1px;
}

.popular {
	font-size:11px;
	color:#0062de;
	line-height: 19px;
	text-transform:uppercase;
	text-decoration:none;
}

a.popular:hover {
	text-decoration:underline;
}

a.popular{
	padding-bottom:10px;
}

.hr{
	padding: 0;
    margin: 5px 0 5px 0;
	padding:1px;
    background: transparent url(images/dot.gif) repeat-x;	
    line-height: 1px;
}

/* RIGHT */

#right {
}

#right-content{
	margin:10px;
}

#right-wrapper{
	padding: 0 0 50px 0;
}

#right-wrapper h2{
	font-size:13px;
	color:#393939;
	text-transform:uppercase;
	font-weight:100;
	margin-bottom: 12px;
}

.upcoming{
	font-size: 11px;
	text-transform:uppercase;
}

.upcoming p{
	border-bottom: dotted 1px #747474;
	padding: 3px 0 3px 0;
	margin: 1px 0 3px 0;
}

.upcoming p:hover{
	text-decoration:underline;
}


#rss{
	width:140px;
	background:url(images/rss_back.png) repeat-x;
	height:297px;
}


#rss h2{
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	padding: 50px 10px 0 10px;
}

#title-rss-bottom{
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	margin: 5px 0 0 10px;
}

#rss-text{
	color:#fff;
	padding-left: 10px;
	padding-right: 10px;
	margin: -10px 0 0 0;
}

#rss-hr{
	padding: 1px;
    margin: 9px 0 0px 0;
    background: transparent url(images/dot.gif) repeat-x bottom;	
    line-height: 1px;
}

#rss-hr-bottom{
	padding: 1px;
    background: transparent url(images/dot.gif) repeat-x bottom;	
    line-height: 1px;
	margin: 10px 0 8px 0;
}


#rssmail{
	width:115px;
	border: 1px solid #ccc;
	color:#545454;
	margin: 0 0 5px 9px;
	padding-left:3px;
}

#rssmail:focus{
	border: 1px solid #333333;
}


#rssmaillastname{
	width:115px;
	border: 1px solid #6f6f6f;
	color:#545454;
	margin: 0 0 0 10px;
	padding-left:4px;
	visibility:hidden;
	display:hidden;
	position:absolute;
}

.rssbutton{
	margin: 6px 0 0 6px;
}

.rssbuttonsoon{
	margin: 4px 0 0 6px;
}

a.right-link {
	color:#0062de;
	text-transform:uppercase;
	text-decoration:none;
}

a.right-link:hover {
	text-decoration:underline;
}

/* TEXT */

#content-content h1{
	font-size:22px;
	font-weight:100;
	color:#393939;
	text-transform:uppercase;
	text-decoration:none;
	line-height:22px;
	letter-spacing:0.08em;
	padding: 3px 2px 2px 2px;
}

#content-content h1:visited{
	text-transform:uppercase;
	font-size:22px;
	font-weight:100;
	color:#393939;
	text-transform:uppercase;
	line-height:22px;
	letter-spacing:0.08em;
	padding: 3px 2px 2px 2px;
}

#content-content h1:hover {
	text-decoration:none;
	color:#fff;
	background-color:#5276a2;
	padding: 3px 2px 2px 2px;
}

#content-content h2{
	font-size:14px;
	font-weight:700;
	color:#393939;
	text-transform:lowercase;
	text-decoration:none;
	margin: 30px 0 0 0;
}

/* FOOTER */

#footer {
	position:relative;
	width: 960px;
	margin:auto;
	background-color:#474747;
}

#footer-content{
	height: 168px;
	padding:10px;
	width:960px;
	color:#999;
	font-size: 11px;
}

#sitemap{
	border-top: dotted 1px #888888;
	vertical-align:bottom;
	padding:3px 10px 10px 10px;
	height:10px;
	color:#888888;
	font-size:10px;
}

#sitemap a{
	color:#888888;
	font-size:10px;
	text-decoration:none;
}

#footer-title h2{
	font-size:13px;
	color:#e9e9e9;
	text-transform:uppercase;
	font-weight:100;
	margin-bottom: 12px;
}

#contact-footer{
	height:167px;
	margin: 0 -10px 0 -10px;
	padding: 0 5px 0 0;
	background:url(images/footerdivider.gif) no-repeat right;
}

#twitter{
	height:167px;
	margin-right: 10px;
}

#follow{
	height:167px;
	margin-right: -10px;
	background:url(images/footerdivider.gif) no-repeat right;
}

#follow ul li{
	list-style-type:none;
	margin:0;
}

#category{
	height:167px;
	margin-right: -10px;
	background:url(images/footerdivider.gif) no-repeat right;
}

li.cat-item{
	margin: 0;
	list-style-type:none;
}

li.cat-item a{
	font-size:10px;
	color:#247ae6;
	text-transform:uppercase;
	text-decoration:none;
}

li.cat-item a:hover{
	border-bottom: 1px solid #247ae6;
}

a.footer-link {
	font-size:10px;
	color:#247ae6;
	text-transform:uppercase;
	text-decoration:none;
}


a.footer-link:hover {
	border-bottom: 1px solid #247ae6;
}

a.footer-link:visited {
	font-size:10px;
	color:#247ae6;
	text-transform:uppercase;
	text-decoration:none;
}

a.twitter-link{
	font-size:10px;
	color:#247ae6;
	text-decoration:none;
}

a.twitter-link:visited{
	font-size:10px;
	color:#247ae6;
	text-decoration:none;
}

a.twitter-link:hover{
	border-bottom: 1px solid #247ae6;
}

a.twitter-user{
	font-size:10px;
	color:#247ae6;
	text-decoration:none;
}

a.twitter-user:visited{
	font-size:10px;
	color:#247ae6;
	text-decoration:none;
}

a.twitter-user:hover{
	border-bottom: 1px solid #247ae6;
}

/* END FOOTER*/


/* RESPONDING */


#respondform{
	margin:0;
	padding:0;
	}
	
#respondform p{
	color: #545454;
	}
	
#respondform a{
	color: #5276a2; 
	text-decoration: underline;
}

#author, #email, #url{
	width:140px;
	border: 1px solid #cccccc;
	color:#545454;
}

#author:focus, #email:focus, #url:focus{
	border: 1px solid #333333;
}

#twittername, #twitterpass{
	width:140px;
	border: 1px solid #cccccc;
	color:#545454;
}

#twittername:focus, #twitterpass:focus{
	border: 1px solid #333333;
}

#slick-slidetoggle:link, #slick-slidetoggle:visited{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	color:#0062de;
}

#slick-slidetoggle:hover{
	border-bottom: 1px solid #0062de;
}


/* START BUTTONS */

	
#submit{
	font-weight:bold;
	width:150px;
	display: block;
	border:2px solid #cccccc;
	text-align: center; 
	text-decoration: none;
	font-size: 13px;
	background-color:#cccccc;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	margin:5px 5px 0 0;
	padding: 2px;
	cursor:pointer;
}

#submit:hover{
	background-color:#b6b6b6;
	border:2px solid #b6b6b6;
}

button,
a.button,
a.button:link,
a.button:visited {
  /*
      Strip down the button and link elements to a base we can work with.
  */
	padding: 0 0 0 0;
	margin: 0 3px 20px 3px;
	border: none;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	overflow: visible;
}

  * html a.button,
  * html a.button:link,
  * html a.button:visited {
    /*
        IE6 fix to make link fit text.
    */
    width: 1%;
  }

  button, x:-moz-any-link {
    /*
        FF fix to make button spacing even across browsers.
    */
    margin: 0 0 0 0;
  }

  *:first-child+html button {
    /*
        Reset IE7 back to what it was for previous fix.
    */
    margin: 0 3px 0 3px;
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /*
        Set the span tags to display: block, as they will work our background-image magic.
    */
    display: block;
  }

/*--------------------------------------------------------------------------------------------------
  
   CUSTOMIZATIONS 
  
   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.
   
--------------------------------------------------------------------------------------------------*/

button,
a.button,
a.button:link,
a.button:visited {
  /* 
      HEIGHT - Total height of button. 
  */
  height: 50px; 

  /*
      NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
  */
	font-family: Helvetica, clean, sans-serif;

  font-size: 13px;
  color: #666666;
  background-color: #f8f8f8;
  outline:none;
}

  button.button_active,
  a.button_active {
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /* 
        Right side padding for button (default). 
    */
    padding: 0 14px 0 0;

    /* 
        SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(images/buttons/bg_button_right.gif) top right;
  }

  button span span,
  a.button span span,
  a.button:link span span,
  a.button:visited span span {
    /* 
        Left side padding for button (default). 
    */
    padding: 0 0 0 13px;

    /* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;

    /* 
        SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will 
                            center the text vertcailly.
    */
    line-height: 24px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(images/buttons/bg_button_left.gif) top left;
  }

  button:hover,
  a.button:hover {
    color: #000000;
  }

  button.submit span,
  a.submit span,
  a.submit:link span,
  a.submit:visited span {
  }

  button.submit span span,
  a.submit span span,
  a.submit:link span span,
  a.submit:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(images/buttons/bg_button_left_submit.gif);
  }

  button.submit:hover,
  a.submit:hover {
  }

  button.cancel span,
  a.cancel span,
  a.cancel:link span,
  a.cancel:visited span {
  }

  button.cancel span span,
  a.cancel span span,
  a.cancel:link span span,
  a.cancel:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(images/buttons/bg_button_left_cancel.gif);
  }

  button.cancel:hover,
  a.cancel:hover {
  }

  button:active span,
  a:active:active span,
  /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */
  button.button_active span,
  a.button_active:active span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom right;
  }

  button:active span span,
  a:active:active span span,
  /*
      'button_active' is the class used by SimplyButtons.js to create the button states in IE.
  */
  button.button_active span span,
  a.button_active:active span span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom left;
  }


/* END BUTTONS */


#respond{

}

#respondtitle{
	margin:50px 0 10px 0; 
	padding:10px; 
	background:url('images/ptrn.gif');
	text-align:left;
	vertical-align:middle;
}

#respondtitle h3{
	font-size: 24px;
	line-height: 26px;
}

h4 a:link, a:visited {
	font-size:11px;
	color:#0062de;
	text-transform:uppercase;
	font-weight:100;
	text-decoration:none;
	padding:0;
	margin: 0;
	line-height:10px;
}

h4 a:hover {
	border-bottom: 1px solid #0062de;
}


/* COMMENTS */


#comments{
	margin:70px 0 10px 0; 
	padding:10px; 
	background:url('images/ptrn.gif');
	text-align:left;
	vertical-align:middle;
}

#comments h3{
	font-size: 24px;
	line-height: 26px;
}
	
ol.commentlist {
	list-style-type: none; 
	background:#fff;
}

.avatar{
	float:left; 
	margin:0 10px 0 0;
	padding: 2px;
	border:solid 1px #ccc;
	background-color:#fff;
}

#commentmetadata{
	font-size:10px;
	color:#888888;
}

#comment{
	border: 1px solid #ccc;
	width:120px;
	text-decoration: none;
	font-size: 11px;
}

#comment:focus{
	border: 1px solid #333333;
}

#commentreply{
	width: 55px;
	vertical-align:middle;
	display: block;
	border: 0px;
	text-align: center; 
	text-decoration: none;
	font-size: 12px;
	background-color:#dad9d9;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;	
	margin:20px 0 45px 60px;
	padding: 3px 0 2px 0;
	cursor:pointer;
}

#commentreply:hover{
	background-color:#c1c1c1;
}
	
ol.commentlist li {
	background: #fff;
	margin:0;
	padding:12px 0 10px 10px;
	list-style-type:none;
}

ol.commentlist li.alt {
	background: #eee;
}

ol.commentlist li p {
	font-size:12px;
	margin: 0 0 0 66px; 
	padding: 0 12px 0 0; 
	line-height: 14pt;
}

ol.commentlist a {
	font-size:12px;
	color:#0062de;
	border-bottom: 1px solid #0062de;
	text-transform:lowercase;
}

.commentheader{
	margin: 0 0 10px 0;
}

.commentposter{
	text-decoration:none;
	font-size: 12px;
	margin: 0 10px 0 0;
}

.commentposter a{
	text-decoration:none;
	font-size:12px;
	color: #0062de;
}

.commentposter a:hover{
	border-bottom: 1px solid #0062de;
}

cite {
	font-family: georgia, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* ENTRY */

.editentry{
margin:10px;
}

#content-text img{
	border:1px solid #ccc; padding:5px;
	background-color:#fff;
}

#content-text img:hover{
	border:1px solid #adadad; padding:5px;
	background-color:#fff;
}

#greetings{
	margin: 20px 0 20px 0;
}


#backtohomepage{
	margin: 30px 0 0 0;
}

#backtohomepage a:link, #backtohomepage a:visited {
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	color: #0062de;
}

#backtohomepage a:hover{
	border-bottom: 1px solid #0062de;
}


/* PAGETITLE */

h2.pagetitle {
	font-size:23px;
	font-weight:100;
	color:#111111;
	text-transform:uppercase;
	text-decoration:none;
	line-height:22px;
	letter-spacing:0.08em;
	padding: 10px 0 0 0;
}


/* POST */

.postmetadata {
	margin: -10px 0 0 0;
	background-color:#ebebeb;
	padding: 5px;
	border: 1px solid #999999;
}

.postmetadata a {
	text-decoration:underline;
	color:#0062de;
}

/* ARCHIVE */

.postspermonth {
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 25px;
	color:#545454;
}

.postspermonth ul{
	color:#545454;
	text-decoration:none;
	font-size:12px;
}

.postspermonth li a{
	text-transform: uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:11px;
}

.postspermonth li a:hover{
	border-bottom: 1px solid #0062de;
}

.monthtitle a:link{
	font-size:12px;
	color:#545454;
	text-transform:lowercase;
	text-decoration:none;
	cursor:default;
}

.monthtitle a:visited{
	font-size:12px;
	color:#545454;
	text-transform:lowercase;
	text-decoration:none;
	cursor:default;
}

.monthtitle span{
	padding: 0;
	margin: 0;
}
.srg_switcher a{
	text-transform: uppercase;
	color:#0062de;
	text-decoration:none;
	font-size:12px;
}

/* ALIGN LEFT & RIGHT */

.alignleft{
	margin: 0 0 30px 0;
}

.alignright{
	margin: 0 0 30px O;
}

/* CONTACT PAGE */

#contact{
	width: 140px;
	height: 16px;
	font-size: 11px;
}

#contactarea{
	width: 517px;
	font-size: 11px;
}

#contactfield{
	border: 1px solid #cccccc;
}

#contactfield:focus{
	border: 1px solid #333333;
}


/* 404 PAGE */

#fourlink a:link{
	font-size:11px;
	color: #0062de;
	text-decoration:none;
	text-transform:uppercase;
}

#fourlink a:visited{
	font-size:11px;
	color: #0062de;
	text-decoration:none;
	text-transform:uppercase;
}

#fourlink a:hover{
	border-bottom: 1px solid #0062de;
}


/* CODE */

.code{
	margin: -30px 0 10px 10px;
}

.code ul{
	list-style:none;
}