/* ################################################################### */
/* TODO: move to enccms prefs file: */


#postscontainer .blogcontainer
{
	border-top: 0 !important;
}
h1.postsubject
{
	font: bold 1.1em sans-serif;
	/* font-variant: small-caps; */
	color: #000;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
.blog-op .bloghead
{
	border-bottom: 0 !important;
}
.blogheadleft
{
	width: 100%;
	border-bottom: 1px solid #555;
}
.postlinks
{

}
a.blogheadlink:link
{
	/* color: #aaaaaa; */
}
.blogfootright
{
	color: #888;
	font-size: 1em;
}
.blogfootright a:link, .blogfootright a:visited
{
	/* color: #888; */
}
.blogfootright:hover
{
	color: #888; 
}
.blogfootright:hover a
{
	/* color: #888; */
}

.blogbody { text-align: left !important; }

#comments_header
{
	background: #efefef; /* IE */
	background: rgba(0,0,0,0.07); /* reasonable browsers */
	border: 0;
	color: #000;
}
.blog-reply-even, .blog-reply-odd
{
	background: none;
}
#enccms_search_summary
{
	color: #555;
}
#enccms_advanced_search
{
	color: #555555;
}
.r-act .numreplies, .r-act .date, .r-act .author { font: inherit; color: #5a5a5a; }

/* ################################################################### */







body
{
	font: 1em sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ccc url(/layout/bg/dark-gray-tile-a-e05c.jpg) top left repeat;   /* the #ccc by itself is nice too, lighter, but still looks good. */
}
.hidden
{
	color: #000;
}
#container
{
	text-align: left;
	width: 850px;
	background: #fff;
	margin: 20px auto;
	border: 1px solid #000;
	box-shadow: 0 0 15px #333;
}
#columns
{
	margin: 20px auto 0 auto;
	width: 800px;
}
#content
{
	float: left;
	width: 550px;
	/* overflow: hidden; */
}


#nav2
{
	float: right;
	width: 210px;
	overflow: hidden;
}
.encnode
{
	margin-bottom: 40px;

	/* background: url(/layout/bg/20140728_dusk_sky_clouds_IMG_0152-e41.jpg) top left repeat-y; */

	padding: 0 10px 10px 10px;
}
.encnode-in
{
}
.navtitle
{
	font: bold 1.1em sans-serif;
	/* font-variant: small-caps; */
	margin-bottom: 0.5em;
	border-bottom: 1px solid #000;
	color: #000;
}


.navbox
{
	/* margin: 15px 0px 0px 15px; */
}

#header
{
	display: none;

	width: 800px;
	height: 220px;
	margin: 40px auto 20px auto;
	/* background: #fff url(/themes/201502a/1258512_62469567-e02.jpg) center center no-repeat; */
	background: #fff url(/themes/201502a/IMG_2692-e12-small.jpg) center center no-repeat;
	border: 1px solid #000;
}
#header a
{
	display: block;
	text-decoration: none !important;
	width: 100%;
	height: 100%;
}

#header a:link:active,#header a:visited:active { background: rgba(0,0,0,0.2); }

#logo
{
	position: relative;
	margin: 0;
	height: 220px;
	background: url(/layout/header/20140728_dusk_sky_clouds_IMG_0152-e31.jpg) top left no-repeat;
	color: #fff;
}
#logo .text
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: inline-block;
}
#logo a, #logo a:link, #logo a:visited
{
	text-decoration: none;
	color: #b5b5b5;
}
#logo .separator
{
	padding: 4px;
}
#logo .tagline
{
	/* font-style: italic; */
}
#logolink, #logolink:hover
{
	color: #fff;
	background: transparent;
	text-decoration: none;
	margin-left: -10px;
}


#photoflipper
{
	display: none;

	position: absolute;
	top: 0px;
	right: 0px;
	width: 500px;
}
#photoflipper .randomphotoscontainer
{
	margin-top: -15px;
	text-align: right;
}
#photoflipper a
{
	margin-left: 30px;
}
img.randomimages
{
	border: 1px solid #000;
	background: #fff;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img.randomimages:hover
{
	background: #000;
}


#footer
{
	margin: 30px 0 0 0;
	padding: 0;
	background: #686868;
	border-top: 1px solid #000;
	color: #fff;
	font: 10pt sans-serif;
	text-shadow: -1px 1px 2px #000;
	overflow: hidden; /* otherwise Firefox creates horizontal scrollbar?? */
}
#footer-in
{
	/*
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	*/
}
#footer #copyright
{
	float: left;
	text-align: left;
	padding: 17px;
	width: 39%;
}
#footer #power
{
	float: right;
	text-align: right;
	padding: 17px;
	width: 39%;
}
.copyright-sign
{
	font-size: 115%;
}



a:link { color: #22f;  }
a:visited { color: #46f; }
a:link:hover,a:visited:hover   { color: #0b0; }
a:link:active,a:visited:active { color: #fff; background: #0b0; }

#footer a:link		{ color: #ccc; text-decoration: underline; }
#footer a:visited	{ color: #ccc; text-decoration: underline; font-style: normal; }
#footer a:link:hover, #footer a:visited:hover { color: #fff; background: transparent; }

/* 

#header a:link { text-decoration: none; border: 0; }
#header a:visited { text-decoration: none; font-style: normal; border: 0; }
#header a:link:hover, #header a:visited:hover { text-decoration: none; background: transparent; border: 0; }

#footer #copyright a:link						{ color: #000; text-decoration: none; }
#footer #copyright a:visited						{ color: #000; text-decoration: none; }
#footer #copyright a:link:hover, #footer #copyright a:visited:hover	{ color: #fff; background: #000000; }

*/






#tagcloud a:link, #tagcloud a:visited, #tagcloud a:link:hover, #tagcloud a:visited:hover { text-decoration: none; border: 0; font-style: normal; background: transparent; }



.onlinelinkcolor
{
	font-weight: bold;
}

.linksection a
{
	cursor: help;
}




a.image, a.image:hover,
a.image:link,
a.image:visited,
a.image:link:hover,  a.image:visited:hover,
a.image:link:active, a.image:visited:active,
.photosetthumb a:link,
.photosetthumb a:visited,
.photosetthumb a:link:hover,  .photosetthumb a:visited:hover,
.photosetthumb a:link:active, .photosetthumb a:visited:active,
.randomphotoscontainer a:link,
.randomphotoscontainer a:visited,
.randomphotoscontainer a:link:hover,  .randomphotoscontainer a:visited:hover,
.randomphotoscontainer a:link:active, .randomphotoscontainer a:visited:active
{
	border:  0 !important;
	padding: 0 !important;
	text-decoration: none;
	background: inherit;
}




p.navbar
{
	padding: 0;
	margin: 0;
}
td.contentcell
{
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
td.highlighted
{
	border: 1px solid #cccccc;
	background: #e9e9e9;
}
.code,#code
{
	font-family: monospace;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: bold;
}
.indented
{
	margin-left: 20px;
}
.blockquote-highlighted
{
	margin: 8px 8px 8px 15px;
	border: 1px solid #454545;
	background: #e9e9e9;
	padding: 5px;
}
.blockquote
{
	margin-left: 15px;
}

img.photopage, img.boardimg
{
	border: 1px solid #000000;
}

a.image, a.image:hover
{
	border: 0;
}




#randomphotoscontainer a
{
	text-decoration: none;
}


img.favimgs
{
	border:	3px solid #b00;
}
img.favimgs:hover
{
	border: 4px solid #666;
}


/* if you make the image hover-margins 1px smaller, then you can    */
/* make the image hover-borders 1px bigger, which is a cool effect. */
img.favimgs
{
	margin: 11px;
}
img.favimgs:hover
{
	margin: 9px;
}



td.randomimageTDs,td.toprowspacer
{
	margin:0;
	padding:0;
}
#code
{
	font-family: monospace;
}




input.default, textarea.default, #enter-your-name-field
{
	border: 1px solid #333;
	color: #000;
	background: #fff;
	padding: 5px;
}
input.default:focus, textarea.default:focus, #enter-your-name-field:focus
{
	background: #f9ff96;
}
input.default:hover, textarea.default:hover, #enter-your-name-field:hover
{
	background: #f9ff96;
}
input.defaultbutton
{
	border: 2px solid #474747;
	background: #e2e2e2;
	color: #474747;
}
input.defaultbutton:hover
{
	background: #fff;
	color: #333;
}




/* for stats script */
table.log, #simultvisitors
{
	width: 100%;
	border: 1px solid #cccccc;
}
table.none
{
	width: 100%;
}
table.other
{
	border: 1px solid #cccccc;
	margin: 8px;
}

.statstable		{ border: 1px solid #555; border-collapse: collapse; margin-bottom: 15px; color: #333; }
.statstable tr.head	{ background: #1e4857; color: #999; }
.statstable tr.odd	{ background: #e6e6e6; }
.statstable tr.even	{ background: #efefef; }
.statstable th		{ padding: 4px; }
.statstable td		{ padding: 7px; }

.statstable td.oc	{ text-align: right; font-weight: bold; }
.statstable td.c	{ text-align: center; }
.statstable td.p	{ text-align: center; font-weight: bold; }
.statstable .statsbar	{ height: 5px; border: 0px solid #000; background: #aaa; }

table.log td, table.statstable td { white-space: nowrap; }
#week td, #year td, #busy td	{ font-family: monospace; }
td.weekc, td.yearc, td.busyc	{ text-align: center; }
th.dateheading			{ text-align: left; }

#vlog_popular_pages div { margin-bottom: 1.0em; }







/* and visitor script output */
a.numvisitorslink
{
}






/* for getcookiename script */
#enter-your-name-box
{
}
#enter-your-name-form
{
	margin: 0px;
	padding: 0px;
}
#enter-your-name-text
{
}
#enter-your-name-field
{
	width: 130px;
}

#enter-your-name-field, #enter-your-name-text
{
}



.small
{
	font-size: 10px
}
.smaller
{
	font-size: 8px;
}

.c1	{ color: #393; }
.c2	{ color: #999999; }






.enc-photoset-update-table
{
	border: 1px dashed #cccccc;
	margin: 7px 7px 7px 20px;
}

.photosetbox
{
	margin-top: 15px;
	margin-bottom: 40px;
}
.photosetthumb
{
	width: 184px;
	float: left;
	text-align: right;
	margin-right: 15px;
}
.photosettext
{
	width: 240px;
	float: left;
	margin-top: 0px;
}
.photosettext .title
{
	
}
.photosettext .date
{
	color: #777777;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
}


#sitesearch form
{
	margin: 0;
	padding: 0;
}
#sitesearchfield, #photosearchfield
{
	width: 120px;
}

/*
#textsizeblock a:link, #textsizeblock a:visited
{
	padding: 2px 3px;
	border: 1px solid #96bd62;
}
#textsizeblock a:link:hover, #textsizeblock a:visited:hover
{
	text-decoration: none;
	border: 1px solid #000000;
	background: #000;
	color: #fff;
}
*/

acronym, abbr, .abbr { cursor:help; border-bottom: 1px dotted; }

#encodable-marquee
{
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	background: #fff url(/serverfiles/images/marquee02sale.png) 0 0 repeat-y;
}
#encodable-marquee a, #encodable-marquee span
{
	display: block;
	width: 30px;
	height: 100%;
	cursor: pointer;
}
#powered-by
{
	margin: 15px auto;
	text-align: center;
}
#powered-by img
{
	border: 0;
}


table#reorder-photos
{
	margin: 10px auto 30px auto;
	border-collapse: collapse;
	padding: 10px;
}
table#reorder-photos .col1,
table#reorder-photos .col2,
table#reorder-photos .col3
{
	padding: 20px;
}
table#reorder-photos .col2
{
	width: 160px;
}
table#reorder-photos .odd
{
	background: #e9e9e9;
}
table#reorder-photos .even
{
	background: #f3f3f3;
}
.pagetitle
{
	margin-top: 0;
	padding-top: 0;
	line-height: 1em;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#vlogiframe, #vlogiframedb
{
	visibility: hidden;
}

/* on photo manager */
input.pricefield
{
	width: 60px;
}



div.buy-image-file h2, div.buy-image-prints h2
{
	margin-top: 0px;
	padding-top: 0;
}
div.buy-image-divider
{
	margin-top: 30px;
	padding-top: 24px;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 1px;
	border-top: 1px solid #aaaaaa;
}
div.buyimagefile-desc
{
	text-align: center;
}
div.buyimagefile-button
{
	text-align: center;
	margin-top: 15px;
}
div.buyimageprints-list
{
	border-top: 1px solid #e0e0e0;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
div.buy-image-item
{
	border-bottom: 1px solid #e0e0e0;
	padding-top: 15px;
}
div.buy-image-item .item-desc
{
	float: left;
	width: 55%;
	text-align: right;
}
div.buy-image-item .item-button
{
	float: right;
	width: 40%;
	text-align: center;
}




/* userbase */
.userinfoleft
{
	float: left;
	width: 47%;
}
.userinforight
{
	float: right;
	width: 47%;
	text-align: right;
}


.nowplaying
{
	margin-bottom: 20px;
}
.nowplaying .artist
{
	margin-bottom: 4px;
	font-weight: bold;
}
.nowplaying .album
{
	margin-left: 15px;
	margin-bottom: 4px;
	font-size: 8pt;
}
.nowplaying .track
{
	margin-left: 15px;
	font-size: 8pt;
}
.encodable-posts a
{
	display: block;
	margin-bottom: 1em;
}


.clear,.clearnav,.clearnavul
{
	clear: both;

	/* http://www.complexspiral.com/publications/containing-floats/ */
	line-height: 0;
	height: 0;

	/* added for IE */
	font-size: 0;
}


#twitter_update_list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#twitter_update_list li
{
	padding-bottom: 15px;
}
p#twitterfootlink
{
	margin-top: 0;
	padding-top: 0;
}

/* Update: 20121014: stupid new twitter format: */
#twitter_update_list .timeline-header,
#twitter_update_list .timeline-footer,
#twitter_update_list .full-name,
#twitter_update_list .p-nickname,
#twitter_update_list .u-photo
{
	display: none;
}

/* update: 20121202: */
.a_single_tweet
{
	margin-bottom: 26px;
}
.tweet_date
{
	font-size: 85%;
	color: #bbb;
}







table.nd_tbl
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 0px solid #999;
	font: 8pt sans-serif;
}
.nd_tbl td
{
	background: url(/enccms/layout/grad/grad_std_12px_25pct_black_to_trans_bottom.png) repeat-x left top;
}
.nd_tbl tr.first td
{
	border-top: 0;
}
.nd_tbl .odd
{
	background: #1e4857; /* IE */
	background: rgba(0,0,0,0.15); /* reasonable browsers */
}
.nd_tbl .even
{
	background: #183b47; /* IE */
	background: rgba(0,0,0,0.30); /* reasonable browsers */
}
.nd_tbl td
{
	padding: 12px;
}



#themeslog td.screenshot
{
	text-align: right;
}
#themeslog .name
{
	font-weight: bold;
}

#tech-vnc-page .enc_ad
{
	background: rgba(0, 0, 0, 0.15);
	padding: 10px;
	font-style: italic;
}



/* because ND already displays these same titles, styled to match the titles on the other nav boxes. */
.popular_pages .enc_minibox_title, .visitors_summary .enc_minibox_title, .visitors_graph .enc_minibox_title { display: none; }

.popular_pages .enc_minibox_row { margin-bottom: 15px; }
.visitors_summary .label { }
.visitors_summary .value { font-weight: bold; }

.powered_by_vlog { margin: -5px 0 0 0; }

.visitors_graph .enc_minibox_body
{
	margin-top: 14px;
}
.visitors_graph .enc_minibox_row
{
	margin-bottom: 6px;
}
.visitors_graph .the_graph
{
	margin: 0px 6px;
}
.visitors_graph .filled
{
	height: 10px;
	display: inline-block;
	border: 1px solid #000;
	background: #822;
}
.visitors_graph .empty
{
	height: 10px;
	display: inline-block;
	border: 1px solid #000;
	background: #eee;
}