/* --- site defaults ------------------------------------ */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "custom-font-1", helvetica, arial, trebuchet ms, sans-serif;
	font-size: 14px;
	background: url('//www.sekaita.com/img/bg.png') #f8f8f8 repeat-x left top;
	cursor: default;
}

:focus
{
	outline: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "custom-font-1", verdana;
	text-shadow: 0 0 1px #aaa;
}

cite, dd, dt, td, th, h4, h5, h6, li, p
{
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6, th  
{
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h1
{
	font-size: 34px;
	line-height: 38px;
	letter-spacing: 3px;	
}

h2
{
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 20px;			
	margin-bottom: 20px;		
	letter-spacing: 2px;
	font-weight: 800;
	border-bottom: 1px solid #999;	
}

h3 
{
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 20px;	
}

h4, h5, h6
{
	margin-bottom: 10px;
	text-shadow: none;
}

h4
{
	font-size: 18px;
	color: #666;
}

h5
{
	font-size: 16px;
	color: #808080;
}

h6
{
	font-size: 14px;
	color: #999;
}

p
{
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 15px;	
}

ul
{
	margin-top: 10px;
	margin-bottom: 15px;
}

li
{
	margin-left: 20px;
	list-style-type:inherit;
	list-style-position: outside;
}

#node-content li
{
	margin-bottom: 10px;	
	list-style-image: url('//www.sekaita.com/img/bullet.gif');
}

#dsq-content li
{
	margin-bottom: inherit;
	list-style-image: none;
}

h1 a:hover, h2 a:hover, h3 a:hover
{
	text-shadow: 0 0 1px #c7c7c7;		
}

a:focus, a:hover, .details a 
{
	color: #666;
	text-decoration: underline;
}

a
{	
	color: #000000;
}

img:not(#lightbox-image)
{
	display: inline-block;
	padding: 6px;
	background: #fff;
	border: 1px solid #ddd;	
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;	
	margin-top: 4px;
	margin-bottom: 10px;	
}

hr
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin: 20px auto;
}

strong
{
	font-weight: 800;
	text-shadow: 0 0 1px #aaa;	
}

em
{
	font-style: italic;
}

blockquote
{
	padding-left: 30px;
}

/* --- site wide classes  ----------------------------- */

/* --- image styles  ----------------------------- */

img.left
{
	float: left;
	margin-right: 20px;
}

img.right
{
	float: right;
	margin-left: 20px;
}
	
img.center
{
	text-align: center;
	display: block;
	margin-top: 10px;
}

img.content-width
{
	display: block;
	width: 533px;
	margin-top: 10px;
}

#content img.no-border 
{
	padding: 0;
	border: 0;
}

/* --- table styles ----------------------------- */

table
{
	width: 100%;	
    margin-bottom: 20px;
	font-family: tahoma, arial, trebuchet ms, sans-serif;
    font-size: 12px;
}

table tbody tr.odd-row td
{
	background: #F9F8F8;
}

table thead th
{
	padding: 4px;
	border: 1px solid #afaeb8;
	background: #e8e8e8;
	color: #333;
}

table tbody tr td
{
	padding: 4px 8px;
	border: 1px solid #afaeb8;
	background: #F5F4F4;
}

table.layout-only, table.no-decoration 
{
	margin: 0;
	padding: 0;	
}

table.dashed, table.dashed tbody tr td
{
	border: 1px dashed #afaeb8;
}

table.dotted, table.dotted tbody tr td
{
	border: 1px dotted #afaeb8;
}

table.layout-only tbody tr td
{
	padding: 0;
	background: none;
	border: none;
}

table tr td h5
{
	margin: 4px 0 4px 0;
}

/* --- misc ----------------------------- */

.cleared
{
	margin: 0;
	padding: 0;
	clear: both;
}

.no-decoration 
{
	text-decoration: none;
}

.date
{
	display: block;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	text-align: right;
	color: #666666;
	margin-bottom: 20px;
}

.shadow
{
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* --- wrapper ---------------------------------------- */

#wrapper 
{
	margin: 0 auto;
	width: 980px;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;	
}

/* --- header ---------------------------------------- */

#jump-link 
{
	float: left;
	height: 20px;
}

#jump-link a, #search label 
{
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

#jump-link a:focus, #jump-link a:hover 
{
	background-color: #ffffca;
	display: block;
	line-height: 20px;
	position: static;
	text-decoration: underline;
	width: auto;
	border-style: none;
	padding: 0 10px;
}

/* --- logo ---------------------------------------- */

#spinning-cube
{
	margin-top: 13px;
	margin-right: 15px;
	margin-bottom: 13px;	
	float: left;
	position: relative;
	width: 75px;
	height: 75px;
	cursor: pointer;
}

.dot-3d
{
	float: left;
	position: absolute;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-radius: 8px;
	border: 1px solid;	
	font-size: 0;
}

/* --- header ---------------------------------------- */

#header 
{
	padding: 0;
	margin: 0;
	margin-top: 4px;
	margin-bottom: 20px;
}

#header h1
{
	padding-top: 22px;
}

#header a
{
	text-decoration: none;	
}

#header a:focus, #header a:hover
{
	text-decoration: underline;
}

#header p 
{
	color: #999999;
	margin: 0;	
}  

/* --- navigation ------------------------------------ */

#navigation
{
	float: right;
	padding: 0;
	margin: 0;
}

#navigation ul 
{
	list-style: none;
	width: 360px;	
	padding: 0;
	margin: 0;	
}

#navigation li
{
	float: left;
	display: block;
	line-height: 20px;
	min-width: 120px;	
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

#navigation a 
{
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;	
	padding-top: 40px;
	padding-bottom: 40px;	
	text-shadow: 0 0 1px #aaa;
}

#navigation a:hover 
{
	background-color: transparent;
	background-image: url('//www.sekaita.com/img/triangle.gif');
	background-position: center top;
	background-repeat: no-repeat;
	text-shadow: 0 0 1px #c7c7c7;	
}

/* --- autorisation form ------------------------------ */

#header.auth h1
{
	padding-top: 28px;	
}

#navigation form
{
	background-color: transparent;
	background-image: url('//www.sekaita.com/img/triangle.gif');
	background-position: 75px top;
	background-repeat: no-repeat;	

	padding-top: 34px;
	margin-right: 50px;
}

#navigation label
{
	margin: 0 auto 0 auto;
}

#navigation input[type="submit"]
{
	cursor: pointer;	
	border: 1px solid #ccc;
	background: url('//www.sekaita.com/img/horz-bar-bg.gif') repeat-x left top;
	padding: 2px 6px;
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;	
	text-shadow: #cccccc 0 0 1px;
}

#navigation input[type="text"],
#navigation input[type="password"]
{
	font-family: "Courier New", Courier, monospace;
	background-attachment: scroll;
	background-color: #ffffff;	
	background-image: url("//www.sekaita.com/img/keys-disabled.png");
	background-position: 2px 2px;
	background-repeat: no-repeat;
	width: 150px;
	padding: 2px;
	padding-left: 25px;
	margin: 0px 5px;
	border: 1px solid #bbb;
	border-bottom-color: #e7e7e7;	
	border-right-color: #e7e7e7;		
	cursor: text;
	text-shadow: #cccccc 0 0 1px;
}

#navigation input[type="text"]
{
	background-image: none;
}

#navigation input[type="password"]:focus
{
	background-image: url("//www.sekaita.com/img/keys-enabled.png");
}

/* --- content ---------------------------------------- */

#content
{
	clear: both;
	border-top: 1px solid #999999;
	padding-top: 20px;
}

/* --- footer ---------------------------------------- */

#footer 
{
	margin-top: 20px;
	border-top-color: #999;
	border-top-style: solid;
	border-top-width: 1px;
	clear: both;
	padding: 20px 0 20px 0;
	color: #999;		
	height: 45px;	
    text-shadow: 0 0 1px #eee;
}

#copyright 
{
	float: right;
}

#footer a
{
	color: #666;
	text-decoration: underline;	
}

#footer a:focus, #footer a:hover
{
	color: #999;
	text-decoration: underline;
}

#renderInfo
{
	float: left;
}

/* --- highlighted code blocks -------------------------- */

.highlighted-code-block 
{
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 15px;
	background: url('//www.sekaita.com/img/alternate-line-bg.png') top left;
	overflow-x: scroll;
	position: relative;
	z-index: 1;
}

.highlighted-code-block table
{
	width: auto;	
    margin-bottom: 0;
}

.highlighted-code-block table thead th
{
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.highlighted-code-block table tbody tr td
{
	padding: 0;
	border: 0;
	background-color: transparent;
}

.highlighted-code-block td.line-numbers
{
	vertical-align: top;
	background: url('//www.sekaita.com/img/alternate-line-numbers-bg.png') top left;
	border-right: 1px solid #ccc;
	text-align: right;
	color: #a0a0a0;
}

.highlighted-code-block td.code div
{
	margin-left: 10px;
	margin-right: 20px;
	white-space: nowrap;
	color: #3f3f3f;
}

div.highlighted-code-block td.line-numbers div,
div.highlighted-code-block td.code div
{
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;	
	line-height: normal;
	padding-left: 0.5em;
}

/* --- image cycler --------------------- */

#image-slider
{
	float: left;
	display:block; 

	position:relative;
	
	left: -20px;
	width:300px;
	height:120px;
	
	margin-right: 80px;
	margin-bottom: 20px;	
}

#frame 
{
	position:absolute;
	top: -4px;
	z-index:0;
	width:389px;
	height:151px;	
}

#slides 
{
	position:absolute;
	top:4px;
	left:44px;
	z-index:100;
}

#slides .next, #slides .prev 
{
	position:absolute;
	top:48px;
	left:-20px;
	width:12px;
	height:22px;
	display:block;
	z-index:101;
}

.image-container 
{
	width:300px;
	height:120px;
	overflow:hidden;
	position:relative;
}

#slides .image-container a, #slides a
{
	border:0;
	padding:0;
	margin:0;
}

#slides .next 
{
	left:308px;
}

.node-title
{
	margin: 4px 0;
}

.node-title a
{
	display: block;
	text-decoration: none;
}

.node-title a:hover
{
	background: #fff;
	border-color: #999;	
}

.node-title a:hover .name
{
	color: #000;
    text-decoration: underline;
    text-shadow: 0 0 1px #ccc;	
}

.node-title a:hover .path
{
	color: #333;
}

.node-title a:hover .date
{
	color: #666;
}

.node-title span
{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.node-title .name
{
	min-width: 250px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;	
	padding-top: 2px;
	padding-bottom: 2px;	
	
	background-image: url('//www.sekaita.com/img/file-icon-16.png');
	background-position: left center;
	background-repeat: no-repeat;	
	padding-left: 24px;	
}

.node-title .date
{
	float: right;
	min-width: 175px;		
	text-align: right;
	color: #999999;
	font-size: 14px;	
	font-style: italic;
	padding-right: 4px;
	padding-top: 2px;
	margin-bottom: 0;
	line-height: normal;
}

.node-title .id
{
	float: right;
	min-width: 25px;		
	border-bottom: 0;
	padding-top: 2px;	
	font-size: 14px;		
	color: #999;
}

.node-title .path
{
	float: right;
	min-width: 300px;		
	border-bottom: 0;
	padding-top: 2px;	
	color: #666;
}

.node-title form
{
	float: right;
	font-size: 12px;
}

.node-title form p
{
	padding: 0;
	margin: 0;
}

.node-title form p input
{
	float: right;
	margin-left: 10px;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.node-children
{
	padding-left: 24px;
	border-left: 1px solid #ccc;	
}

#side-bar
{
	float: right;
	display: block; 
	width: 350px;
	margin: 0 auto 0; 
	padding: 2px;
	padding-left: 40px;

}

/* --- node navigation ------------------------------------- */

.node-navigation
{
	margin: 0 auto 0; 
	margin-bottom: 20px;
}

.node-navigation h3
{
	margin-bottom: 20px;
}

.node-navigation h4
{
	line-height: 20px;	
	margin-bottom: 0;
	padding-bottom: 2px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;		
	font-size: 16px;
    text-shadow: 0 0 1px #ddd;
}

.node-navigation li
{
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 0;
}

.node-navigation li p
{
	text-align: justify;
	font-style: italic;
	margin: 0; 
	padding: 0;
	color: #999999;
	font-size: 14px;	
    text-shadow: 0 0 1px #eee;
}

.node-navigation .date
{
	display: block;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	text-align: right;
	color: #666666;
}

.node-navigation li ul
{
	margin-left: 20px;
}

.node-navigation li ul li
{
	margin-bottom: 0;
}

.node-navigation h5
{
	margin: 5px auto;
}
.node-navigation h5 a
{
	font-size: 14px;
	color: #666666;
}

.node-navigation h5 a:hover
{
	color: #999999;
}

/* --- node content ---------------------------------------- */

#node-content
{
	padding-right: 40px;
	margin-right: 393px;
	background: url('data:image/gif;base64,R0lGODlhAgABAKECAMzMzP///wAAAAAAACH5BAEKAAIALAAAAAACAAEAAAICRAoAOw==') /*../img/rule-vert.gif*/ top right repeat-y;
	margin-bottom: 40px;
}

#node-content .date
{
    font-size: 14px;
    font-style: italic;
    float: right;
	display: block;
	padding-left: 16px;
	line-height: 24px;
	text-align: right;
	color: #666666;
    text-shadow: 0 0 1px #ccc;
}

#node-content p
{
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 20px;
}

#node-content-footer
{
	border-top: 1px solid #ccc; 
	padding: 10px 4px 6px 0;
}

#node-content-footer div
{
	float: right; 
	text-align: right; 
	line-height: 20px !important; 
	font-size: 12px !important;
}

#blog-archive-link
{
	text-align: center; 
	padding-bottom: 32px;
	border-bottom: 1px solid #ccc;
	margin: 32px 0;
}

#blog-archive-link a
{
	text-decoration: none;
	text-shadow: 0 0 1px #aaa;
	background-color: #eee;
}

#blog-archive-link a:hover
{
	border-color: #999;
	background: #fff;
	color: #333;
}

/* --- nodeListWidget ------------------------------------------------------ */

.node-list-year h3
{
	float: none !important;
	display: block;
	border-bottom: 1px solid #999;
	line-height: 26px;	
}

.node-list-month h4
{
	clear: left;
	border-bottom: 1px solid #ccc;
	line-height: 26px;	
}

.node-list-month div
{
	margin: 16px;
}

.node-list-month h5
{
	background-image: url('//www.sekaita.com/img/file-icon-16.png');
	background-position: left center;
	background-repeat: no-repeat;   
	padding-left: 24px;
}

.node-list-item p
{
	margin: 4px !important;
}

/* --- information panel -------------------------------- */

.panel
{
	font-family: "custom-font-1", helvetica, arial, trebuchet ms, sans-serif;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-radius: 2px;
	background-color: #F5F4F4;
}

.panel p
{
	line-height: 16px;
}

.light-red, .fail-msg
{
	border-color: #a89f9e;
	background-color: #f6e6e6;
	color: #692625;
	margin-bottom: 20px;	
}

.compact h4
{
	float: left;
	display: inline-block;
	padding-right: 10px;
	line-height: 16px;	
}

.light-green, .pass-msg
{
	border-color: #9fa89e;
	background-color: #e6f6e6;
	color: #266925;
	margin-bottom: 20px;	
}

.light-blue, .info-msg
{
	border-color: #9f9ea8;
	background-color: #e6e6f6;
	color: #262569;
	margin-bottom: 20px;	
}

.light-grey
{
	border-color: #a8a8a8;
	background-color: #f6f6f6;
	color: #696969;
}

.dark-grey
{
	border-color: #9e9e9e;
	background-color: #cfcfcf;
	color: #333;
}

.panel p, .panel h3, .panel h4, .panel h5
{
	margin: 4px;
}

.panel h3, .panel h4, .panel h5
{
	color: #333;
}

.panel h4 span
{
	color: #999;
}

.panel .close-btn
{
	float: right;
	margin: 4px;
	width: 16px;
	height: 16px;
	background: url('/img/closeBtn.png') top right no-repeat;
	cursor: pointer;
}

.panel .close-btn:hover, .panel .close-btn:focus
{
	background: url('/img/closeBtn-hover.png');
}

/* --- enumeratedProject -------------------------------- */

.enumeratedProject > span
{
	display: block;
	text-align: center;
	
	padding: 6px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;		
	
	margin: 4px;
}

.enumeratedProject > span a
{
	display: block;
    height: 150px;
    overflow: hidden;
}
	
.enumeratedProject > span img:not(#lightbox-image)
{
	margin: auto;

	padding: 0px;
	background: inherit;
	border: 0px;	
}

.enumeratedProject h3
{
	margin-bottom: 10px;
	background-image: url('//www.sekaita.com/img/file-icon-16.png');
	background-position: left center;
	background-repeat: no-repeat;   
	padding-left: 24px;
}

/* --- lightbox ------------------------------------------------------------ */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a, #jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%;float: left;text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* --- disqus -------------------------------------------------------------- */

#disqus_thread
{
	clear: left;
	border-top: 1px solid #ccc;
	padding-top: 8px;
}

#dsq-comments-title, #dsq-new-post div, #dsq-post-footer
{
	clear: none !important;
}

#dsq-global-toolbar, .dsq-global-toolbar-left, .dsq-login-buttons
{
	height: 22px;
}

#dsq-new-post h3
{
	padding-top: 8px;
}

#dsq-comments-title h3
{
	margin-top: 50px;
}

/* --- fileWidget ---------------------------------------------------------- */

.file-not-found, .file-download, .file-download:focus, .file-download:hover
{
	display: block;
	text-decoration: none;
	padding: 4px;
	margin: 0;		
	margin-top: 10px;	
	margin-bottom: 20px;
	background-image: url('//www.sekaita.com/img/download-icon-enabled-64.png');
	background-position: left center;
	background-repeat: no-repeat;	
	padding-left: 64px;
	height: 64px;
    box-shadow: 0px 0px 8px #999 inset;
}

.file-not-found, .file-not-found:focus, .file-not-found:hover
{
	background-image: url('//www.sekaita.com/img/download-icon-disabled-64.png');
}

.file-download h4, .file-not-found h4
{
	background-image: url('//www.sekaita.com/img/file-icon-16.png');
	background-position: left center;
	background-repeat: no-repeat;	
	padding-left: 24px;
	text-shadow: 0 0 1px #aaa;
}

.file-download h4, .file-download p, .file-not-found h4, .file-not-found p
{
	line-height: normal;
}

.file-download p
{
	font-size: 12px;
}

.file-download:focus h4, .file-download:hover h4
{
	text-decoration: underline;
}

.file-download:focus p, .file-download:hover p
{
	color: #266925;
}

.file-not-found:focus h4, .file-not-found:hover h4
{
	text-decoration: none;
}

.file-not-found:focus p, .file-not-found:hover p
{
	color: #692625;
}

.file-download span, .file-not-found span
{
	color: #666;
}

#dsq-reply
{
	clear: left;
}