@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: #FF0000 url(../img/rising_sun.gif) scroll no-repeat top left;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
}

blockquote:before, blockquote:after,
q:before, q:after {
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
	border-collapse: collapse;
}
img {border: none;}
.clear {clear:both;}

/* General styles */
#container {}
#wrap {width: 969px; margin: 29px 0px 0px 6px; text-align:center;}

.SuccessDiv {background-color:#D4FFD4; border: solid 1px #00FF00;padding:25px;color:#39734C;}
.ErrorDiv {background-color:#FDA8A8; border: solid 1px #FF0000;margin-top:5px;margin-bottom:5px;padding:25px;color:#000000;}
.ThrobberDiv {background-image: url(../img/throbber_bar.gif);width:220px;height:19px;margin-top:20px;}


/* header styles */
.header {background: #b3b3b3; text-align: left;}
.header .header_motto {padding-left: 20px; font-size: 1.2em; color: #464646;}
.content {background: #b3b3b3; float: left; text-align: left;}

/* main body styles */
.main {background: #b3b3b3; float: left; width: 679px; padding: 20px;}
.main h1 {color: #ffffff; font-size: 3em; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;}
.main h2 {color: #ffffff; font-size: 2.5em; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;}




/* blog post styles */
.main .blog_post { width:100%; display:block; margin-bottom:30px;}
.main .blog_post .social {float:right;width:220px;}
.main .blog_post .AddThisButton {float:right;}

.main .blog_post a {color: White; text-decoration:none; }
.main .blog_post a:hover {color: White; text-decoration:underline; }
.main .post_date {background: transparent url(../img/blog_date.gif) scroll no-repeat top left; color: #ffffff; text-align: center; width: 41px; height: 74px; float:left; padding-top: 3px;}
.main .post_date .day {font-size: 2.4em;}
.main .post_date .month {font-size: 1.4em;}
.main .post_date .year {font-size: 1.2em;}
.main .post_title {color: #4d4d4d; font-size: 1.8em; padding-bottom: 8px; padding-left: 15px; float:left; width: 620px;color:White;}

.main .post_content a {font-weight:bold;}

.main .post_content ol li{list-style-type: decimal;}
.main .post_content ol { padding-left: 25px;}
.main .post_content ul li{list-style-type:square;}
.main .post_content ul { padding-left: 25px;}

.main .post_content img { padding-left: 5px;}

.main .post_content blockquote {background:#F5F5F5 url(../Img/blockquoteBG.gif) no-repeat scroll 15px 10px;border:1px solid #CCCCCC;padding:25px 20px 20px 50px;margin-top:15px;margin-bottom:15px;}

.main .post_content .blogextrainfo {width:100%;}
.main .post_content .blogextrainfo .tags {width:490px;float:left;height: 20px;background-image:url(../img/icons/tag_blue.png);background-repeat:no-repeat;padding-left:20px;background-position: 0px 5px;}
.main .post_content .blogextrainfo .commentinfo{padding-right:20px;width:90px;float:left;text-align:right;background-image:url(../img/icons/comment.png);background-repeat:no-repeat;height:20px;background-position:right;}

.main .blognavleft a{float:left;color:White;font-size: 12px;}
.main .blognavright a{float:right;color:White;font-size: 12px;}

.main .post_content readmore {}
.main .post_content {color: #3C3C3C; font-size: 1.2em; line-height:24px; padding-left: 15px; float:left; width: 620px;}
.main .post_content p {padding-bottom:3px;padding-top:3px;}
.main .post_content h3{font-size: 16px;padding-top: 25px;padding-bottom:5px;margin-bottom:10px;}
.main .post_content .code {border:1px solid #CCCCCC;background:#F5F5F5 url(../Img/codeBG.gif) no-repeat scroll 15px 10px;padding:25px 20px 20px 50px;font-size:12px;margin-top:15px;margin-bottom:15px;width:548px;overflow-x:scroll;}
.main .post_content .caption {font-size:10px;margin-top:-10px;padding-left:3px;}

.main .post_comments {color: #ffffff; font-size: 1.2em; padding-left: 15px; float:left; width: 650px;}
.main .post_comments td{padding-left: 5px;}
.main .post_comments .commentheader{font-size: 16px;font-weight: bold; padding-left:5px;padding-top: 15px;padding-bottom:5px;margin-bottom:10px;border-bottom:solid 1px #666666;}
.main .post_comments .commentdetails{font-size: 16px;font-weight: bold; padding-left:5px;padding-top: 15px;padding-bottom:5px;margin-bottom:10px;border-bottom:solid 1px #666666;}
.main .post_comments .commentdetails a{text-decoration:underline;}

.main .post_comments #commentpost {width:100%;padding-bottom:10px;padding-top:10px;}
.main .post_comments #commentpost .left{width:540px;float:left; height:inherit;}
.main .post_comments #commentpost .right{width:100px;float:left; height:inherit;}
.main .post_comments #commentpost .commentby{font-weight:bold;}
.main .post_comments #commentpost .commentdatetime{font-style:italic;color:#EBEBEB;}
.main .post_comments #commentpost .commentcontents{margin-top:5px;}
.main .post_comments #commentpost a{text-decoration:underline;}

.main .post_comments #newpostcomment {width:400px;}
.main .post_comments #newpostcomment #row #left {height:inherit;width:300px;float:left;}
.main .post_comments #newpostcomment #row #right {padding-left:10px;height:inherit;width:90px;float:left;}
.main .post_comments #newpostcomment #row #left input[type=text] {width:inherit;}
.main .post_comments #newpostcomment #row #bothcols {height:inherit;width:inherit;}
.main .post_comments #newpostcomment #row #bothcols input[type=textarea] {width:inherit;height:75px;}
.main .post_comments #newpostcomment #row {width:100%;}

/* project styles */
.main .project {height:56px;background: transparent url(../img/ninja_star.gif) scroll no-repeat top left; padding: 0px 0px 0px 56px;}
.main .project_title {color: #4d4d4d; font-size: 1.8em; padding-bottom: 8px;padding-left:15px;}
.main .project_desc {color: #ffffff; font-size: 1.2em;}

.main .project .project_title a{color: #ffffff; text-decoration:none;}
.main .project .project_desc a {font-weight:bold;color:White;}

.main .project .readmore  {padding-left:15px;}
.main .project .readmore a {font-weight:bold;color:White;font-size:12px;}

.main .project .project_desc ol li{list-style-type: decimal;}
.main .project .project_desc ol { padding-left: 25px;}
.main .project .project_desc ul li{list-style-type:square;}
.main .project .project_desc ul { padding-left: 25px;}

.main .project .project_desc img { padding-left: 5px;}

.main .project .project_desc blockquote {background:#F5F5F5 url(../Img/blockquoteBG.gif) no-repeat scroll 15px 10px;border:1px solid #CCCCCC;padding:25px 20px 20px 50px;margin-top:15px;margin-bottom:15px;}

.main .project .project_desc .blogextrainfo {width:100%;}
.main .project .project_desc .blogextrainfo .tags {width:490px;float:left;height: 20px;background-image:url(../img/icons/tag_blue.png);background-repeat:no-repeat;padding-left:20px;background-position: 0px 5px;}
.main .project .project_desc .blogextrainfo .commentinfo{padding-right:20px;width:90px;float:left;text-align:right;background-image:url(../img/icons/comment.png);background-repeat:no-repeat;height:20px;background-position:right;}


.main .project .project_desc {color: #3C3C3C; font-size: 1.2em; line-height:24px; padding-left: 15px; float:left; width: 620px;}
.main .project .project_desc p {padding-bottom:3px;padding-top:3px;}
.main .project .project_desc h3{font-size: 16px;padding-top: 25px;padding-bottom:5px;margin-bottom:10px;}
.main .project .project_desc .code {border:1px solid #CCCCCC;background:#F5F5F5 url(../Img/codeBG.gif) no-repeat scroll 15px 10px;padding:25px 20px 20px 50px;font-size:12px;margin-top:15px;margin-bottom:15px;width:548px;overflow-x:scroll;}
.main .project .project_desc .caption {font-size:10px;margin-top:-10px;padding-left:3px;}






/* sidebar styles */
.sidebar {float: left; width: 250px;  color: #ffffff;}
.sidebar_content {background: #b3b3b3 url(../img/sidebar_side_line.gif) scroll repeat-y top left; padding: 20px;}
.sidebar a {color: #ffffff; text-decoration: none;}
.sidebar h1 { margin-left:-5px;padding-left:5px;color: #ffffff; font-weight:bold; font-size: 1.8em; padding-bottom: 10px; border-bottom: 1px solid #666666;}
.sidebar ul {list-style-type:none; list-style-position:inside; padding: 10px 0px;}

.sidebar ul.navigation li a {background: transparent url(../img/nav_ninja.gif) scroll no-repeat center left; padding-left: 40px; display: block; color: #ffffff; height: 40px; line-height: 40px; font-size: 1.8em;}
.sidebar h2 {color: #ffffff; font-size: 1.4em; font-weight: normal; padding-top: 10px;}

.sidebar ul.contact li {padding-bottom: 5px;}
.sidebar ul.contact li.email a {background: transparent url(../img/email_icon.gif) scroll no-repeat center left; padding-left: 40px; display: block; color: #ffffff; height: 31px; line-height: 31px; font-size: 1.4em;}
.sidebar ul.contact li.fb a {background: transparent url(../img/facebook_icon.gif) scroll no-repeat center left; padding-left: 40px; display: block; color: #ffffff; height: 31px; line-height: 31px; font-size: 1.4em;}
.sidebar ul.contact li.tw a {background: transparent url(../img/twitter_icon.gif) scroll no-repeat center left; padding-left: 40px; display: block; color: #ffffff; height: 31px; line-height: 31px; font-size: 1.4em;}
.sidebar ul.contact li.rss a {background: transparent url(../img/rss_icon.gif) scroll no-repeat center left; padding-left: 40px; display: block; color: #ffffff; height: 31px; line-height: 31px; font-size: 1.4em;}

.sidebar .twitter {padding: 10px 0px 5px 0px;}
.sidebar .twitter a {text-decoration:none;color:#696969;}
.sidebar .twitter .tweet {color: #3c3c3c; line-height:15px; letter-spacing:0.1px;}

.sidebar .twitter .tw_date {color: #666666;}

.sidebar .weather {color: #ffffff; padding: 10px 0px;}

.sidebar #adzerk {width:100%; padding:0px; padding-top:10px;height:120px;margin:0px; }
.sidebar #adzerk #adzerk_ad_div img { float:left; margin:0px; padding:0px; }
.sidebar #adzerk #adzerk_ad_div a {float:left; width:80px;}
.sidebar #adzerk #adzerk_ad_div p {float:right; padding-left:1px;width:85px;color:#3C3C3C; display:inline;}
.sidebar #adzerk #adzerk_by  {float:left; padding-left:1px;width:200px; }
.sidebar #adzerk #adzerk_by  a{color:#696969; clear:both;}



/* Contact Us Page */
#contactus #divForm {width:100%;}
#contactus .form {width:420px;}
#contactus .form .row{width:100%;}
#contactus .form .right{width: 50px;padding:5px;float:right;height:20px;}
#contactus .form .left{width: 350px;padding:5px;float:left;height:20px;}
#contactus .form .left input{width: 340px;}
#contactus .form .bothcols {width: 420px;padding:5px;float:left;}
#contactus .form .bothcols .textarea{width: 410px;height:100px;}
#contactus .form .over{}

/* bottom rounded part of main content */
.bottom {float: left; width: 969px; height: 21px; background: transparent url(../img/bottom.gif) scroll no-repeat top left; padding-bottom: 20px; }