/* The body font size, text color, background color and background image. */
body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	background-image:url(http://myedublog.com/images/body_bg/orange_gradient.png);
	background-repeat: repeat-x;
}

table {
	font-size: 12px;
}


/* The right column menu background color and the border color. */
div#all {
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color: #1528c7;
	border: 1px solid #1528c7;
}

.space {
        margin-top:20px;
}

/* The image placement for the heading logo or image. */
#inner {
        background-image:url(../../../form/files/file_43_02290306092009.gif);
        background-repeat:no-repeat;
        height: 80px;

}

/* The header background image, the text color and the border color. */
#myhead {
        background-image:url(http://myedublog.com/images/title_bg/blue.png);
        background-repeat:repeat-x;
        background-color: #ffffff;
        border:1px solid #e56717;
        color: #ffffff;

}

/* The header background image and the border color. */
#myhead h1 {
        font-size:33px;
        padding:15px;
        color: #ffffff;
        padding-left: 200px;
}

/* The header mouser over link color. */
#myhead a {
        color: #e56717;
        text-decoration: none;
}

/* The text highlight and the text highlight background colors using the mouse. */
*::-moz-selection {
	background-color: #736f6e;
	color: #ffffff;
}

/* The sub footer border color. */
div#foot, div#foot2 {
        padding: 10px 0px 10px 0px;
        border-top: 1px solid #1528c7;
}

/* The right menu and sub footer text color and the font size. */
#menu, #foot, #foot2 {
	color: #ffffff;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 13px;
}

/* The right menu and sub footer active link text color. */
#menu a, #foot a, #foot2 a {
	display: block;
	color: #e56717;
	text-transform: capitalize;
	padding-left: 5px;
	text-decoration: none;
}

/* The right menu and sub footer hover link text color. */
#menu a:hover, #foot a:hover, #foot2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.ptext, .ptitle {
       width: 400px;
}

/* The input title field border color, the input text field border color and their focus border color. */
input.ptitle { font-size:1.5em; padding: 4px 5px 4px 5px; border:1px solid #1528c7;}
input.ptitle:focus, input.ptext:focus { border:1px solid #e56717; }
input.ptext  { height: 22px; padding: 4px 5px 0px 5px; border:1px solid #1528c7; }

/* The main content area background color. */
div#content {
        background-color: #ffffff;
}

#topbar h3, #menu h3, #foot h3, #foot2 h3 {
        margin-top:10px;
        padding-top:10px;
        color: #ffffff;
}

/* The right menu line color. */
.last {
        padding-bottom:10px;
        border-bottom:1px solid #e56717;
}

div#topbar {
	padding-left: 10px;
}

input.s {
	border:1px solid #gold;
	width: 135px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}

input.s2 {
	border:1px solid #gold;
	width: 160px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
	margin-left:15px;
}

input.s:focus { border:1px solid black; }

/* The submit button background color, the text color and the border color. They should be the same as the Admin Tabs. */
input.submit {
	background: #1528c7;
	color: #ffffff;
	width: 67px;
	height: 26px;
	font: bold 12px Arial, Helvetica, sans-serif;
	border:1px solid #e56717;
	vertical-align: middle;
}

.adminPage .submit {
       width: 200px;
}

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.hide {left:-9999;}


/* The admin submit button background color, the text color and the border color. They should be the same as the Submit Buttons. */
a.adminTabs {
	background: #1528c7;
	color: #ffffff;
	padding:5px 8px;
	width:60px;
	text-decoration:none;
	font: bold 12px Arial, Helvetica, sans-serif;
	border:1px solid #e56717;
}

div#content {
    padding:15px;
	min-height: 600px;
}

/* The main content area post title color for the post. */
#content .postTitle {
        color: #1528c7;
}

/* The main content area post title mouse over color for the post. */
#content .postTitle:hover {
        color: #e56717;
        text-decoration:none;
}

/* The main content area line color below the post title. */
#content h2 {
	border-bottom: 1px solid #1528c7;
	margin-bottom: 5px;
	padding: 0px;
	letter-spacing: 1px;
}

/* The main content area active link text color. */
#content a {
	color: #1528c7;
	text-decoration: none;
}

/* The main content area mouse over link text color. */
#content a:hover {
	color: #e56717;
	text-decoration: underline;
}

#content td {
	padding: 5px 10px;
	text-decoration: none;
}

/* The main content area border color around the images. */
#content img {
        border:1px solid #;
}

/* The footer text color, the border color and the background image color. */
div#footer {
	clear: both;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	padding: 15px;
	letter-spacing: 2px;
	border:1px solid #e56717;
	background-color: #e56717;
}

/* The footer active link text color. */
#footer a {
	color: #ffffff;
	text-decoration: underline;
}

.quote {
	border: 1px solid silver;
	padding: 2px;
	margin: 2px;
}

/* The tag cloud background color and the border color. */
.tagcloud {
        font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;
        line-height:2.4em;
        word-spacing:normal;
        letter-spacing:normal;
        text-decoration:none;
        text-transform:none;
        background-color: #ffffff;
        margin:1em 1em 1em 1em;
        border:2px dotted #e56717;
        padding:0.5em 2em;
}
/* The tag cloud active link text color. */
ul.tagcloud a {color: #1528c7;}
ul.tagcloud a:link {text-decoration:none}
ul.tagcloud a:visited {text-decoration:none}
/* The tag cloud mouse over background color and the text color. */
ul.tagcloud a:hover {text-decoration:none;color: #ffffff;background-color: #e56717;}
/* The tag cloud mouse over active link click background color and the text color. */
ul.tagcloud a:active{text-decoration:none;color: #ffffff;background-color: #e56717;}
ul.tagcloud {
	list-style-type: none;
	line-height: 2em;
}
ul.tagcloud li {
	display: inline;
	line-height: 3em;
}
ul.tagcloud li:after {
	content: ",";
	font-size: 0.72em;
}
ul.tagcloud li:last-child:after {
	content: "";
}
ul.tagcloud .count {
	font-size: 0.72em;
	line-height: 1.5em;
	color: #888;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

/* The login validation success text color. */
.LV_valid {
    color: #00CC00;
}

/* The login validation failure text color. */
.LV_invalid {
    color: #ff0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
}

/* CSS for the semi transparent popup */

.highslide-html-content {
	background-color: white;
}

.highslide-dimming {
	background: black;
}

/* My blog image. */
#myimage {
        background-color: #ffffff;
        margin:1em 1em 1em 1em;
        border:2px dotted #e56717;
        background-image:url(../../../form/files/charles_avatar.png);
        background-repeat:no-repeat;
        width: 70px;
        height: 70px;
        margin-top:10px;
}