* 
{ 
	margin: 0px;
	padding: 0px;	
	font-family: verdana, arial, helvetica, sans-serif; 	
}

html { height: 100%; } 

body  
{
    height: 100%;      
	background: #fff url(../twipler/siteimages/fabric.jpg) repeat-x;        
}

h1 { }
h2 { }
h3 { }
h4 { }

p { FONT-SIZE: smaller; text-align: justify; }

a { color: #33c;}
a:visited { color: #00a;}


.page 
{ 
    text-align: left; 
    margin: 0 auto;     
}

.page-width
{
	width: 900px;
}

.header
{
	position:relative;
	height: 95px;
	background: url(../twipler/siteimages/white-alpha030.png); 
	border-bottom: 1px solid #99c;
}

.header a h1
{	
	position:relative;
	top:20px;	
	left:18px;
	background: url(../twipler/siteimages/twipler_logo.png) no-repeat;
	width:150px; height:45px;
}

.header a h1 span { display:none; }


.ghost {background: url(../twipler/siteimages/white-alpha-thick.png); padding: 10px;}

.content 
{
    color: #333; 
    padding: 20px 10px 10px 10px;
    background: #f0f0f7;
    min-height: 400px;
    border: 2px solid #444;
}

.content h2 { letter-spacing: 0.03em; border-bottom: 2px dashed #cca; }
.content h3 { font-size: 18pt; color: #0468A6; border-bottom: 2px dashed #996;  }
.content h4  { font-size: 14pt; color: #0468A6; border-bottom: 2px dashed #666; }
.content h5  { font-size: 12pt; color: #18b; margin-top:15px; }


.content A { text-decoration: none; color: #C1220D; letter-spacing: 0.03em; }
.content A:hover { text-decoration: underline; color: #f05; }

.content p { padding: 10px 10px 5px 20px; }
.content span.read { padding:0px 0px 0px 8px; }


div.date { background: #F2F5FB url(../twipler/SiteImages/calendar.png) no-repeat; width:46px; height:49px; float:right; margin-left:10px; position:relative; top:-5px;}
div.date span.day { position: absolute; top: 20px; font-size:20px; color:#444; width: 100%; text-align:center;}
div.date span.month { position: absolute; top: 3px; font-size:13px; color: #fff; width: 100%; text-align:center;}

.articlelist
{
    background: #F2F5FB;
    padding: 10px;    
    border: 1px solid #fff;
}

.articlelist p { padding: 8px 12px 8px 12px; margin: 0px; color: #444;}
.articlelist p span.date { display:block; margin-top: 5px; float:right; color: #999;}

.articlelist h4  {  border-bottom: 2px solid #A2C6F4; }
.articlelist h4 a { font-size: 14pt; color: #0468A6;  text-decoration:none;} 
.articlelist h4 a:hover { font-size: 14pt; color: #c33; text-decoration:none; } 

.articlelist div.bar { background: #fff; margin-left:12px; font-family: Arial; font-size: 12px; font-weight: bold;}
.articlelist div.bar span { float: right; color: #666; font-weight: normal;}
.articlelist div.bar a { font-size: 12px;  color: #0468A6}
.articlelist div.bar a:hover { font-size: 12px;  color: #c33}




table.addComment  { margin: 5px 10px;}
table.addComment  tr td.lbl { background: #eee; padding: 2px 4px 2px 4px; font-size:12px; }
table.addComment  tr td .txt { border: 1px solid #666; width: 70%; padding:2px; }
table.addComment span { color: #666; font-size: 10pt; }

div.code {  border: 1px solid #ccc; margin: 5px 20px 5px 20px;  }
.code pre { background: #fff; margin:1px; padding: 4px; font-family: Lucida Console, Monospace;}
.code pre span.s1 { color: #f05; }
.code pre span.s2 { color: #f50; }
.code pre span.key { color: #05f; }
.code pre span.comment { color: #4b2; }
.code pre span.dull { color: #666; }

span.code { font-family: Lucida Console, Monospace; color: #000; background: #fff;}

.simpletable { margin: 8px 14px 8px 14px; font-size: 12px;}
.simpletable tr td {border: 1px solid #ddd; padding: 3px 7px 3px 7px;}

h5.space { border-bottom: 1px solid #ccf; margin-top: 23px;}

.controlpanel
{
    position:absolute; top:0px; right:0px; background:#fff; padding:10px; border: 2px solid #000;
}


a.followtwipler div
{
    background: url(../twipler/siteimages/grey.png); 
}

a.followtwipler div:hover
{
    background: url(../twipler/siteimages/white-alpha-thick.png);
}

.breadcrumb
{
	padding: 5px;
	margin: 10px 20px 5px 0px;
	background: url(../twipler/siteimages/grey-alpha.png);	
	color: #fff;
	
}

.breadcrumb a 
{
    color: #adf;
}

.taghead
{
	margin: 10px 0px 0px 0px;	
	padding: 15px;
	background: url(../twipler/siteimages/grey-alpha.png);	
	color: #fff;
	border-bottom: 1px solid #acf;
}

.taghead span.word { font-weight: bold; }

div h4 { color: #01426B; font-size: 15x; border-bottom: 1px solid #01426B; }
div.listlink {  margin: 4px;  font-size: 12px; }
div.listlink a          {   color: #01426B; text-decoration:none;}
div.listlink span      {   color: #135; }
div.listlink a:hover {   color: #fff;  text-decoration: underline;}