/******************************************************************************
Theme Name:		Shapeshifter at Connected Phone
Version:        0.8.2c
Theme URI:		http://www.codestuff.com/projects/shapeshifter/
Description:	A flexible Wordpress theme with separate front page, store front, forums, link directory, photo gallery, classified ads and custom pages
Author:			Gerry Ilagan
Author URI:		http://gerry.ws/
Tags:			front page, custom header, fixed width, multi-columns, widgets,	page templates, forums, shopping cart, link directory, photo gallery, classified ads

History
=======
11-Jan-2009     - Start
*******************************************************************************/

/* ============================================================================ *
 *                            STANDARD HTML TAG STYLES                          * 
 * ============================================================================ */
html { margin:0; padding:0; }

body { margin:0; padding:0; width:100%; }
body { font:normal 1em/110%  Arial,Helvetica,Verdana,sans-serif; }
body { background:transparent url('images/bg-body.png') repeat-x 0 0; }

div, table, span   { margin:0; padding:0; }

h1, h2, h3, h4, h5 { margin:0 0 5px 0; padding:0; }
h1, h2, h3, h4, h5   { font-family:Arial,Helvetica,Verdana,sans-serif;  }

h1 { font-size:150%; line-height:110%; font-weight:bold;   }
h2 { font-size:130%; line-height:110%; font-weight:bold;   }
h3 { font-size:130%; line-height:100%; font-weight:normal; }
h4 { font-size:120%; line-height:100%; font-weight:normal; }
h5 { font-size:110%; line-height:100%; font-weight:normal; }

p    { margin:0 0 8px 0; padding:0; }
p    { font:normal 100%/140% Arial,Helvetica,Verdana,sans-serif; }

i,em { font:normal 120%/145% "Times New Roman","Trebuchet MS",Times,serif; font-style:italic; }
small { font:normal 90%/110% Arial,Helvetica,Verdana,sans-serif; }
ol, ul, ol li, ul li { font:normal 100%/110% Arial,Helvetica,Verdana,sans-serif; }

img  { border:none; }

dl   { margin:0 55px 0 35px; padding:8px; }
dt   { margin:0 10px 0 0; padding:0; float:left; }
dd   { margin:0 0 15px 15px; padding:0; }

dl   { font:normal 100%/110% "Trebuchet MS",Arial,Helvetica,Verdana,sans-serif; }
dt   { font:bold   95%/110%  Arial,Helvetica,Verdana,sans-serif; }
dd   { font:normal 95%/110%  "Trebuchet MS",Arial,Helvetica,Verdana,sans-serif; text-align:justify;}

blockquote {
	display:block;
	margin:10px 1px;
	padding:7px 5px 3px 7px;
    border-left:solid 10px;
	}

a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:none; }

input[type=submit] { cursor:pointer; }

h1, h2, h3, h4, h5      { color:#000; }
p, ol, ul, ol li, ul li { color:#333; }

blockquote  { border-left-color:#ebebd9; background-color:#f5f5ec; }
blockquote  { font:normal 75%/100%  monospace,"Courier New",fixed;}

a:link, a:visited, a:active { color:#aa0000; }
a:hover                     { color:#dd0000; }

.entry a:hover { color:#aa0000; text-decoration:underline; }
/* ============================================================================ *
 *                               WORDPRESS STYLES                               * 
 * ============================================================================ */

.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; text-align:center; }

.wp-caption {}
.wp-caption-text {margin:0 15px;padding:0;background-color:#eee;}

.widecolumn {
    float:left;
    margin:0;
    padding:0 15px 0 0;
    width:480px;
    background-color:#fff;
}
.narrowcolumn {
    float:left;
    margin:0;
    padding:0;
    width:255px;
}

.post { clear:both; }

.post-title { }

.post-title a:active, .post-title a:link, .post-title a:visited { color:black; }

.post-title a:hover { color:#dd0000; }

.entry { width:auto; text-align:justify; }

.entry p { margin-bottom:15px; }

.entry p img { padding:0 5px; }

.entry ul, .entry ol { margin-left:0; padding-left:25px; margin-right:25px; }
.entry li { line-height:120%; margin-bottom:10px; }

.post h3 {
	font:normal 170%/110% "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:normal;
	margin:20px 0 15px 0;
	margin-left:0px;
	color:#880000;
}

.postmetadata { font-size:75%; color:#777; margin:0; padding:0 0 10px 0; }

.postmetadata .item { padding-right:5px; }

.postmetadata strong { color:#555; }

.post .entry li { margin-bottom:10px; }

.more-link { display:block; clear:both; margin-top:15px; }

.sidebars {
    background-color:#f5f5ec;
    background-color:transparent;
}
.widgets {
	margin:0;
	padding:0;
	list-style:none;
}
.widgets .widget {
	margin:0 0 10px 0;
}
.widgettitle {
	margin:0 0 2px 0;
	padding:5px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-color:#E1E1C6;
	color:#99997e;
}
.widgets ul {
    margin:0 0 0 18px;
    padding:0;
	list-style:disc;
	color:#99997e;
}
.widgets ul li {
    margin:0 0 2px 0;
    padding:0;
}
.widgets ul li a {
}

.narrowcolumn .categories-menu {

}
.narrowcolumn .st-related-posts,
.narrowcolumn .categories {
	list-style:none;
	margin:0;
	padding:0;
	border-top:dotted 1px #ebebd9;
}
.narrowcolumn .st-related-posts li,
.narrowcolumn .category {
	margin:0;
	padding:2px 1px;
	border-bottom:dotted 1px #ebebd9;
}
.narrowcolumn .st-related-posts li a,
.narrowcolumn .category a {
	display:block;
	padding:4px 7px;
}
.narrowcolumn .st-related-posts li a {
	font-size:14px;
	line-height:110%;
}
.narrowcolumn .category a {
	font-size:16px;
}
.narrowcolumn .st-related-posts li a:hover,
.narrowcolumn .category a:hover {
	background-color:#f5f5ec;	
}
.narrowcolumn .categories .active a {
	background-color:#f2f2e6;	
}

/* ============================================================================ *
 *                              KIHBORD STYLES                                  * 
 * ============================================================================ */
.context { 
	padding-bottom:0px;
	background-color:white;
}

.null_widget, .nl { font-size:0; line-height:0px; height:0; margin:0; padding:0; clear:both; }

.navigation {width:100%; float:left; background-color:transparent; margin:10px 0; }

.postseparator {
	width:auto;
	height:1px;
	margin:15px;
	background-image:none;
	border-top:solid 1px #ddd;
}

.kih-resize-450 { width:450px; height:auto;	}
.kih-resize-540 { width:540px; height:auto; }

.st-tag-cloud .st-tags { line-height:105% }

.post_qrcode_widget { text-align:center; }
.post_qrcode_widget img { margin:0 auto; padding:0; }
.post_qrcode_widget .note { 
	font:normal 75%/85% Arial,Helvetica,Verdana,sans-serif;
	margin:0 auto; padding:0;
	}

/*------------------------------------------------------------------------------*/
/*<<<[ Pane ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.pane {	margin:0 auto; width:750px; }
/*------------------------------------------------------------------------------*/
/*<<<[ HTML Page ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.page { position:relative; margin:0 auto; }

/*------------------------------------------------------------------------------*/
/*<<<[ Header ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#header {
	margin:0 auto 10px auto;
	padding:0;
	width:auto;
	height:140px;
	background-image:url("images/bg-header.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
	background-color:transparent;
	}
#header-sitedomain {
	position:absolute;
	left:416px;
	top:24px;
	font:bold 12px/12px Arial,Helvetica,Verdana,sans-serif;
	margin:0;
	padding:0;
	border:none;
	width:140px;
	height:18px;
	color:#4d4d4d;
	text-align:center;
	letter-spacing:0.46px;
	background-color:transparent; 
	}
#header-sitedomain a { color:#888; }
#header-sitedomain a:hover { color:#ffcc00; }

#header-search {
	position:absolute;
	left:600px;
	top:22px;
	margin:0;
	padding:0;
	width:auto;
	height:20px;
	background-color:transparent; 
	}
#header-search form {
    margin:0;
    padding:0;
    }
#header-search #searchlabel {
    padding:5px 5px 0 10px;
	font:bold 11px/14px Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:.4px;
    color:#f2f2f2;
    }
#header-search #s {
    margin:0;
    padding:0;
    color:#b3b3b3;
    border:none;
    width:130px;
    background-color:transparent;
	font:normal 14px/14px "Times New Roman","Trebuchet MS",Times,serif;
	font-style:italic;
	}
#header-search #s:focus {
    color:#ffcc00;
    }
#header-logo {
	position:absolute;
	top:32px;
	margin:0;
	padding:0;
	float:left;
	width:48px;
	height:48px;
	}
#header-logo img {
	height:48px;
	width:48px;
	}
#header-title {
	position:absolute;
	top:34px;
	left:55px;
	margin:0;
	padding:0;
	float:left;
	width:auto;
	height:53px;
	}
#sitename {
	margin:0;
	padding:0;
	font:bold 26px/28px Georgia,"Times New Roman","Trebuchet MS",Times,serif;
	letter-spacing:.86px;
	}
#sitename a {
	color:#ffcc00;
	}
#tagline {
	position:absolute;
	top:63px;
	left:55px;
	margin:0;
	padding:0;
	font:normal 12px/13px "Times New Roman","Trebuchet MS",Times,serif;
	font-style:italic;
	color:#ffe680;
	}

#header-social {
	position:absolute;
	left:412px;
	top:56px;
	}
#header-social img {
	margin:0 1px;
}

#header-subscribe {
	position:absolute;
	left:595px;
	top:52px;
	}

.header_top {
	margin:5px 0 0 0;
	padding:0;
	float:left;
	height:16px;
	}
#blogsmenu {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
#blogsmenu li {
	float:left;
	margin:0;
	padding:0;
	}
#blogsmenu .menuitem:link, 
#blogsmenu .menuitem:active, 
#blogsmenu .menuitem:visited {
	display:block;
	margin:0 3px 0 0;
	padding:2px 10px 0 10px;
	text-align:center;
	font:bold 11px/13px Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:.68px;
	text-transform:uppercase;
	height:14px;
	width:auto;
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:none;
    background:none;
    color:#ebebd9;
}
#blogsmenu .menuitem:hover { 
    background:#4d4d4d;
    color:#f5f5ec;
}
#blogsmenu .active:hover, 
#blogsmenu .active:link, 
#blogsmenu .active:active, 
#blogsmenu .active:visited {
	color:#ffcc00;
	background:#aa0000;
}
#header-topright {
	position:absolute;
	right:2px;
	top:3px;
	width:auto;
	margin:0;
	padding:0;
	}
#menu-3 {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#menu-3 li {
	float:left;
	margin:0;
	padding:0;
	}
#menu-3 .menuitem:link, 
#menu-3 .menuitem:active, 
#menu-3 .menuitem:visited {
	display:block;
	margin:0;
	padding:0 7px 2px 7px;
	text-align:center;
	font:bold 10px/10px Arial,Helvetica,Verdana,sans-serif;
	text-transform:uppercase;
	border-right:solid 1px #808080;
	border-left:solid 1px #a0a0a0;
	height:8px;
	color:#999;
}
#menu-3 .menuitem:hover { 
	color:#ffcc00;
}
#menu-3 .active:hover, 
#menu-3 .active:link, 
#menu-3 .active:active, 
#menu-3 .active:visited {
	color:#ffcc00;
}
#menu-3 .menuitem-start:link,
#menu-3 .menuitem-start:active,
#menu-3 .menuitem-start:visited {
	border-left:none; 
}
#menu-3 .menuitem-end:link,
#menu-3 .menuitem-end:active,
#menu-3 .menuitem-end:visited {
	border-right:none;
}

#header-bottomleft {
	position:absolute;
	left:0px;
	top:93px;
	margin:0;
	padding:0;
	float:left;
	width:auto;
	height:24px;
	}
#menu-1 {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border-left:solid 1px #d1d1ab;
	border-right:solid 1px #fafaf5;
}
#menu-1 li {
	float:left;
	margin:0;
	padding:0;
	}
#menu-1 .menuitem:link, 
#menu-1 .menuitem:active, 
#menu-1 .menuitem:visited {
	display:block;
	margin:0;
	padding:6px 10px;
	text-align:center;
	font:bold 11px/13px Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:.86px;
	text-transform:uppercase;
	height:12px;
	width:auto;
	
	border-right:solid 1px #d1d1ab;
	border-left:solid 1px #fafaf5;
	background-image:url("images/btn-mainmenu.png");
    background-repeat:repeat-x;
    background-position:0px 0px;
	background-color:transparent;
	color:#666666;
}
#menu-1 .menuitem:hover { 
	background-image:url("images/btn-mainmenu-hover.png");
    color:#333;
}
#menu-1 .active:hover, 
#menu-1 .active:link, 
#menu-1 .active:active, 
#menu-1 .active:visited {
	color:#aa0000;
	background-image:url("images/btn-mainmenu-active.png");
}

#header-bottomright {
	position:absolute;
	top:93px;
	right:0px;
	margin:0;
	padding:0;
	width:auto;
	height:24px;
	}
#menu-2 {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border-left:solid 1px #d1d1ab;
	border-right:solid 1px #fafaf5;
}
#menu-2 li {
	float:left;
	margin:0;
	padding:0;
	}
#menu-2 .menuitem:link, 
#menu-2 .menuitem:active, 
#menu-2 .menuitem:visited {
	display:block;
	margin:0;
	padding:6px 10px;
	text-align:center;
	font:bold 11px/13px Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:.86px;
	text-transform:uppercase;
	height:12px;
	width:auto;
	
	border-right:solid 1px #d1d1ab;
	border-left:solid 1px #fafaf5;
	background-image:url("images/btn-mainmenu.png");
    background-repeat:repeat-x;
    background-position:0px 0px;
	background-color:transparent;
	color:#666666;
}
#menu-2 .menuitem:hover { 
	background-image:url("images/btn-mainmenu-hover.png");
    color:#333;
}
#menu-2 .active:hover, 
#menu-2 .active:link, 
#menu-2 .active:active, 
#menu-2 .active:visited {
	color:#aa0000;
	background-image:url("images/btn-mainmenu-active.png");
}

/*------------------------------------------------------------------------------*/
/*<<<[ Site path / breadcrumbs ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#sitepath {
	position:absolute;
	left:0px;
	top:120px;
	font-size:13px;
}
.breadcrumbs { overflow:hidden; }
.breadcrumbs a,
.breadcrumb-item {
	padding:1px 20px 3px 8px;
	background:transparent url("images/img-breadcrumbs-arrow.png") no-repeat right center;
	}
.breadcrumb-end { font-weight:bold; }

#sitepath img { }
.blankpath { height:1px; padding:0; line-height:0px; font-size:1px; }

/*------------------------------------------------------------------------------*/
/*<<<[ Top ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*------------------------------------------------------------------------------*/
/*<<<[ Abovefold ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*------------------------------------------------------------------------------*/
/*<<<[ LeadPost ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*------------------------------------------------------------------------------*/
/*<<<[ Badges ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*------------------------------------------------------------------------------*/
/*<<<[ Context ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.context .post .author {
    font-weight:bold;
    color:#555;
    padding-right:10px;
    }

.context .subtitle {
	margin-left:10px;
}

/*------------------------------------------------------------------------------*/
/*<<<[ Home ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#context-home {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
	background-color:#ebebd9; 
}
#context-home .widecolumn {
    float:left;
    margin:10px 10px 10px 5px;
    padding:0;
    width:470px;
    background-color:transparent;
}
#context-home .narrowcolumn {
    float:left;
    margin:10px 5px;
}
.headline-list { 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    height:auto;
    float:left;
    margin:5px;
    width:738px;
    padding:0;
    height:auto;
	background-image:none;
    background-repeat:no-repeat;
    background-position:0px 0px;
	background-color:#ffffff;
	border:solid 1px #aa0000; 
}

.headline {
    float:left;
    padding:0;
    margin:0;
	}
.headline-title {
    margin:10px;
    font:bold 18px/125% Arial,Helvetica,Verdana,sans-serif;
    letter-spacing:0.86px;
}    
.headline-imagecontainer {
	float:right;
	margin:10px;
	}
.headline-imagebox {
	overflow:hidden;
	margin:0;
	padding:0;
	width:250px;
	height:200px;
	text-align:center;
	}
.headline-image {
	margin:0 auto;
	width:auto;
	height:200px;
	}
.headline-excerpt {
    margin:0 10px 10px 10px;
    font:normal 14px/125% Arial,Helvetica,Verdana,sans-serif;
    text-align:justify;
}
.headline-readmore-img,
.headline-buythis-img,
.headline-download-img {
    float:left;
    margin:0 0 10px 8px;
}

#widecolumn-home #content-container {
    float:left;
    margin:0;
    background-color:transparent;
}
#content-container #content {
    margin:0;
    float:left;
}
#content-container #content-header {
	width:470px;
	margin:0 0 10px 0;
    height:30px;
	background-image:url("images/bg-bar-black.png");
	background-repeat:repeat-x;
	background-position:0px 0;
    background-color:transparent;
}

.category-bar {
	width:470px;
	height:60px;
	background-image:url("images/bg-category-bar.png");
	background-repeat:repeat;
	background-position:0 0;
	background-color:#f5f5ec;
	border-bottom:solid 1px #e1e1c6;
}
.category-icon {
    float:left;
    margin:10px;
}
.category-bar h2 {
    margin:0 0 0 60px;
    padding:6px 0 0 0;
	background:none;
	font-size:14px;
}
.category-bar h2 a:link,
.category-bar h2 a:active,
.category-bar h2 a:visited {
    color:#330000;
}
.category-bar h2 a:hover {
    color:#dd0000;
}
.category-bar .desc {
    margin:0 5px 0 60px;
    padding:4px 0 0 0;
	background:none;
	font-size:11px;
	line-height:14px;
	color:#555;
}
.advertise-category-bar .wp-smiley {
    position:relative;
    top:2px;
    margin:0;
    padding:0;
    height:12px;
    width:auto;
}
.advertise-category-bar .desc {
}
.advertise-category-bar .desc .wink {
}
#content .ads-container {
    margin:0 0 15px 0;
    padding:10px 1px;
    background-color:#fff;
    min-height:70px;
    width:468px;
    overflow:hidden;
    }
#content .advertise-link {
    float:right;
    font:bold 11px/12px Arial,Helvetica,Verdana,sans-serif;
    margin-top:8px;
    margin-right:10px;
}
#content .advertise-link a:link,
#content .advertise-link a:active,
#content .advertise-link a:visited,
#content .advertise-link a:hover {
    border-bottom:none;
}
.posts-container .post-list {
    float:left;
    margin:0 0 15px 0;
    padding:10px;
    list-style:none;
    background-color:white;
    }
.posts-container .post-list .post {
    margin:0;
    padding:0;
    }
.posts-container .post-list .post-imagecontainer {
	float:left;
	margin:3px 10px 0 0;
	}
.posts-container .post-list .post-imagebox {
	float:left;
	margin:0;
	overflow:hidden;
	max-height:90px;
	padding:0;
	}
.posts-container .post-list .post-image {
	height:auto;
	width:120px;
	float:left;
    }
.posts-container .post-list .post-title {
    font:bold 14px/16px Arial,Helvetica,Verdana,sans-serif;
    padding:0;
    margin:0;
}
.posts-container .postmetadata {
    font:normal 11px/12px Arial,Helvetica,Verdana,sans-serif;
    color:#777;
    margin:2px 0 0 0;
    padding:0;
}
.posts-container .post-list .post-excerpt {
    font:normal 12px/14px Arial,Helvetica,Verdana,sans-serif;
    margin-top:5px;
    text-align:justify;
}
.posts-container .post-list .post-action-img,
.posts-container .post-list .post-action {
    float:right;
    font:bold 11px/12px Arial,Helvetica,Verdana,sans-serif;
    margin-top:8px;
}
.posts-container .post-list .post-action a:link,
.posts-container .post-list .post-action a:active,
.posts-container .post-list .post-action a:visited {
    padding:1px 5px;
    border-bottom:dotted 1px #aa0000;
    border:outset 1px #aa0000;
    background-color:#aa0000;
    color:white;
}
.posts-container .post-list .post-action a:hover {
    border-bottom:solid 1px #dd0000;
    border:outset 1px #dd0000;
    background-color:#dd0000;
}
.posts-container .post-list .post-action-img a:link,
.posts-container .post-list .post-action-img a:active,
.posts-container .post-list .post-action-img a:visited,
.posts-container .post-list .post-action-img a:hover {
    border-bottom:none;
    margin-left:5px;
}
    

/*------------------------------------------------------------------------------*/
/*<<<[ Index List ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*------------------------------------------------------------------------------*/
/*<<<[ Single posts ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#context-single .post-title {
    margin:0 0 2px 0;
    padding:0 0 2px 0;
    border-bottom:solid 1px black;
}
#context-single .post-title,
#context-single .postmetadata {
}
#context-single .widecolumn   { width:550px; padding-right:20px }
#context-single .narrowcolumn { width:180px; }

#context-single .navigation { font-size:80%; }

/*------------------------------------------------------------------------------*/
/*<<<[ Comment area ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#comment-area {
    margin-left:1px;
    margin-right:6px;
    width:540px;
	}
#context-page #comment-area {
	width:470px;
}
#comment-area #comment-list-title {
}
#comment-area .navigation {
	margin:10px 0;
	height:24px;
	background-color:#e1e1c6;
	padding:4px 10px 1px 10px;
	}
#comment-area .navigation .alignright a,
#comment-area .navigation .alignleft a {
	display:block;
	border:solid 1px black;
	background-color:#f5f5ec;
	padding:1px 10px 2px 10px;
	}
#comment-area ol,
#comment-area ul {
    margin:0;
    padding:0;
	list-style:none;
}
.commentlist {
}
.commentlist li {
    width:100%;
    float:left;
    border-top-width:3px;
    border-top-style:solid;
}
.commentlist .odd {
	border-top-color:#e1e1c6; 
	background-color:#f5f5ec; 
}
.commentlist .even {
	border-top-color:#ebebd9; 
	background-color:#fff; 
}
.commentlist .bypostauthor {
	border-top-color:#ffcc00; 
	background-color:#fff6d5; 
}
.commentlist .bypostauthor .comment-context .comment-below .reply {
	border:outset 1px #ffcc00;
	background-color:#ffcc00;
	}
.commentlist .depth-1 .comment-context {
	width:540px;
	}
.commentlist .depth-2 .comment-context {
	width:510px;
	}
.commentlist .depth-3 .comment-context {
	width:480px;
	}
.commentlist .depth-4 .comment-context {
	width:450px;
	}
.commentlist .depth-5 .comment-context {
	width:420px;
	}
.commentlist .depth-6 .comment-context {
	width:390px;
	}
.commentlist .depth-7 .comment-context {
	width:360px;
	}
.commentlist .depth-8 .comment-context {
	width:330px;
	}

.comment-context {
    float:right;
	margin:7px 0 0 0;
}
.comment-context .comment-narrowcolumn {
    float:right;
    width:48px;
	margin:0;
	padding:0;
    }
.comment-context .comment-narrowcolumn img {
	margin:0 0 0 10px;
    }
.comment-context .comment-widecolumn {
    float:right;
    width:89%;
	margin:0;
	padding:0;
}	
.comment-context .comment-above,
.comment-context .comment-content,
.comment-context the-comment-text,
.comment-context .comment-below {
	margin:0;
	padding:0;
	}
.comment-context .comment-above {
    padding-bottom:2px;
	font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;
	border-bottom:solid 1px #e1e1c6;
	}
.comment-context .the-comment-text p {
	font:normal 15px/19px "Times New Roman",Times,serif;
	font-style:italic;
    margin:7px 0 3px 0;
    padding:0;
    }
.comment-context .comment-below .reply {
    float:left;
	font:bold 11px/13px Arial,Helvetica,Verdana,sans-serif;
	margin:7px 0 5px 0;
	padding:2px 10px 3px 10px;
	border:outset 1px #e1e1c6;
	background-color:#ebebd9;
	}
.comment-context .comment-below .reply a {
    letter-spacing:0.75px;
    }
#respond {
	}
#respond input {
    background-color:#f5f5ec;
    border:solid 2px #e1e1c6;
    padding:1px 3px;
	}
#respond textarea {
    background-color:#f5f5ec;
    border:solid 2px #e1e1c6;
    padding:3px;
    width:525px;
	}
#context-page #respond textarea {
	width:460px;
}

/*------------------------------------------------------------------------------*/
/*<<<[ Pages ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#context-page .entry p {
	margin-left:10px;
	margin-right:5px;
}

/*------------------------------------------------------------------------------*/
/*<<<[ Search Results ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.search-post { margin:0 25px; padding:0; }

.search-post h2 a { font:bold 70%/110% Arial,Verdana,Helvetica,sans-serif;
					border-bottom:solid 1px #AA0000;
					color:#AA0000;
				}

.search-entry { font:normal 75%/110% Arial,Verdana,Helvetica,sans-serif; }
.search-entry p { display:inline; }
.search-postmetadata { margin:3px 0 15px 0; padding:0; }
.search-postmetadata {	font:normal 70%/110% Verdana,Arial,Helvetica,sans-serif;
						letter-spacing:0.05px; }
.search-postmetadata { color:#888; }

/*------------------------------------------------------------------------------*/
/*<<<[ Forms ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.instructions { 
	margin:0 0 10px 0;
	padding:7px 7px 0 7px;
	border-style:solid;
	border-width:1px;
	
	background-color:#f5f5ec;
	border-color:#ebebd9;
}
.instructions li,
.instructions p { 
	font:normal 100%/100% "Times New Roman", Times, serif;
	font-style:italic;
}
.required { margin-left:3px; color:#800000; }

.contact-form { margin:0 0 15px 0; }
.contact-form label { font:normal 90%/100% Arial, Helvetica, sans-serif; }
.contact-form .form-field { margin-top:5px; margin-bottom:5px; }
.contact-form #author-comment { height:75px; }
.contact-form #author-message { height:275px; }
.contact-form textarea { width:440px; }
.contact-form textarea,
.contact-form select,
.contact-form input[type="text"],
.contact-form input[type="submit"] {
	border-style:solid;
	border-width:1px;
	
	border-color:#cfcfa8;
}
.contact-form input[type="submit"] {
	margin:10px auto;
	padding:5px 20px;
	border-style:outset;
	background-color:#ebebd9;
	font-weight:bold;
}

/*------------------------------------------------------------------------------*/
/*<<<[ Bottom area ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.bottom {
	float:left;
	margin:0 auto;
	padding:0 0 5px 0;
	height:auto;
	background-image:url("images/bg-footer-widget-box.png");
    background-repeat:no-repeat;
	background-position:0px bottom;
	background-color:#ebebd9;
	}
.bottom .widgets {
	margin:0 0 0 6px;
	padding:0;
	list-style:none;
	}
.bottom .widgets .widget {
	float:left;
	margin:0 5px;
	padding:0 0 5px 0;
    background-color:transparent;
    color:#fff;
}
.bottom .widgettitle {
	margin:5px;
	font:bold 18px/120%  Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:0.7px;
	text-align:center; 
    padding-bottom:0 0 3px 0;
	border-bottom-style:solid;
	border-bottom-width:2px;
    border-bottom-color:#99997e;
    background-color:transparent;
	}
.bottom .widgets .widget ul {
	margin:0;
	padding:0;
	list-style:disc;
	color:#aa0000;
	font:normal 13px/16px  Arial,Helvetica,Verdana,sans-serif;
}	
.bottom .widgets .widget ul li {
	margin:0 10px 5px 17px;
	padding:0;
	width:211px;
}	
.bottom .widgets .widget ul li a { color:#aa0000; }
.bottom .widgets .widget ul li a:hover {
	border-bottom-style:solid;
	border-bottom-width:1px;
    color:#d40000; 
    border-bottom-color:#d40000;
}
.bottom .comment { margin-bottom:5px; }	
.bottom .comment-author { font-weight:bold; }
.article {  }
#blogsites .menuitem, .article-title { margin:0 0 2px 0;
					font:normal 95%/125% Arial,Helvetica,sans-serif; }
#blogsites .desc, .article-excerpt { text-align:justify;
					font:normal 90%/100% Arial,Helvetica,sans-serif; }


/*------------------------------------------------------------------------------*/
/*<<<[ Footer area ]>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#footer {
	margin:0 auto 10px auto;
	padding:10px 0 0 0;
    height:60px;
	background-image:url("images/bg-footer.png");
    background-repeat:repeat-x;
    background-position:bottom left;
    background-color:#ebebd9;
}
#pane-home #footer {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
}
#footer-lines {
	font:normal 12px/12px Arial,Helvetica,Verdana,sans-serif;
	text-align:center;
    color:#7f7f47;
}
.footer-line { clear:both; margin-bottom:3px; }
.footer_topleft { clear:both; width:100%; float:left; overflow:hidden; margin-bottom:3px; }
#footermenu {
	float:left;
	position:relative;
	left:50%;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#footermenu li {
	float:left;
	position:relative;
	right:50%;
	margin:0;
	padding:0;
}
#footermenu .li-menuitem {
	border-right:solid 1px #cfcfa8;
	border-left:solid 1px #fff;
	padding:0 7px 2px 7px;
	height:10px;
}
#footermenu .menuitem:link, 
#footermenu .menuitem:active, 
#footermenu .menuitem:visited {
	display:block;
	margin:0;
	padding:0 0 1px 0;
	text-align:center;
	font:bold 10px/10px Arial,Helvetica,Verdana,sans-serif;
	text-transform:uppercase;
}
#footermenu .menuitem:hover { 
	border-bottom:solid 1px #7f7f47;
}
#footermenu .active:hover, 
#footermenu .active:link, 
#footermenu .active:active, 
#footermenu .active:visited {
	color:#000;
}
#footermenu .li-menuitem-start {
	border-left:none; 
}
#footermenu .li-menuitem-end {
	border-right:none;
}