/*
	PROJECT: 	Vinh Khoa (vinhkhoa.com)
	FILE:		Core CSS
	FUNCTION: 	The main stylesheet for the website
*/

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	background: url(../images/body_bg.png) #536b80;
	padding: 0;
	margin: 0;
}


/* ================================================================================================================= */
/* ===================================================== GENERAL ===================================================== */

h1, #articlelist h2
{
	font-size: 2.2em;
	font-family: Georgia, Helvetica, "Times New Roman", Times, serif;
	margin: 0;
	padding: 2px;
	line-height: 1.3em;
	position: relative;
	/*background: #728faa;
	border: 1px solid #172432;*/
	/*-moz-box-shadow: 1px 1px 1px #2A4055;
	-webkit-box-shadow: 1px 1px 1px #2A4055;
	box-shadow: 1px 1px 1px #2A4055;*/
}

#articlelist h2
{
	border-top: 1px solid #DFDFDF;
}
#articlelist .first h2
{
	border-top: none;
}
h1, #articlelist h2,
.article_heading span a:link, .article_heading span a:visited, 
.article_heading span a:hover, .article_heading span a:active
{
	color: #556E83;
	text-decoration: none;
}

* html h1 {margin-top: 0.8em;}
h2
{
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin: 0.5em 0;
}
h3 {font-size: 1.6em; margin-top: 2em; color: #000;}
li h3 {font-size: 1.2em;}
li h2 {font-size: 1.75em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
p, li, td, .unixCommand, .stepVerification, .textExcerpt, blockquote,
.note, .graphicCredits, .incftrigger {font-size: 1.4em; line-height: 1.5em;}
th {font-size: 1.5em;}
div.error, div.message, div.warning, div.waiting {font-size: 1.2em;}
li p, div.error li, li li, li .textExcerpt {font-size: 1em;}
#articlelist li {font-size: 1em;}
#articlelist li p, #articlelist li li {font-size: 1.4em;}
blockquote
{
	font-style: italic;
	background: url(../images/quote_open.png) left top no-repeat;
	margin: 2em;
}
blockquote span
{
	display: block;
	background: url(../images/quote_close.png) right bottom no-repeat;
	padding: 10px 50px;
}

legend
{
	font-size: 1.5em;
	color: #00B2D9;
}
fieldset
{
	padding: 3em 0 1em 2em;
	margin-bottom: 3em;
}
* html fieldset
{
	padding-top: 0;
}
* html legend
{
	margin-bottom: 2em;
}

a:link {color: #00759F;}
a:visited {color: #5F000D;}
a:hover, a:active {color: #9F0019; text-decoration: none;}
a.externalLink:link, a.externalLink:visited, 
a.externalLink:hover, a.externalLink:active
{
	padding-right: 23px;
	background-position: right -1px;
	background-repeat: no-repeat;
}
a.externalLink:link { background-image: url(../images/externalLink.gif);}
a.externalLink:visited { background-image: url(../images/externalLink_visited.gif);}
a.externalLink:hover, a.externalLink:active { background-image: url(../images/externalLink_hover.gif);}

a.externalLink_tiny:link, a.externalLink_tiny:visited, 
a.externalLink_tiny:hover, a.externalLink_tiny:active
{
	padding-right: 19px;
	background-position: right -1px;
	background-repeat: no-repeat;
}
a.externalLink_tiny:link, a.externalLink_tiny:visited,
a.externalLink_tiny:hover, a.externalLink_tiny:active { background-image: url(../images/externalLink.tiny.gif);}

a:link img, a:visited img, a:hover img, a:active img,
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	display: block;
	border: none;
	text-decoration: none;
	color: #fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline;}


/* ===================================================== ERROR / SUCCESS / INFO / etc. MESSAGES ===================================================== */

/* Messages: error messages, success messages, etc. */
.error, .message, .warning, .waiting
{
	font-weight: bold;
	padding: 1em;
}
div.error, div.message, div.warning, div.waiting
{
	margin-bottom: 1em;
}

/* error */
.error
{
	color: #FF0000;
}
div.error
{
	border: 1px solid #FF3300;
	background: #FFCACA;
}

form span.error
{
	font-size: 2em;
}

.topError
{
	color: Red;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #FF3300;
	background: #FFDFDF;
	display: block;
}


/* message */
.message
{
	color: #009900;
}
div.message
{
	border: 1px solid #00CC00;
	background: #B5FCA0;
}

/* Warning */
.warning
{
	color: #FF6600;
}
div.warning
{
	border: 1px solid #FF972F;
	background: #FFFF9F;
}


/* ===================================================== FORM ===================================================== */

/* Form */
form
{
	margin-top: 3em;
}

/* Label */
label, div.label
{
	font-size: 1.2em;
	display: block;
	float: left;
	text-align: left;
	width: 7.5em;
	margin: 0.5em 1em 0em 0;
	position: relative;
	bottom: 0.5em;
	clear: left;
}
div.label
{
	height: 1em;
}
label.inline, label.inline_top
{
	display: inline;
	float: none;
	clear: none;
	bottom: 0;
}
label.inline_top
{
	bottom: 0.5em;
	margin-left: 0.5em;
}
label.inline
{	
	clear: none;
	font-weight: normal;
	margin-right: 1em;
	width: 8em;
}
label.row, label.row_indent
{
	clear: both;
	display: block;
	width: auto;
	float: none;
	font-weight: normal;
	margin-right: 1em;
	margin-bottom: 0.2em;
	margin-top: 1em;
}
label.row_indent
{
	margin-left: 8.5em;
}
label.normal, span.text label
{
	font-size: 1em;
	display: inline;
	float: none;
	text-align: left;
	width: auto;
	margin: auto;
	position: relative;
	bottom: 0;
	clear: none;
}
label.error
{
	margin-left: 8.5em;
	margin-bottom: 1em;
	padding: 0;
	float: none; 
	width: auto;
	text-align: left;
}
* html label.inline
{
	bottom: 0.7em;
}
label.expandable
{
	width: auto;
}
label.required
{
	font-weight: bold;
}
div.row
{
	overflow: auto;
	margin-bottom: 0.5em;
}
/* group checkbox and radio buttons together */
div.selectionGroup
{
	margin-left: 8.5em;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 2em;
}
div.selectionGroup label
{
	margin-right: 1em;
}

/* text field and textarea */
input.text, input.big_text, input.small_text, select, div.staticvalue,
textarea.text, textarea.big_text, textarea.mid_text, span.text
{
	font-size: 1.5em;
	padding: 0.4em;
	margin-bottom: 0.3em;
	border: 1px solid #CCCCCC;
	background: #fff;
	width: 15em;
	display: block;
	margin-left: 7em;
}
span.text
{
	border: none;
	background: none;
	width: auto;
}
select
{
	width: auto;
}
div.staticvalue
{
	border: 1px solid white;
	padding: 0;
	height: 1.08em;
	width: 20em;
	margin: 0 auto 0.5em 6em;
}
input.small_text
{
	width: 3em;
}
input.radio
{
	margin-bottom: 1em;
}
.form_notes
{
	font-size: 1.2em;
	margin: 0 auto 2em 8.4em;
}
.form_notes_above
{
	font-size: 1.2em;
	margin: 1em auto 0.5em 8.75em;
}

textarea.text, textarea.big_text, textarea.mid_text
{
	font-size: 1.6em;
	margin-left: 6.56em;
}
textarea.text
{
	width: 25em;
	height: 10em;
}

input.big_text, textarea.big_text, textarea.mid_text
{
	width: 75%;
}
textarea.big_text { height: 20em; }
textarea.mid_text { height: 10em; }

input.text:focus, textarea.text:focus, textarea.big_text:focus, textarea.mid_text:focus
{
	border: 1px solid #686667;
}

input.error, select.error, textarea.error, input.error:focus, textarea.error:focus
{
	border: 1px solid red;
	color: #000;
	font-weight: normal;
}

input.button, input.subbutton
{
	font-size: 1.6em;
	font-weight: bold;
	padding: 0.2em 0.6em;
}
input.subbutton
{
	font-weight: normal;
}
td input.button
{
	font-size: 1.4em;
}

img#captcha_img
{
	display: block;
	border: 1px solid red;
	margin-bottom: 1em;
	margin-left: 8.5em;
}

.expandLink
{
	margin-left: 10em;
	width: 75%;
	text-align: right;
}

.defaultButton
{
	font-size: 2em;
	margin-left: 0.5em;
}

/* ===================================================== TABLE ===================================================== */

table
{
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
}
th
{
	color: #00B2D9;
	border: 1px solid #000;
	padding: 0.5em;
	vertical-align: top;
}
td
{
	border: 1px solid #000;
	padding: 0.5em;
	vertical-align: top;
}
td.minimized
{
	width: 1%;
	white-space: nowrap;
}
table table
{
	border: none;
	width: auto;
}
table table td
{
	border: none;
	width: auto;
}

/* ===================================================== SIZE ===================================================== */
#banner, #content_container, #sidebar_holder, #footer
{
	width: 95%;
	min-width: 800px;
	max-width: 1100px;
}

#content
{
	padding-right: 40px;
	padding-left: 40px;
}

#heading, .article_heading
{
	/*margin-left: -50px;*/
	margin-left: -40px;
	margin-right: -40px;
}

h1 span, .article_heading span
{
	display: block;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	/*background: #50677c;*/
	background: #fff;
}

.article_heading span a:hover
{
	color: #9F0019;
}

/* ================================================================================================================== */
/* ===================================================== WRAPPER ==================================================== */

#wrapper
{
	margin: 0;
}

/* ===================================================== BANNER ===================================================== */

#banner_container
{
	/*border-top: 10px solid #9F0921;*/
	background: url(../images/banner_bg.png) top left repeat-x;
}

#banner
{
	margin: 0 auto;
	overflow: auto;
	height: 65px;
	/*background: #0A3F52;*/
}

/* ================================ LOGO ================================ */

#logo
{
	display: block;
	width: 200px;
	height: 35px;
	margin: 18px 0 0 0px;
	background: url(../images/logo.png) left top no-repeat;
	text-indent: -9999px;
	color: #810015;
}


/* ===================================================== CONTENT ===================================================== */

.clear {clear: both;}
.clearCenter {clear: both; text-align: center;}


/* ===================================================== INNER CONTENT ===================================================== */

#content_container
{
	margin: 30px auto 4em auto;
	padding: 0;
	position: relative;
	overflow: visible;
	border: 1px solid #222f3d;
	background: #d6d6d6;
}

#content_top
{
	position: relative;
	height: 59px;
	border-bottom: 1px solid #222f3d;
	background: url(../images/content_top_bg.png) top left repeat-x;
}

#content_top h1
{
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 18px 0 0 30px;
	color: #fff;
}

#content_top a:link, #content_top a:visited, #content_top a:hover, #content_top a:active
{
	display: inline;
	float: right;
	margin-right: 30px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	padding-left: 28px;
}

#logoutLink:link, #logoutLink:visited, #logoutLink:hover, #logoutLink:active 
{
	background-position: -720px 0;
}
#commentsLink:link, #commentsLink:visited, #commentsLink:hover, #commentsLink:active 
{
	background-position: 0 -950px;
}

#content_top a.noicon:link, #content_top a.noicon:visited, #content_top a.noicon:hover, #content_top a.noicon:active
{
	background-image: none;
}

#content
{
	margin-right: 295px;
	background: #fff;
	padding-top: 15px;
	padding-bottom: 30px;
	border-right: 1px solid #a7a7a7;
	overflow: visible;
	color: #555;
	min-height: 70em;
}

.articleinfo 
{
	color: #A4AAAF;
	font-size: 0.9em;
	overflow: auto;
	margin-top: -45px;
	margin-bottom: 10px;
	padding-top: 35px;
	padding-bottom: 3px;
	/*background: #adbbc7;
	background: #EFEFEF;*/
}

.articleinfo a:link, .articleinfo a:visited, .articleinfo a:hover, .articleinfo a:active
{
	color: #A4AAAF;
	text-decoration: none;
	font-weight: bold;
} 
.articleinfo a:hover, .articleinfo a:active {color: #597E9F;}

#heading, .article_heading
{
	/*background: url(../images/heading_left_shadow.png) left bottom no-repeat;*/
	padding-bottom: 12px;
}

/*.articleinfo a:hover { text-decoration: underline; }*/

#onearticleinfo { float: left; }

.articleinfo p {margin: 0 0 0.5em 0; padding: 0 0 0 0;}

#content h2
{
	color: #0A3F52;
}
#content h2.sectionHeading
{
	background: url(../images/heading-border.png) top center no-repeat;
	text-align: center;
	padding: 0;
	margin: 1.5em 0;
}

#content h2.sectionHeading span
{
	display: block;
	padding: 1em 0;
	background: url(../images/heading-border.png) bottom center no-repeat;
}

/* ================================ SIDE BAR ================================ */

#sidebar_container
{
	width: 100%;
	position: absolute;
	top: 157px;
}

#sidebar_holder
{
	position: relative;
	margin: 0 auto;
}

#sidebar
{
	float: right;
	width: 276px;
	margin: 20px 10px 0;
	background: #d6d6d6;
	position: absolute;
	right: 0;
	top: 0;
	color: #555;
}

/* ============= About box ============== */
#about_container
{
	background: #9eacb9;
	padding: 5px;
	border: 1px solid #898888;
}

#about
{
	background: #e7e7e7;
	margin: 0 auto;
}

#about_content
{
	padding: 0em 15px 1em 15px;
}

#about_content strong
{
	font-size: 1.2em;
}

#about a:link, #about a:visited, #about a:hover, #about a:active
{
	color: #555;
} 

#more_about {text-align: right;}

#sidebar a:hover {text-decoration: none;}

#sidebar h2
{
	border-bottom: 1px solid #9eacb9;
	padding: 0.5em 0;
	margin: 0 15px;
}

#sidebar a.externalLink:link, #sidebar a.externalLink:visited,
#sidebar a.externalLink:hover, #sidebar a.externalLink:active
{
	color: #54929C;
	padding-right: 18px;
	background: url(../images/externalLink.tiny.sidebar.gif) right center no-repeat;
}
#sidebar a.externalLink:hover {text-decoration: none;}

/* Social contacts */
#contacts
{
	list-style-type: none;
	padding: 1em 1em 0 0;
	overflow: auto;
	border-top: 1px solid #9eacb9;
	margin: 1em 0 0 0;
}

#contacts li
{
	float: right;
}

#contacts a:link, #contacts a:visited, #contacts a:hover, #contacts a:active 
{
	float: left;
	display: block;
	height: 50px;
	width: 50px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	margin-right: 4px;
	margin-bottom: 10px;
	border-bottom: 5px solid #E7E7E7;
	padding: 0;
}

/* Icons in the about box */
#about #contacts a:link, #about #contacts a:visited, #about #contacts a:hover, #about #contacts a:active
{
	background-image: url(../images/icons.png);
	background-repeat: none;
	width: 50px;
	height: 50px;
}
#about a#twitter_btn:link, #about a#twitter_btn:visited, #about a#twitter_btn:hover, #about a#twitter_btn:active {background-position: 0 -635px;}
#about a#facebook_btn:link, #about a#facebook_btn:visited, #about a#facebook_btn:hover, #about a#facebook_btn:active {background-position: -50px -635px;}
#about a#rss_btn:link, #about a#rss_btn:visited, #about a#rss_btn:hover, #about a#rss_btn:active {background-position: -100px -635px;}

/* Icons in the social box */
#social #contacts
{
	border-top: none;
}

#social #contacts li
{
	float: none;
}

#social #contacts a:link, #social #contacts a:visited, #social #contacts a:hover, #social #contacts a:active
{
	float: none;
	width: 115px;
	height: 125px;
	margin: 0 auto 10px auto;
	background-image: url(../images/icons.png);
	background-repeat: none;
}

#social a#twitter_btn:link, #social a#twitter_btn:visited, #social a#twitter_btn:hover, #social a#twitter_btn:active {background-position: -150px -635px;}
#social a#facebook_btn:link, #social a#facebook_btn:visited, #social a#facebook_btn:hover, #social a#facebook_btn:active {background-position: -265px -635px;}

a#twitter_btn:hover, #social a#twitter_btn:hover { border-bottom: 5px solid #3AB2E0;}
a#facebook_btn:hover, #social a#facebook_btn:hover { border-bottom: 5px solid #2962C2;}
a#rss_btn:hover, #social a#rss_btn:hover { border-bottom: 5px solid #E0830F;}


/* ============= sidebar button ============== */
.sidebar_button:link, .sidebar_button:visited, 
.sidebar_button:hover, .sidebar_button:active
{
	display: block;
	margin: 0 auto;
	width: 256px;
	height: 132px;
	text-indent: -9999px;
	background: url(../images/icons.png) no-repeat;
	border: 1px solid #D6D6D6;
}

/* ============= sidebar donate button ============== */
#sidebar_donate_container
{
	margin-top: 30px;
}

#sidebar_donate_button:link, #sidebar_donate_button:visited, 
#sidebar_donate_button:hover, #sidebar_donate_button:active
{
	background-position: 0 -165px;
}
#sidebar_donate_button:hover
{
	background-position: -255px -165px;
}

/* ============= sidebar contact button ============== */
#sidebar_contact_container
{
	margin-top: 20px;
}

#sidebar_contact_button:link, #sidebar_contact_button:visited, 
#sidebar_contact_button:hover, #sidebar_contact_button:active
{
	background-position: 0 -310px;
}
#sidebar_contact_button:hover
{
	background-position: -255px -310px;
}

/* ============= Business logo ============== */
#businesslogo_container
{
	background: #AF3636;
	padding: 5px;
	border: 1px solid #812424;
	margin-top: 3em;
	display: none;
}

#businesslogo
{
	margin: 0 auto;
	padding: 1em;
	background: #FFDFDF;
}

#businesslogo p
{
	font-size: 2em;
	color: #812424;
}


/* ============= Treegr ads ============== */
#treegrads_container
{
	background: #715130;
	padding: 1px;
	margin-top: 5.5em;
}

#treegrads
{
	margin: 0 auto;
	background: #fff;
	border: 1px solid #fff;
}

#treegrads p
{
	padding: 0;
	margin: 0;
}

#treegrads p a:link, #treegrads p a:visited, #treegrads p a:hover, #treegrads p a:active 
{
	display: block;
	background: #715130;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 1em;
	text-decoration: none;
}
#treegrads p a:hover {text-decoration: underline;}

#treegrads ul
{
	padding: 0;
	margin: 0;	
}

#treegrads li
{
	list-style-type: none;
	margin: 0;
	padding: 0;	
	position: relative;
}

#treegrads li a:link, #treegrads li a:visited, #treegrads li a:hover, #treegrads li a:active
{
	display: block;
	text-decoration: none;
	padding: 1em;
	overflow: auto;
}

#treegrads li a:hover
{
	background: #edffc5;
}

#treegrads .treegrad_price
{
	display: block;
	float: left;
	width: 2em;
	padding: 5px 12px 5px 10px;
	text-align: center;
	background: #83c81c;
	color: #fff;
	font-weight: bold;
	position: absolute;
}

#treegrads .treegrad_title
{
	display: block;
	float: left;
	margin-left: 4.5em;
	color: #f17000;
	font-weight: bold;
	margin-bottom: 1em;
}

#treegrads .treegrad_suburb
{
	background: #effcd1;
	color: #83c81c;
	float: right;
	padding: 0.2em 0.8em;
}

#treegrads #treegrad_logo
{
	display: block;
	width: 265px;
	height: 90px;
	margin: -35px auto 1em auto;
	text-indent: -9999px;
	background: url(../images/icons.png) 0 -850px no-repeat;
}


/* ===================================================== FOOTER ===================================================== */

#footer_container
{
	padding-bottom: 4em;
}

#footer
{
	overflow: auto;
	margin: 0 auto;
	background: #adbbc7;
	border: 1px solid #3f5165;
	-moz-box-shadow: 0 4px 4px #06242F;
	-webkit-box-shadow: 0 4px 4px #06242F;
	box-shadow: 0 4px 4px #06242F;
}

#footer a:link, #footer a:visited {color: #000; text-decoration: underline;}
#footer a:hover, #footer a:active {color: #000; text-decoration: none;}
#footer a.externalLink:link, #footer a.externalLink:visited, #footer a.externalLink:hover, #footer a.externalLink:active {padding-right: 18px; background: url(../images/externalLink.tiny.gif) right center no-repeat;}

#footer h2
{
	margin: 1em 1em 1em 20px;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #7d8b98;
}


/* ================================== LEFT PANE: FOOTER INFO =============================== */

#footerinfo
{
	float: left;
	width: 39%;
}

#copyright
{
	margin: 7em 0 0 20px;
}


/* ================================ MY PROJECTS ================================ */
.myprojects
{
	margin-left: 20px;
	list-style-type: none;
	padding: 0;
	overflow: auto;
}

.myprojects li
{
	float: left;
}

.myprojects a:link, .myprojects a:visited, .myprojects a:hover, .myprojects a:active
{
	display: block;
	width: 82px;
	height: 140px;
	text-indent: -9999px;
	background-image: url(../images/projects.png);
	background-repeat: no-repeat;
	margin: 0 1em 0.5em 0;
}

/* Treegr */
.work_treegr:link, .work_treegr:visited { background-position: 0 0; }
.work_treegr:hover, .work_treegr:active { background-position: 0 -140px; }

/* cfTrigger*/
.work_cftrigger:link, .work_cftrigger:visited { background-position: -82px 0; }
.work_cftrigger:hover, .work_cftrigger:active {	background-position: -82px -140px; }

/* Trgr */
.work_trgr:link, .work_trgr:visited { background-position: -164px 0; }
.work_trgr:active, .work_trgr:hover { background-position: -164px -140px; }

#aboutmywork
{
	width: 340px;
	margin: 0 auto;
}


/* ================================== RIGHT PANE: CONTACT FORM =============================== */
#contactFormContainer
{
	width: 60%;
	float: right;
	border-left: 1px solid #11416a;
	background: #94a5b4 url(../images/contactform_bg.png) top left repeat-x;
}

#contactFormInnerContent
{
	padding: 1px 5% 5% 5%;
}

#contactFormContainer #contactResult
{
	margin-top: 0.5em;
}

#contactForm {	margin: 0; }
#contactForm label, #contactForm div.label { font-size: 1.5em; width: 15%; }
#contactForm textarea.text { width: 75%; }
#contactSubmitBtn
{
	background: url(../images/icons.png) -380px -635px no-repeat;
	width: 77px;
	height: 36px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
} 

#contactForm .text
{
	border: 1px solid #637a8e;
	margin: 2px;
}

#contactForm .text:focus
{
	border: 1px solid #FFB900;
}

.spamfilter
{
	display: none;
}

/* ================================ ADMIN BAR ================================ */

.adminbar
{
	padding: 1em;
	background: #5F000D;
	font-size: 1.5em;
}

.adminbar a:link, .adminbar a:visited, .adminbar a:hover, .adminbar a:active
{
	color: #fff;
	margin-right: 0.5em;
	padding: 5px 0 5px 30px;
	background-repeat: no-repeat;
	background-image: url(../images/icons.png);
}

.adminlist .adminlistLink:link, .adminlist .adminlistLink:visited,
.adminlist .adminlistLink:hover, .adminlist .adminlistLink:active,
.commentHeading .commentActionLink:link, .commentHeading .commentActionLink:visited,
.commentHeading .commentActionLink:hover, .commentHeading .commentActionLink:active
{
	padding: 4px 0 5px 25px;
	margin-left: 8px;
	background-repeat: no-repeat;
	background-image: url(../images/icons.png);
	color: #000;
	text-decoration: underline;
}
.adminlist .adminlistLink:hover, .commentHeading .commentActionLink:hover
{
	text-decoration: none;
}

.addlink { background-position: 0 0; }
.viewlink { background-position: -120px 0; }
.editlink { background-position: -240px 0; }
.deletelink, .adminlistDeleteLink { background-position: -360px 0; }
.publishlink, .approveLink { background-position: -480px 0; }
.unpublishlink, .rejectLink, .downloadFileLink { background-position: -600px 0; }


/* ================================ ARTICLE LIST ================================ */

#articlelist
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.article
{
	overflow: visible;
	margin-bottom: 5em;
}

#articlelist .last
{
	border-bottom: none;
}

a.article-readmore:link, a.article-readmore:visited, a.article-readmore:hover, a.article-readmore:active 
{
	display: block;
	float: right;
	margin: 1em 0 0.5em 0;
}
a.article-readmore:hover {text-decoration: none;}

.articleexcerpt { display: none; }
#editExcerpt {float: right;}

/* ================================ PAGINATION ================================ */
.pagination
{
	list-style-type: none;
	margin: 0 -25px;
	padding: 1.5em 25px 0.5em 25px;
	overflow: auto;
	border-top: 1px solid #a7a7a7;
}
.pagination li
{
	margin:0 0.2em 0 0;
	float: left;
	border: 4px solid #fff;
}
.pagination li.current
{
	border: 5px solid #50677c;
	font-weight: bold;
	background: #fff;
	color: #304252;
	padding: 0.4em 0.75em;
}
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active
{
	display: block;
	padding: 0.4em 0.75em;
	border: 1px solid #50677c;
	text-decoration: none;
	color: #304252;	
	background: #9eacb9;
	font-weight: bold;
}
.pagination a:hover
{
	background-color: #fff;
}
.pagination a.nextprev { font-weight:bold; }
.pagination li.nextprev { color:#666; border:1px solid #fff; color:#888; }
.pagination li a span, .pagination li.current span {display: none;}
.pagination span.nextprev
{
	display: block;
	padding: 0.5em;
	border:1px solid #ddd;
	font-weight:bold;
	color:#CCCCCC;
}

/* ================================ TAG LIST ================================ */

#taglist
{
	list-style-type: none;
	padding: 0;
}

#taglist li
{
	display: block;
	background: #0C495F;
	padding: 0.75em;
	color: #fff;
	border: 1px solid #072F3D;
	border-bottom: none;
}

#taglist li a:link, #taglist li a:visited, #taglist li a:hover, #taglist li a:active
{
	color: #fff;
	text-decoration: none;
}
#taglist li a:hover {text-decoration: underline;}


/* =========== Share on social networks =============== */
#shares
{
	overflow: hidden;
	margin-top: 3em;
	padding: 0 2em;
	background: #fff;
	border: 1px solid #222f3d;
}

#shares h2
{
	padding: 0.2em 0 0.5em 45px;
	border-bottom: 1px solid #A7A7A7;
	background: url(../images/icons.png) left -50px no-repeat;
}

#shares h2 span
{
	color: #CFCFCF;
}

#shares ul#likeActions
{
	width: 470px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

#shares #likeActions li
{
	float: left;
	height: 80px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	list-style-type: none;

}

/* Share options */
#shares .likeAction
{
	width: 60px;
	height: 65px;
	font-size: 11px;
	text-align: center;
}

#shares .likeActionTop
{
	display: block;
	height: 30px;
	text-align: center;
	font-size: 18px;
	padding-top: 15px;
	background: #EFF7FF;
	border: 1px solid #C3D1DF;
}

/* Comment */
.commentBtn:link, .commentBtn:visited, 
.commentBtn:hover, .commentBtn:active
{
	display: block;
	float: left;
	border: 1px solid #C3D1DF;
	padding: 2px 5px;
	height: 14px;
	text-decoration: none;
	color: #50677C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #EFF7FF;
	font-weight: bold;
	margin-right: 1.5em;
}

.commentBtn:hover
{
	background: #D1E0EF;
}

/* View times */
#shares #viewCount { background: #DFEFFF; }
#shares #viewLabel
{
	color: #000;
	background: #A7C3DF;
	border-color: #B5CADF;
}

/* FB Like button */
#shares #likeActions li#fblike 
{
	width: 90px;
}

/* Donate */
#shares #likeActions #donationBtn
{
	height: 65px;
	font-size: 11px;
	padding-top: 0;
	border: 1px solid #9D1F1F;
}

#shares #donationBtn a:link, #shares #donationBtn a:visited, 
#shares #donationBtn a:hover, #shares #donationBtn a:active
{
	display: block;
	height: 20px;
	padding-top: 45px;
	background: url(../images/icons.png) 8px -100px no-repeat;
	text-decoration: none;
	color: #9D1F1F;
} 
#shares #donationBtn a:hover {font-weight: bold;}

/* Top shares */
.sharesContainer
{
	/*margin-bottom: 1em;*/
	margin: 2em 0;
	overflow: auto;
}
.sharesContainer div
{
	float: right;
}
#bottomSharesContainer
{
	margin: 2em 0;
}

/* ================================ RELATED ARTICLES ================================ */
#relatedArticles
{
	margin-top: 2em;
	overflow: hidden;
	padding: 0 2em;
}

#relatedArticles h2
{
	padding: 0.5em 0;
	border-bottom: 1px solid #A7A7A7;
	padding-left: 45px;
	background: url(../images/icons.png) 0 -565px no-repeat;*/
}

#relatedArticles ul
{
	padding-left: 17px;
}

#relatedArticles li
{
	list-style-type: none;
	background: url(../images/related_arrow.png) 0 0 no-repeat;
	margin-bottom: 0.3em;
	padding-bottom: 10px;
	padding-left: 33px;
}

/* =========== Project details =============== */

#projectLink
{
	font-size: 1.5em;
	width: 250px;
	margin: 2em auto 1em auto;
}

#projectLink a:link, #projectLink a:visited, #projectLink a:hover, #projectLink a:active
{
	display: block;
	text-align: center;
	padding: 0.5em;
	margin-top: 0.5em;
	background: #0D566F;
	text-decoration: none;
	color: #fff;
}

#projectLink a:hover { text-decoration: underline; }

#projectImage
{
	padding: 10px 0;
	margin: 2em 0 2em 0;
	border: 5px solid #50677c;
}
#projectImage.worklist:hover
{
	border-color: #5F000D;
}
#projectImage span
{
	display: block;
	height: 75px;
	width: 250px;
	background-image: url(../images/projects.png);
	background-repeat: no-repeat;
}
.project_treegr {background-color: #715130;}
.project_treegr span {background-position: 0 -280px;}
.project_cftrigger {background: #0C1A02; }
.project_cftrigger span {background-position: 0 -355px;}
.project_trgr {background: #F6FFE1; }
.project_trgr span {background-position: 0 -430px;}


/* =========== Article specific styles =============== */

.unixCommand
{
	padding: 1em;
	background: #000;
	color: #ddd;
}

.stepVerification
{
	padding: 1em;
	background: #FFE04F;
	color: #000;
}

.textExcerpt
{
	padding: 1em;
	background: #fff;
	border: 1px solid #DFDFDF;
	font-family: "Courier New", Courier, monospace;
}
.partHeading
{
	font-size: 2em;
	margin-top: 2em;
	color: #000;
}

.note
{
	padding: 1em;
	background: #FFB36F;
	color: #000;
	border: 1px solid #FF912F;
}

.article_image
{
	height: 200px;
	margin-top: 10px;
	border: 1px solid #C7C7C7;
	overflow: hidden;
}

.article_image span
{
	display: block;
	height: 194px;
	margin: 3px;
	overflow: hidden;
}

.graphicCredits
{
	font-style: italic;
	color: #888;
	padding: 0.3em;
	border: 1px solid #EFEFEF;
}

/* =========== About page specific styles =============== */

.aboutinfo
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	padding: 10px 0;
}

.aboutinfo li
{
	overflow: auto;
	margin-bottom: 0.2em;
}

.aboutinfo span.k
{
	color: #b3b3b3;
	display: block;
	width: 8.5em;
	height: 1.5em;
	padding-right: 0.4em;
	text-align: right;
	float: left;
}
.aboutinfo span.v
{
	display: block;
	color: #666;
	margin-left: 9em;
}

/* Info colors */
#personalinfo, #optionaldonate { border-left: 5px solid #ca2027; }
#professionalinfo, #shoulddonate { border-left: 5px solid #3bb2d9; }
#bloginfo, #donatebenefits { border-left: 5px solid #25ba4f; }
#creditinfo, #howtodonate { border-left: 5px solid #eddd34; }
#donationlist { border-left: 5px solid #DF2986; }

/* =========== Donation page specific styles =============== */

.donationInfo
{
	padding: 5px 0 5px 15px;
}

#donationOptions
{
	margin: 20px 0 20px 20px;
	padding: 0;
}

#donationOptions li
{
	list-style-type: none;
	padding-left: 100px;
	height: 100px;
	background-repeat: no-repeat;
}

#donationOptions li#option1 { background-image: url(../images/donate_option1.png); }
#donationOptions li#option2 { background-image: url(../images/donate_option2.png); }
#donationOptions li#option3 { background-image: url(../images/donate_option3.png); }
#donationOptions li#option4 { background-image: url(../images/donate_option4.png); }

.donationForm
{
	margin: 10px 0 10px 0;
	padding: 0;
}

.donateLabel
{
	font-size: 1.2em;
	padding-left: 0.2em;
	font-weight: bold;
}

.donateButton
{
	display: block;
	width: 194px;
	height: 41px;
	text-indent: -9999px;
	background-color: #fff;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

#donateButton1 { background-position: -480px -635px; }
#donateButton2 { background-position: -480px -676px; }
#donateButton3 { background-position: -480px -717px; }
#donateButton4 { background-position: -480px -758px; }

#donation_thankyou
{
	font-size: 2em;
	background: url(../images/heart.png) left 10px no-repeat;
	padding-left: 45px;
}


/* Article content image */
.articlecontentimg:link, .articlecontentimg:visited, .articlecontentimg:hover, .articlecontentimg:active
{
	display: block;
	margin: 2em auto;
	max-width: 90%;
	padding: 2px;
}
.articlecontentimg:link img, .articlecontentimg:visited img, .articlecontentimg:hover img, .articlecontentimg:active img
{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	padding: 5px;
	border: 1px solid #D6D6D6;
}
.articlecontentimg:hover img
{
	border-color: #1A708F;
}

/* Article content video */
.articlecontentvideo
{
	width: 570px;
	margin: 2em auto;
}


/* In cfTrigger */
.incftrigger
{
	background: #0C1A02 url(../images/cftrigger_logo_icon.png) 10px center no-repeat;
	border: 1px solid #91D062;
	color: #fff;
	padding: 10px 5px 5px 35px;
	height: 30px;
}
.incftrigger a:link, .incftrigger a:visited, .incftrigger a:hover, .incftrigger a:active
{
	color: #fff;
} 

#downloadCode
{
	display: block;
	width: 183px;
	height: 45px;
	text-indent: -9999px;
	background: url(../images/icons.png) -266px -850px no-repeat;
	margin: 1em auto;
}

.exampleTable, .exampleTable th, .exampleTable td
{
	border: none; 1px solid #DFDFDF;
}

.exampleTable th
{
	color: #000;
	text-align: left;
}

/* Article comments */
#commentContainer
{
	margin-top: 4em;
}

.adminlist, #commentList
{
	margin: 2em 0 0 0;
	padding: 0;
}

.adminlist li, #commentList li
{
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	list-style: none;
	border-bottom: 1px solid #E9E9E9;
}

.headingname
{
	font-weight: bold;
	font-size: 1.5em;
	color: #000;
}

.commentHeading a:link, .commentHeading a:visited, .commentHeading a:hover, .commentHeading a:active
{
	text-decoration: none;
	color: #852B2C;
}

.commentHeading a:hover
{
	text-decoration: underline;
}

#commentForm
{
	padding: 1em 2em;
	background: #E9E9E9;
	border: 1px solid #BFBFBF;
}

.awaitingComment
{
	color: red;
	margin-left: 1em;
}

#commentForm h2
{
	margin-bottom: 1em;
	border-bottom: 1px solid #0A3F52;
	padding-bottom: 0.2em;
}

.gravatarContainer
{
	float: left;
	width: 90px;
}

.commentContent, .messageContent
{
	margin-left: 95px;
}

.commentReply
{
	margin-top: 1em;
	text-align: right;
}

.commentReply a:link, .commentReply a:visited, .commentReply a:hover, .commentReply a:active
{
	color: #CECECE;
	text-decoration: none;
}

.commentReply a:hover
{
	color: #0A3F52;
	text-decoration: underline;
}

.spamitem
{
	background: #FFD9DA;
}

.spamvalue
{
	color: #f00;
	font-weight: bold;
}

.feedLink_tiny
{
	padding-right: 20px;
	background: url(../images/feed_tiny.png) top right no-repeat;
}
#replyToContainer
{
	display: none;
}
#removeReplyTo:link img, #removeReplyTo:visited img,
#removeReplyTo:hover img, #removeReplyTo:active img
{
	margin-left: 3px;
	display: inline;
}
.replyToReference, .replyToReference a:link, .replyToReference a:visited,
.replyToReference a:hover, .replyToReference a:active
{
	color: #666666;
	font-size: 0.8em;
}

/* Admin bar */
#adminbar
{
	margin-bottom: 2em;
}

#adminbar a:link, #adminbar a:visited, #adminbar a:hover, #adminbar a:active
{
	text-decoration: none;
	color: #0A3F52;
}

#adminbar a:hover
{
	text-decoration: underline;
}

#adminbar span
{
	font-weight: bold;
}