/*
Theme Name: WLScripting
Theme URI: http://www.wlscripting.com
Description: The default theme for WLScripting.com
Version: .1
Author: Daniel Kassner
Author URI: http://www.wlscripting.com

	WLSCripting v0.1
	 http://www.wlscripting.com

	This theme was designed and built by Daniel Kassner

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/
body {
  background: #e8e8e8;
  font-family:verdana;
  font-size:10pt;
}

a {
  color: #27a06b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.social_bookmark a img {
  border: 1px solid #ffffff;
}

.social_bookmark a img:hover {
  border: 1px solid #000000; 
}

#container {
  margin: auto;
	width: 780px;
	background: #FFF url(images/bg.gif) repeat-y;
}

#head {
  width: 780px;
}

#head #halfAd {
  margin-top: 19px;
  float: right;
  background: #3f4045;
  margin-right: 22px;
  background: url(images/adBackground.gif) 0 100% no-repeat;
  height: 64px;
  width: 256px;
}

#head #halfAd .center {
  margin-top: 2px;
  margin-left: 11px;
}

#head .top_bar {
  height: 24px;
  width: 780px;
  background: #3f4045;
}

#head .tlcorner {
  background: url(images/tlcorner.gif) 0 100% no-repeat;
  height: 24px;
  width: 6px;
  display: inline;
  float: left;
}

#head .trcorner {
  background: url(images/trcorner.gif) 0 100% no-repeat;
  height: 24px;
  width: 6px;
  display: inline;
  float: right;
}

#head .greenbg {
  background: #27a06b url(images/greenbg.gif) repeat-x;
  height: 100px;
  width: 778px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

#head .logo {
  position: absolute;
  margin-top: 23px;
  margin-left: 32px;
}

#sidebar {
	float: left;
	width: 178px;
}

#sidebar .grayBar {
  margin-left: 1px;
  background: url(images/grayBar.gif) repeat-x;
  height: 19px;
  width: 178px;
  font-weight: bold;
  text-align: center;
}


#sidebar ul {
  margin: 0px;
  padding: 0 0 0 10px;
}

#sidebar li {
  list-style: none;
}

#sidebar a {
	color: #000;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #27a06b;
}

#content {
  vertical-align: top;
	margin: 0px 0px 0px 180px;
	padding: 0;
}

#content .blackBar {
  height: 19px;
  width: 600px;
  background: url(images/blackBar.gif) repeat-x;
}

#foot {
  clear: both;
  width: 780px;
}

#foot .bottom_bar {
  height: 24px;
  width: 780px;
  background: #3f4045;
}

#foot .blcorner {
  background: url(images/blcorner.gif) 0 100% no-repeat;
  height: 24px;
  width: 6px;
  display: inline;
  float: left;
}

#foot .brcorner {
  background: url(images/brcorner.gif) 0 100% no-repeat;
  height: 24px;
  width: 6px;
  display: inline;
  float: right;
}

#footer {
  margin: auto;
	width: 780px;
	text-align: center;
}

#main {
  margin: 10px;
}

#main .pageTitle {
  font-weight: bold;
  font-size: 14pt;
  color: #3f4045;
  margin-bottom: 10px;
}

.tutorial {
  float: left;
  padding: 4px;
  background: #e7e7e7;
  margin-bottom: 20px;
  width: 565px;
}

.tutorialTitle {
  font-weight: bold;
  color: #27a06b;
}

.icon IMG {
  background: #fff;
  padding: 4px;
  border: 0;
}

.icon {
  float: left;
}

.description {
  width: 485px;
  float: right;
}

.smalltext {
  font-size: 8pt;
}

.author {
  color: #27a06b;
}

/* Notable CSS*/
.wp-notable {
        border-bottom: 2px solid #fff;
        padding-left:3px;
        padding-right: 3px;
        padding-bottom: 2px;
}

.wp-notable img {
        border: none;
}

.wp-notable:hover {
        border-bottom: 2px solid #27a06b;
}

/********************************************************************************
 * CodeHighlight Classes
 *******************************************************************************/
.hl-surround {
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 560px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span { font: normal 9pt 'Courier New', monospace;}

.hl-default     { color: Black; }
.hl-code        { color: Gray; }
.hl-brackets    { color: Olive; }
.hl-comment     { color: #ffa500; } /* Orange */
.hl-quotes      { color: #8b0000; } /* Dark red */
.hl-string      { color: Red; }
.hl-identifier  { color: Blue; }
.hl-builtin     { color: Teal; }
.hl-reserved    { color: Green; }
.hl-inlinedoc   { color: Blue; }
.hl-var         { color: #00008b; } /* Dark blue */
.hl-url         { color: Blue; }
.hl-special     { color: Navy; }
.hl-number      { color: Maroon; }
.hl-inlinetags  { color: Blue; }
.hl-main        { background-color: transparent; }

.hl-main pre { margin: 0; padding: 0; }

/* Comment Section*/
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.commentauthor {
	background-color: #a9dec7;
	border-top: 1px solid #27a06b;
	border-bottom: 1px solid #27a06b;
}

.commentauthor a {
  color: #000;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}