body
{
	font: normal 0.625em Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background: #F2F2F2 url('../images/main-bg.png') repeat-x left top;
	color: #333333;
}

#page-border 
{
	background-color: #2B91AE;
	height: 3px;
	border-bottom: 1px solid #fff;
}

#header 
{
	background: url('../images/header-bg.png') repeat-x;
	height: 133px;
	position: relative;
}

/* logo + logo text */

#header h1 { margin-top: 35px; }
#header h1 a
{
	display: block;
	text-indent: -1000%;
	background: url('../images/logo.png') no-repeat;
	width: 261px;
	height: 47px;
	outline: none;
}
#logo-text 
{
	text-indent: -200%;
	background: url('../images/logo-text.png') no-repeat;
	height: 25px;
	width: 200px;
	top: 85px;
	left: 260px;
	position: absolute;
}

/* main menu */

#header ul li  
{
	margin: 0;
	list-style-type:none; 
}
#header ul li a
{
	float: left;
	margin-top: 46px;
	margin: 46px 30px 0 0;
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #6293AC;
	text-decoration: none;
	text-shadow: 1px 1px 1px #fff;
	border-bottom: solid 2px #CBDAE2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	-webkit-transition-property: color, border-color;
	-webkit-transition-duration: .2s;
}
#header ul li a:hover, #header .selected
{
	color: #467086;
	border-color: #A4BFCC;
}

.feed 
{
	background: url('../images/feed.png') no-repeat left 6px;
	padding-left: 16px !important;	
}

.copyright .feed { background-position: center left; padding-left: 14px !important;}

/* main content */
#content-container
{
	background: #fff;	
	font-size: 1.4em;
}

#content-container 
{
	padding-bottom: 2.5em;	
}

#content { background-color: #fff; }
#sidebar { background-color: #fff; }

#content img { margin: 5px 10px; }

#footer
{
	background-position: center bottom;
	border-top: 1px solid #E9E9E9;
	font-size: 1.4em;
	padding: 1.5em 0 5em;
	background: #fff url('../images/footer-bg.png') repeat-x center bottom;
}

#footer ul { margin: .5em 1em 0 0; }
#footer ul li  
{
	list-style-type: none;
	margin: 0;
	padding: .3em;
	border-bottom: 1px solid #EBEBEB;
}
#footer li a { border-bottom: none; }

.footer-box
{
	border-right: 1px solid #EBEBEB;
	padding: .2em 1.2em .2em .5em;
	margin-right: 0.4em;
}

.no-border 
{
	margin-right: 0;
	padding-right: 0;
	border-right-style: none;
}

.copyright
{
	padding-top: 2em;
	text-align: center;
	color: #C0C0C0;
	font-size: 85%;
}

.copyright a
{
	color: #666666 !important;
	text-decoration: underline !important;
	border-bottom: none !important;
}

.copyright a:hover
{
	color: #000000 !important;
}

/* blog post layout */

.entry h2
{
	margin-bottom: 5px;
}
.entry .content 
{
	line-height: 1.6em;	
}
.entry .meta
{
	color: #808080;
	font-size: 0.8em;
	margin-bottom: 10px;
	font-weight: bold;
}
.entry .meta a
{
	color: #666666;
	text-decoration: none;
	border-bottom: solid 1px #C0C0C0;
}
.entry .meta a:hover
{
	color: #333333;
}
.entry .comment-link
{
	border-width: 0px !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #5AA0DA;
	color: #fff !important;
	padding: 3px 5px;
	margin-left: 5px;
	text-decoration: none;
}
.entry .comment-link:hover
{
	background-color: #4A98D7;
}

.entry-small
{
	border-bottom: none;
	margin-top: 1em;
	margin-bottom: 5px;
	font-size: 130%;
}

.comment
{
	border-top: 1px solid #E8E8E8;
	margin-top: 10px;
	padding: 5px 0 10px 0;
	background: url('../images/member-bg.png') repeat-x;
	word-wrap: break-word;
}

.comment .info
{
	color: #999;
	font-size: 90%;
	margin: 5px 0;
	padding-left: 10px;
}

.comment .info span a, .comment .info span
{
	color: #333333;
}

.comment img
{
	 border: 4px solid #EEE;
	 float: left;
}
.comment:target
{
	background-image: none;
	background-color: #F2F9FF;
}

.admin
{
	border-top: 1px solid  #DDDDDD;
	background: url('../images/admin-bg.png') repeat-x;
}

.link-icon 
{
	background: url('../images/link.png') no-repeat left center;
	padding-left: 18px;
}

.link
{
	color: #808080;
	font-size: 90%;
}

.related-posts p{ margin-bottom: .5em; }

/* sidebar */

#tag-cloud a
{
	margin-right: .4em;
		
}

.tag-weight-1 { font-size: 1.3em; }
.tag-weight-2 { font-size: 1.1em; }
.tag-weight-3 { font-size: 0.9em; }
.tag-weight-4 { font-size: 0.8em; }
.tag-weight-5 { font-size: 0.6em; }

.info-box
{
	border: 4px solid #E9E9E9;
	padding: 1em .5em;
	margin: 1em 0;
	width: 90%;
}

/* searchbar */

.search 
{
	width: 100%;
}

/* typography & base */

h2
{
	text-shadow: 1px 1px 1px #ccc;
	color: #595959;
	margin-bottom: 15px;
}
h2 a, h3 a
{
	color: #308EA9;
	text-decoration: none;
	border-bottom: solid 2px #E6E6E6;
}
h2 a:hover, h3 a:hover
{
	color: #257085;
	border-bottom: solid 2px #D7D7D7;
}
h3, h4, h5, h6
{
	color: #595959;
	padding-bottom: 0px;
	margin-bottom: .4em;
	border-bottom: solid 2px #F5F5F5;
}
h3 
{
	font-size: 140%;
}
h4 
{
	font-size: 130%;		
}

#content h3 { font-size: 120%; }
#content h4 { font-size: 110%; }
#content h5 { font-size: 100%; }
#sidebar h4 { font-weight: normal; }

p
{
	font-family: "trebuchet MS", 'Lucida Sans Unicode', Tahoma, Arial, Sans-Serif;
	color: #3F3F3F;
	line-height: 1.5em;
	
}
p a, table a, .linkable a, .content a
{
	color: #4293D4;
	text-decoration: none;
	border-bottom: 1px solid #B5C8D5;
	font-size: 0.9em;
}

p a:hover, table a:hover, .linkable a:hover, .content a:hover { color: #256BA5; }

p a + img 
{
	
	border-bottom-style: none;
}

blockquote {
	font-style: italic;
	margin: 0.5em 2em;
	border-left: 2px solid #ccc;
	padding: 0.2em 1em;
}

table { width:100%; border-collapse:collapse; }

table caption { text-align: left; font-size: 90%; color: #999; margin-bottom: 5px; }

table tr th { background-color: #eee; font-size: 90%; }

table tr th, table tr td
{
	text-align: left;
	padding: 5px;
	border-bottom: solid 1px #eee;
}

table tbody tr th
{
	text-align: left;
	background-color: #eee;
	padding: 5px;
}

fieldset
{
	border: 1px solid #EAEAEA;
	padding: .5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

select 
{
	padding: 3px;	
	border-radius: 4px;
	border: 1px solid #ddd;
}

input[type=text], textarea
{
	padding: 5px !important;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff url('../images/input-bg.png') repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
}

input[type=submit], button, .button
{
	background: url('../images/button-bg.png') repeat-x center top;
	padding: 4px 10px;
	border: 1px solid #E5E5E5;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	font-size: 95%;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.button
{
	padding: 5px 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a.button:hover 
{
	color: #333333;
}

input[type=submit]::-moz-focus-inner, button::-moz-focus-inner { border: 0; }

input[type=submit]:active, button:active, .button:active	
{
	background-position: center bottom;
}

input[type=submit]:disabled, button:disabled, 
input[type=submit]:disabled:active, button:disabled:active
{
	background: url('../images/button-bg.png') repeat-x center top;
	color: #999999;
	text-shadow: 1px 1px 1px #fff;
}

.project-image 
{
	border-bottom-style: none !important;
}

.project-image img
{
	margin: 0 !important;
}

.breadcrumb
{
	color: Gray;
	margin-bottom: 1em;
	font-size: 90%;
}

dl { margin: 1em; }
dl dt { font-style: italic; font-weight: bold; }
dl dd { margin-left: 1em; margin-bottom: 5px; }

abbr { border-bottom: 1px dotted #ccc; cursor: help; }
ins { color: #FF3737; font-style: italic; }
del { text-decoration: line-through; }
big { font-size: 120%; }
small, .small { font-size: 80%; }
code
{
	padding: 2px;
	font-size: 110%;
	color: #808080;
}
sup, sub { font-size: 80%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
var { font-family: consolas, "Courier New" , courier, monospace; font-style: normal; } 
.bold {font-weight: bold;}

.note 
{
	display: block;
	background: #FFFFDF url('../images/information.png') no-repeat 14px center;
	padding: .5em 40px;
	
}
.success { color: #008000; }
.error  
{
	background: url('../images/error.png') no-repeat 7px center;
	padding: .5em 30px;
	color: #FF0000; 
}
.required { color: #FF0000; }
.highlight
{
	background-color: #FFFFDF;
	padding: 2px;
}
.download 
{
	background: url('../images/package.png') no-repeat 14px center;
	padding: .5em 10px .5em 35px;
	text-decoration: underline !important;
	border: none !important;
}
.disabled 
{
	color: #999999;
	text-shadow: 1px 1px 1px #fff;
}
input.shortlink {
	border: 1px solid #eee;
	padding:2px !important;
	background: none !important;
	width:125px;
	color: Gray;
	text-align: center;
}
.top-space { margin-top: 1em; }
.half-top-space { margin-top: .5em; }
.bottom-space { margin-bottom: 1em; }
.zero-bottom { margin-bottom: 0; }
.no-margin { margin: 0 !important; }
.align-right { text-align: right; }
.full-width { width: 100%; }
.hide { display:none; }
.fright { float: right; }
.text-center
{
	text-align:center;
	margin-top: 1em;
}

.input-validation-error
{
	border: 2px solid #FF7553 !important;
}


.wlWriterEditableSmartContent 
{
	padding: 0;
	margin: 0; 
	display: inline; 
	float: none; 
}

/* Syntax Highlightning */
.code-block, pre
{
	margin: 1em 0;
	border: 1px solid #E9EBEF;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: small;
	color: #333333;
	font-family: consolas, "Courier New" , courier, monospace;
	background-color: #F9FAFB;
}
.aaa{color:#a31515;}
.aab{color:#ff0000;}
.key{color:#0000ff;} /* Keywords */
.aad{color:#008000;}
.aae{color:#2b91af;}
.xcmt{color:#808080;} /* XML comment*/
.aaf{background-color:#ffee62;}

.gravatar 
{
	float: right;
	margin-left: .3em;
	border:5px solid #f2f2f2       
}

#loading
{
	background: url('../images/ajax-loader.gif') no-repeat center top;
	width: 200px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
	color: #999999;
	font-style: italic;
	font-size: 0.9em;
}

/*.debug, .debug > * {
	background: #fff url(../images/24_col.gif) repeat 15px !important;
}*/

.tweet 
{
	padding-bottom: .5em;
	margin: .5em 0;
	border-bottom: 1px solid #eee;	
	font-size: 85%;
}

.tweet .disabled a { color: inherit; border: 0; }
.tweet .disabled a:hover { text-decoration: underline; }
.follow-twitter {margin-top: -46px;float:right; height: 46px; width: 98px; }