/* @override 
	http://test.inscopeapps.com/media/core/site.css
	http://127.0.0.1:8000/media/core/site.css
	http://inscopeapps.com/media/core/site.css
*/

/* @group html */

* {
	margin: 0;
	padding: 0;
}

body{
    color: #aaa;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    text-shadow: #111 0 1px 0;
	background: #1d1d1d url(images/iconBG.png) no-repeat;
}

ol, ul, li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* @group h */

h1 {
	font-size: 32px;
	margin: 0 0 5px;
	padding: 0;
}

h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 16px;
	margin: 0 0 10px;
}

/* @end */

/* @group a */

a{
	text-decoration: none;
}

a:link{
	color: #8ed6ff;
}

a:visited{
	color: #8ed6ff;
}

a:active{
}

a:hover{
	color: #ffc483;
}

a img {
	border: none;
}

/* @end */
/* @end */

#wrapper {
	width: 100%;
}

#content {
	width: 960px;
	margin: 0px auto;
}

/* @group site header */

#siteHeader{
	height: 80px;
	margin-top: 60px;
}

#siteHeaderLeft{
	height: 65px;
	width: 9px;
	background: url(images/headerBarEnds.png) no-repeat;
	float: left;
}

#siteHeaderContent{
	height: 65px;
	width: 942px;
	background: url(images/headerBar.png) repeat-x;
	float: left;
}

#siteHeaderRight{
	height: 65px;
	width: 9px;
	background: url(images/headerBarEnds.png) no-repeat -15px;
	float: left;
}

#siteHeaderIcon{
	float: left;
	width:128;
	height:128;
	margin-top: -40px;
}

#siteHeaderTitle{
	float: left;
	text-shadow: #111 0 3px 2px;
}

#siteHeaderTitle h1{
	padding-top: 15px;
}

#siteHeaderMenu{
	text-align: center;
	margin-right: 10px;
	float: right;
}

#siteHeaderMenu h3{
	padding-top: 25px;
	width: 100px;
	float: left;
	padding-bottom: 22px;
}

#siteHeaderMenu h3:hover{
	background: url(images/headerBar.png) repeat-x 0 -65px;
}

/* @end */

/* @group body */

#body {
	min-height: 400px;
	margin-top: 15px;
}

#bodyContent{
	float: left;
	width: 770px;
}

.bodyItemBoxContent{
	width: 735px;
	display: inline-block;
	float: left;
	background: url(images/bodyItemBox.png) repeat-y;
	padding: 5px 10px;
	text-align: center;
}

/* @group sidebar */

#sideBar{
	margin-left: 780px;
}

.sideBarEdge{
	width: 160px;
}

.sideBarBoxContent{
	width: 160px;
	display: inline-block;
	float: left;
	background: url(images/sideBarBox.png) repeat-y;
	padding: 5px 10px;
}

.categories li{
	list-style-type: circle;
	margin-left: 15px;
}

/* @end */

/* @group entry */

.entry{
	margin-left: 10px;
	margin-bottom: 5px;
}

.entry .center{
	padding-top: 10px;
}

.entry strong{
	font-size: 14px;
	text-decoration: underline;
	display: block;
	margin-top: 20px;
	color: #fff;
}

.entry pre{
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #494949;
	background: #2e2e2e url(images/boxCenter.png);
	margin: 10px 0;
}

.entry img, embed{
	max-width:725px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #494949;
	background: #2e2e2e url(images/boxCenter.png);
	display: block;
	margin: 10px auto;
}

.entry p{
	margin-top: 5px;
	margin-bottom: 5px;
}

.entry em{
	color: #6a6a6a;
}

.entry li{
	margin-left: 30px;
}

.entry ul li{
	list-style-type: disc;
}

.entry ul li li{
	list-style-type: circle;
}

.entry ul li li li{
	list-style-type: square;
}

.entry ol li{
	list-style-type: decimal;
}

.entry ol li li{
	list-style-type: upper-roman;
}

.entry ol li li li{
	list-style-type: lower-roman;
}

/* @end */
small{
	color: #878787;
}

.textField{
	background-color: #2e2e2e;
	color: #878787;
	text-shadow: #111311 0 -1px 0;
	padding: 2px;
	margin-bottom: 2px;
	border: 1px solid #494949;
	border-left: 1px solid #181818;
	border-top: 1px solid #181818;
}

.navigation {
	margin-bottom: 30px;
}

/* @group post */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.post{
	margin-bottom: 20px;
}

.post h2{
	margin-bottom: 5px;
}

.postmetadata{
	margin: 0;
}

.postInfoAndTags{
	height: 18px;
	border-bottom: 1px solid #494949;
	background-color: #171717;
	padding-top: 2px;
}

.tags{
	float: right;
}

.postInfo{
	float: left;
	padding-top: 1px;
	padding-left: 5px;
}
/* @end */

/* @group comments */

.commentlist li {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #242424;
	padding: 10px;
	margin-bottom: 20px;
}


ol.commentlist li.alt {
	background-color: #2e2e2e;
}

#comments{
	margin-top: 30px;
}

#respond{
	margin-top: 30px;
}

#submit{
	border: 1px solid #181818;
	background-color: #2e2e2e;
	border-top: 1px solid #494949;
	border-left: 1px solid #494949;
	margin: 0;
	height: 20px;
	color: #8ed6ff;
	padding-left: 5px;
	padding-right: 5px;
}

/* @end */

/* @group search */

#s{
	width: 155px;
	background-color: #1d1d1d;
	color: #fff;
	text-shadow: #111 0 1px 0;
	height: 18px;
	padding: 2px;
	margin-bottom: 2px;
	border: 1px solid #494949;
	border-left: 1px solid #181818;
	border-top: 1px solid #181818;
}

#searchsubmit{
	height: 22px;
	float: right;
	border: 1px solid #181818;
	background-color: #2e2e2e;
	color: #8ed6ff;
	border-top: 1px solid #494949;
	border-left: 1px solid #494949;
	margin: 1px 0 0;
	padding-right: 5px;
	padding-left: 5px;
}

/* @end */

/* @end */

/* @group footer */

#footerWrapper {
	margin-top: 50px;
	float: left;
	width: 100%;
}

#footer{
	background-color: #2e2e2e;
	border-top: 1px solid #494949;
	background: #2e2e2e url(images/boxCenter.png);
}

#footerContent {
	width: 960px;
	margin: 0px auto;
	height: 250px;
	color: #878787;
	text-shadow: #111311 0 -1px 0;
	padding: 10px;
}

.footerBlock{
	width: 302px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	height: 250px;
	border-right: 1px solid #181818;
}

.footerBlock.lastFooterBlock{
	border-style: none;
	margin-right: 0;
	padding-right: 0;
	width: 312px;
}

.footerBlock li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #181818;
}
.footerMore{
	float: right;
	background: url(images/moreBG.png);
	width: 100px;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
}

#copyright {
	color: #2e2e2e;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

/* @end */

/* @group generic */

/* @group images */

/* @group imageGrid */

.imageGrid {
	display: inline-block;
	width: 100%;
}

.imageGrid img {
	margin: 10px;
	float: left;
}

/* @end */

/* @group imageBlock */

.imageBlock {
	clear: both;
	margin-bottom: 20px;
}

.imageBlock img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.imageBlock h3{
	padding-top: 20px;
}

/* @end */

/* @end */

/* @group pills */

.pills{
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
}

.pill{
	height: 17px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
	font-size: 9px;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}

/* @group grey */

.greyPillLeft {
	background: url(images/color_pill/greyEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.greyPill {
	background: url(images/color_pill/grey.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.greyPillRight {
	background: url(images/color_pill/greyEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group blue */

.bluePillLeft {
	background: url(images/color_pill/blueEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.bluePill {
	background: url(images/color_pill/blue.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.bluePillRight {
	background: url(images/color_pill/blueEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group green */

.greenPillLeft {
	background: url(images/color_pill/greenEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.greenPill {
	background: url(images/color_pill/green.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px;
}

.greenPillRight {
	background: url(images/color_pill/greenEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group orange */

.orangePillLeft {
	background: url(images/color_pill/orangeEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.orangePill {
	background: url(images/color_pill/orange.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.orangePillRight {
	background: url(images/color_pill/orangeEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group purple */

.purplePillLeft {
	background: url(images/color_pill/purpleEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.purplePill {
	background: url(images/color_pill/purple.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.purplePillRight {
	background: url(images/color_pill/purpleEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group red */

.redPillLeft {
	background: url(images/color_pill/redEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.redPill {
	background: url(images/color_pill/red.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.redPillRight {
	background: url(images/color_pill/redEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @group yellow */

.yellowPillLeft {
	background: url(images/color_pill/yellowEnd.png) repeat-x;
	width: 7px;
	height: 17px;
	float: left;
}

.yellowPill {
	background: url(images/color_pill/yellow.png) repeat-x;
	height: 17px;
	float: left;
	padding-top: 3px
}

.yellowPillRight {
	background: url(images/color_pill/yellowEnd.png) repeat-x 7px 0;
	width: 7px;
	height: 17px;
	float: left;
}

/* @end */

/* @end */

/* @group whiteLink */

.whiteLink a:link{
	color: #fff;
}

.whiteLink a:visited{
	color: #fff;
}

.whiteLink a:active{
}

.whiteLink a:hover{
        color: #8ed6ff;
}

/* @end */


/* @group greyLink */

.greyLink a:link{
	color: #878787;
}

.greyLink a:visited{
	color: #878787;
}

.greyLink a:active{
}

.greyLink a:hover{
	color: #ffc483;
}

/* @end */
/* @group tag */
.tag{
	float: left;
	margin-right: 5px;
	font-size: 9px;
}

.tag a{
	color: #878787;
}

.tag a:visited{
	color: #878787;
}

.tag a:hover{
   color: #ffc483;
}

.tagleft{
	width: 4px;
	height: 16px;
	float: left;
	background: url(images/tag.png) no-repeat;
}
	
.tagmiddle{
	height: 16px;
	float: left;
	background: url(images/tagBody.png) repeat-x;
	padding-top: 4px;
}

.tagright{
	width: 11px;
	height: 16px;
	float: left;
	background: url(images/tag.png) no-repeat -4px 0;
}
/* @end */
/* @group iconLink */

.iconLink {
	padding-left: 28px;
	padding-top: 5px;
	margin-bottom: 5px;
	display: block;
	border-bottom: 1px dotted #181818;
	padding-bottom: 10px;
}

.iconLinkLast {
	padding-bottom: 3px;
	margin-bottom: 0px;
	border-style: none;
}

/* @group types */

.downloadLink{
	background: url(images/link/download.png) no-repeat;
}

.svnLink{
	background: url(images/link/svn.png) no-repeat;
}

.twitterLink{
	background: url(images/link/twitter.png) no-repeat;
}

.mailLink{
	background: url(images/link/mail.png) no-repeat;
}

.rssLink{
	background: url(images/link/rss.png) no-repeat;
}

.googleCodeLink{
	background: url(images/link/googleCode.png) no-repeat;
}

/* @end */

/* @end */

/* @group box */

.box {
	margin-bottom: 10px;
	color: #878787;
	text-shadow: #111311 0 -1px 0;
}

/* @group boxTop */
.boxTopLeft {
	background: url(images/boxRound.png) no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.boxTopMiddle {
	height: 10px;
	background: url(images/boxTop.png) repeat-x;
	display: inline-block;
}

.boxTopRight {
	background: url(images/boxRound.png) no-repeat -10px 0;
	width: 10px;
	height: 10px;
	display: inline-block;
}

/* @end */

/* @group boxContent */
.boxContent{
	padding: 5px;
}
.boxContentLeft {
	background: url(images/boxLeft.png) repeat-y;
	width: 10px;
	display: inline-block;
	float: left;
}

.boxContentMiddle {
	display: inline-block;
	float: left;
	background: #2e2e2e url(images/boxCenter.png);
}
.boxContentRight {
	width: 10px;
	display: inline-block;
	background: url(images/boxRight.png) repeat-y;
}

/* @end */


/* @group boxBottom */

.boxBottomLeft {
	background: url(images/boxRound.png) repeat-y 0 -10px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.boxBottomMiddle {
	height: 10px;
	display: inline-block;
	background: url(images/boxBottom.png) repeat-x;
}

.boxBottomRight {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(images/boxRound.png) repeat-y -10px -10px;
}

/* @end */
/* @end */

/* @group calander */

.calanderBadge{
	float: left;
	margin-left: -50px;
	//background: url(images/calanderBadge.png) no-repeat;
	width: 48px;
	height: 48px;
	padding-right: 2px;
	text-align: center;
	background: url(images/calanderBadge.png) no-repeat;
}

.calanderBadgeMonth{
	font-size: 10px;
	margin-top: 5px;
}

.calanderBadgeDay{
	font-size: 20px;
	margin-top: 3px;
}

/* @end */

.clear {
	clear: both;
}

.spacer{
	height: 30px;
}

.clearTopSpaceing{
	margin-top: 0;
	padding-top: 0;
}

.clearBottomSpaceing{
	margin-bottom: 0;
	padding-bottom: 0;
}

.noBorder{
	border-style: none;
}

.leftAlign{
	text-align: left;
}

.center{
	text-align: center;
}

/* @end */
