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

/* Main -------------------------------------------------------------- */		

#main {
        background-color:#fff;
        border:solid #000 1px;
}



/* Header Bar
-------------------------------------------------------------- */

#header-bar {
	background: url(/images/header-bg.jpg) #E9E9E9 no-repeat;
	height: 100px;
        width: 780px;
}

#header-bar #header-bar-content {
	width:auto;
	margin-left: 25px;
	margin-top: 18px;
	float:left;
}

.header-h2 {
	font-size: 13px;
        color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
        font-weight: normal;
}

/* Nav Bar
-------------------------------------------------------------- */

    #nav-bar {
       width: 400px;  /* 653 - 180px */
	height: 29px;
	min-height: 29px;
    }

#nav-bar-content {
	margin-left: 15px;
	line-height: 29px; /* added this to fix vertical centering of text 17/11/09 */
	margin-top: 0px;
}

    #nav-bar ul{
       width: 400px; /* 653 - 180px */
    }


/* Wrap around the entire contents of the page below the nav
-------------------------------------------------------------- */

#page-body-wrapper {
	max-height: 9999px;
	/*seems to fix matching heights column problem!*/
        background: #fff url(../images/sidebar-bg-165.gif) 1px 0 repeat-y;
        background-position:top right;
}


/* Footer
-------------------------------------------------------------- */

#footer-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	font-weight: normal;
}


/* 780px wide mod
---------------------------------------------------------------*/

    #main {
       width: 780px;
    }

    #high-bar {
       width: 780px;
    }

    #search-bar {
       width: 380px;  /* 653 - 180px */
	height: 29px;
	min-height: 29px;
    }

    #cat-bar {
       width: 780px;  /* 538 - 180px */
    }

    #rss-bar {
       width: 0px;  /* 538 - 180px */
    }

    #content {
       width: 590px; /* 538 - 180px */
    }

    .post-content #left-content,
    .featured-page-content #left-content {
       width: 310px; /*400 - 90px */
    }

    .post-content #right-content,
    .featured-page-content #right-content {
       width: 145px; /*235 - 90px */
    }

    .post-details,
    .featured-page-details {

       /* knock 12px off this because of the padding and outline (10px + 2px)*/
       width: 580px; /* 638 - 180px */
    }

    .comment-item {
       width: 470px;   /* 650 - 180 */
    }

    #respond {
       width: 458px; /* 638 - 180 */
    }

    #footer {
       width: 780px; /* 980 - 180 */
    }

    #sub-footer {
       width: 780px; /* 980 - 180 */
    }

/* Body
-------------------------------------------------------------- */


    h1   {
	margin: 0; /* using padding instead of margin will allow you to keep the element  away from the edges of the div */
        font-size: 16px;
	color: #4A4A4A;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	font-family: Tahoma, Geneva, sans-serif;
}

    h1 a {
        color: #4A4A4A;
        text-decoration:none;
}

    h1 a:link, a:visited {
        color: #4A4A4A;
}

   .post-content h2, h3 {
        font-size: 13px;
        color: #494949;
}

   .post-content p, li {
        color: #494949;
}

   .post-content link, a:link, v:link {
        color: #2B2B2B;
}



/* Sidebar Wrapper
-------------------------------------------------------------- */

    #sidebar-wrapper {
    width: 157px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
    float: right;
}

    #sidebar-wrapper h4 {
	font-size: 1.1em;
}

#sidebar-wrapper h5 {
	font-size: 1.1em;
	line-height: 1.05em;
	margin: 0;
	padding: 0;
	margin-bottom:3px;
}

#sidebar-wrapper p {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* Sidebars
-------------------------------------------------------------- */

#bottom-widebar,
#top-widebar {
	width: 150px;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	margin-left:0px;
	float: left;
	display: inline;
	overflow: hidden;
}

#left-sidebar {
	width: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: 5px; /* made this gap a bit smaller 4/09/09 */
	float: left;
	display: inline;
	overflow: hidden;
}

#right-sidebar {
	width: 0px; /* made this a bit wider to accommodate 125x125 ads 4/09/09 */
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	display: inline;
	overflow:hidden;
	float: right;
}



/* No Sidebar
-------------------------------------------------------------- */

    #content-wide {
       width: 760px;
       /* this min-height is set to allow for a decorative background wallpaper */
       min-height: 500px;
       margin: 0px;
       padding: 0px;
       margin-left:10px;
       margin-right:10px;
       margin-bottom: 10px;
       display: inline;
       float:left;
       overflow: hidden;
}

    .no-sidebar-post {
       padding-left: 10px;
       padding-right: 10px;
       background: none;
}


/* Date
-------------------------------------------------------------- */

#date {
   padding-top: 1px;
   font-weight: bold;
   color: #fff;
}




/* Image Align
-------------------------------------------------------------- */
.middle-align {
    vertical-align:middle;
}

.bottom-align {
    vertical-align:bottom;
}



/* Social Media
-------------------------------------------------------------- */

#social_media {
   width:130px;
/* background:#F2F7F7; */
/* border:1px solid #ACD0D1; */
   margin-left: auto;
   margin-right: auto;
   margin-top:15px;
}

#social_media ul {list-style-type:none; margin:0 0 0 0; padding:0;}
#social_media ul li {display:inline; padding: 0 3px 0 0;}