<?header("Content-type: text/css");?>
/* SkinTech Blogs Simple Layout  */

html { min-width: 800px; }
a { text-decoration: none }
A:hover { text-decoration:underline;}

body 
{ 
 width:800px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align:center;
 background: #fff;
 color: #444;
 font:12px "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
}


.pagSelect
{
 border:solid 1px #eee;
 padding:2px;
 color:#ccc;
 background:#eee;
}

.pagCurrent
{
 border:solid 1px #ccc;
 padding:3px;
 background:#900;
 color:#fff;
}

#wrapper
{
 margin:0 auto 0 auto;
 width:800px;
 text-align: left;
}

#search
{
 width:200px;
 float: right;
 text-align: right;
 margin-top: 0px;
 margin-right:0px;
 color: #666;
}

#search input
{
 border: solid 1px #ccc;
 width: 120px;
 background:#eee;
}

#search .submit
{
 width:30px;
 background:#eee;
}

#footer
{
 text-align: center;
 float: left;
 clear:both;
 width:600px;
 padding-top:20px;
 font:80%/1.2em Georgia,Serif;
 color:#888;
}

#mainLink, #mainLink a
{
 position:absolute;
 left:1px;
 top:1px;
 color:#999;
}

/****************************************/
/**     Header                     **/
/****************************************/


#header
{
 clear:both;
 text-align: left;
 margin-top: 0px;
 padding-left:5px;
 width:800px;
 height:60px;
 margin-bottom:2px;
 background:url('/gfx/back_simple.png');
}

#header h1 span
{
	/*
	background: url('/gfx/sb_logo2.gif') left top repeat-x;
	background-color: transparent;
	width:800px;
	height:80px;
	position: absolute;
 */
}

#header h1
{
 margin:0px;
 font:22px Lucida;
 font-weight:bold;
 color: #fff;
 background-color: transparent;
}

#header h2
{
 margin:0px;
 color: #060;
 background-color: transparent;
}

#header p
{
 font-style: italic;
 padding-top: 5px;
 margin: 0px;
 color:#ccc;
}


/****************************************/
/**     Navigation                     **/
/****************************************/

#nav
{
 width:190px;
 float: left;
 text-align: left;
}

#nav h2 
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:170%/1.2em Georgia,Serif;
 color:#900000;
}

#nav a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:100%/1.2em Georgia,Serif;
 color:#400000;
}

#nav a:hover
{
 text-decoration:none;
 color:#c00000;
}

#nav ul
{
 padding-top:0px;
 padding-left:18px;
 list-style-image: url('/gfx/16x16/bullet_red_1.png')
}

#nav li
{
 padding:0px;
}

/****************************************/
/**    News List                       **/
/****************************************/

#mainContent
{
 float: right;
 width:590px;
 text-align: left;
 margin-top: 0px;
 margin-left:5px;
 margin-right:0px;
}

#mainContent img
{
 max-width:100%;
}


#mainContent h1
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 padding-left:5px;
 font:190%/1.2em "lucida grande",tahoma,arial,helvetica,sans-serif;
 font-size:1.8em;
 font-weight:normal;
 letter-spacing:-1px;
 background: url('/gfx/left-top-corner-box.jpg') no-repeat;
 color:#333;
}

#mainContent h2 
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:120%/1.2em Georgia,Serif;
 color:#333;
 font-style:italic;
 font-weight:bold;
}

#mainContent h3
{
 margin:.5em 0 0;
 font:90%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
}

#mainContent .postDate
{
	padding: 2px 0 2px 20px ;
	background: url('/gfx/16x16/time.png') left center no-repeat;
}

#mainContent .articleAuthor
{
	padding: 2px 0 2px 20px ;
	background: url('/gfx/16x16/user.png') left center no-repeat;
}

#mainContent .ArticleEdit
{
	padding: 2px 0 2px 17px ;
	background: url('/gfx/16x16/note_edit.png') left center no-repeat;

}


#mainContent .commentsNum 
{
	padding: 2px 0 2px 20px;
	background: url('/gfx/16x16/comment_2.png') left center no-repeat;
	margin-right: 10px;
}

#mainContent h4
{
 margin:0;
 font:bold 100% Verdana,Arial,Sans-serif;
}

#mainContent p 
{
 margin:1em;
 margin-left: 0px;
 margin-right: 0px;
 color:#444;
}

#mainContent a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#900000;
}

#mainContent a:hover
{
 text-decoration:none;
 color:#c00000;
}

#mainContent input, select
{
 border: solid 1px #ccc;
 background:#eee;
}

#mainContent .more
{
 position: absolute;
 background: url('/gfx/more2.gif') left top repeat-x;
 background-color: transparent;
 width:23px;
 height:12px;
 font-size:0px;
 margin-left:5px;
 margin-top:2px;
}

#mainContent pre
{
 margin:5px;
 padding:5px;
 padding-left:30px;
 border:1px solid #ddd;
 background:#eee;
 color:#633;
 font-style:italic;
}

#mainContent blockquote 
{
 margin: 20px 0 20px 10px;
 padding: 0 20px 0 50px;
 background: #111 url('/gfx/quote.png') left top no-repeat;
 border: none;
 font-style:italic;
 color:#666;
}

/**************************************************/
/**                                              **/
/** Navigation Menu: Calnedar Settings           **/
/**                                              **/
/**************************************************/

#navCalendar
{
/* border-collapse: collapse;*/
 padding:1px;
 width: 100%;
 font-size:9px;
}

#navCalendar thead
{
 background: #eee;
}

#navCalendar th
{
 font-weight:normal;
 text-align: left;
}

#navCalendar .sunday
{
 background:#fee;
 color:#900;
}

#navCalendar .today
{
 background:#afa;
 color:#090;
}

#navCalendar .linkArticles
{
 background: #eef;
}

#navCalendar tr:hover
{
 background: #ffffdd;
}

#navCalendar thead tr:hover
{
 background-color: transparent;
 color: inherit;
}

.navButton
{
 border: dotted 1px #aaa;
 color:#aaa;
 background:#eee;
}


/****************************************/
/**     Main Table                     **/
/****************************************/
#mainTable table
{
 border-collapse: collapse;
 width: 100%;
 clear:both;
}

#mainTable thead
{
 background: #87d256;
}

#mainTable th
{
 font-weight:normal;
 text-align: left;
}


#mainTable tr:hover
{
 background: #ffffdd;
}

#mainTable thead tr:hover
{
 background-color: transparent;
 color: inherit;
}

#mainTable .odd
{
 background-color: #f1f1f1;
}


/****************************************/
/**    Comments                    **/
/****************************************/


#commentList h1
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:190%/1.2em Serif;
 font-weight:bold;
 color:#900000;
}

#commentList h2 
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:130%/1.2em Georgia,Serif;
 color:#900000;
}

#commentList h3
{
 margin:.5em;
 font:90%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
 background:#e1e1e1;
}


#commentList p 
{
 margin:4px;
 color:#999;
 font-size:10px;
 margin-bottom:10px;
}

#commentBox
{
 margin-top:30px;
 padding-bottom:20px;
 width:590px;
 /*background: #fff url('/gfx/commentBack2.jpg');*/
 border:dotted 1px #c1c1c1;
 background:#f5f5f5;
}

#commentBox h2
{
 padding-left:15px;
 border-bottom: none;
}

.instructions {
 color: #7b7b7b;
 font-size: 0.8em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: dotted;
 border-left-color: #d5d7db;
 padding-left: 5px;
 float:right;
 width:330px;

}

#commentBox .commentboxes {
 width: 200px;
 float: left;
 color: #7b7b7b;
 font-size: 0.9em;
}

.commentform {
 padding: 1px 20px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#commentBox .inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}

#commentBox textarea
{
 width:100%;
 height:100px;
 border:solid 1px #7b7b7b;
 color: #7b7b7b;
 font-size:12px;
 background:#f3f3f7;
}

#commentBox input
{
 border:solid 1px #7b7b7b;
 color: #7b7b7b;
 font-size:12px;
 background:#f3f3f7;
}


#mainContent .okTxt
{
 color:#090;
 margin:0px;
}

#mainContent .errorTxt
{
 margin:0px;
 color:#900;
}


#sortList ul
{
 list-style:none;
 margin:0px;
 padding:0px;
 width:350px;
 padding-left:0px;
}

#sortList li
{
 cursor:n-resize;
 width:350px;
 height:36px;
 display:block;
 padding-left:15px;
 padding-top:10px;
 margin:0px;
 background:transparent url('/gfx/gray/border.png') no-repeat;;
 font:180%/1.2em "Trebuchet MS", Sans-serif;
 color:#0d0;
}

#optionButtons
{
 list-style:none;
 margin:0px;
 padding:0px;
}

#optionButtons ul
{
 list-style:none;
 padding:1px;
 background:#333;
 z-index:2;
}

#optionButtons li
{
 list-style:none;
 width:16px;
 height;16px;
 float:left;
}

#optionButtons .deleteButton
{
 cursor:pointer;
 width:16px;
 height:16px;
 background:url(/gfx/16x16/note_delete.png) no-repeat;
}

#optionButtons .editButton
{
 cursor:pointer;
 width:16px;
 height:16px;
 background:url(/gfx/16x16/note_edit.png) no-repeat;
}

#rightBox
{
 /*
  float:right;
  width:220px;
 */
}

#rightBox select
{
 width:150px;
 padding:1px;
}

.newsBox
{
 border:solid 1px #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 margin-top:10px;
 padding-left:5px;
 padding-right:5px;
}