/*

Theme Name: HYPE
Theme URI: http://www.hypeframework.org
Description: A WordPress theme for HYPE by <a href="http://www.joshuadavis.com">Joshua Davis Studios</a>.
Version: 0.12
Author: Joshua Davis
Author URI: http://www.joshuadavis.com

*/

/*************************************
 
 BODY - padding / top, right, bottom, left

 *************************************/

html, body {
	background: #111111;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: courier;
	font-size: 10px;
	color: #FFFFFF;
}

table, tr, td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: courier;
	font-size: 10px;
	color: #FFFFFF;
}

.mainBlock {
	background: #111111;
	width: 999px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*************************************
 
 WIDTH - padding / top, right, bottom, left

 *************************************/

.myFullWidth {
	width: 662px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.myNavWidth {
	background: #111111;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*************************************
 
 TEXT - padding / top, right, bottom, left

 *************************************/

.myText {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 3px;
}

.myNavBreak {
	height: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background-image: url(../../../wp-images/navTextBreak.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.myEventBreak {
	height: 2px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;

	background-image: url(../../../wp-images/navTextBreak.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.mySingleNavBreak {
	background: #212121;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*************************************
 
 NAV DOWNLOAD - padding / top, right, bottom, left

 *************************************/

.myNavDownload {
	background: #FF3300;
	margin: 0px 0px 0px 0px;
	padding: 14px 7px 17px 7px;
	color: #111111;
}

.myNavDownload a {
	color: #CCCCCC;
	text-decoration:none;
}

.myNavDownload a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/*************************************
 
 NAV README - padding / top, right, bottom, left

 *************************************/

.myNavReadme {
	background: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	color: #111111;
}

.myNavReadme a {
	color: #111111;
	text-decoration:none;
}

.myNavReadme a:hover {
	color: #CCCCCC;
	text-decoration:none;
}

/*************************************
 
 NAV  BLOG- padding / top, right, bottom, left

 *************************************/

.myNavBlog {
	background: #999999;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	color: #111111;
}

.myNavBlog a {
	color: #111111;
	text-decoration:none;
}

.myNavBlog a:hover {
	color: #333333;
	text-decoration:none;
}

.myBlogCopy {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
	color: #111111;
}

.myBlogCopy img {
	margin: 0px 0px 0px 0px;
	padding: 1px;
	border:0px solid #242424;
}

.myBlogCopy a {
	color: #669900;
	text-decoration:none;
}

.myBlogCopy a:hover {
	color: #336600;
	text-decoration:none;
}

/*************************************
 
 NAV  BLOG- padding / top, right, bottom, left

 *************************************/

.blogContact {
	background: #557799;
	height: 92px;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	color: #FFFFFF;
}

.blogContact a {
	color: #CCCCCC;
	text-decoration:none;
}

.blogContact a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.contactFooter {
	background: #557799;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	color: #FFFFFF;
}

.contactFooter a {
	color: #CCCCCC;
	text-decoration:none;
}

.contactFooter a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/*************************************
 
 NAV - padding / top, right, bottom, left

 *************************************/

.navWorkshopHeader {
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 4px;
}

.dateWorkshopHeader {
	color: #FF3300;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 0px;
}

.navWorkshop {
	color: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 4px;
}

.navWorkshop a {
	color: #99CC00;
	text-decoration:none;
}

.navWorkshop a:hover {
	color: #CCFF33;
	text-decoration:none;
}




.navCityHeader {
	color: #FF0033;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 4px;
}

.navCity {
	color: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 4px;
}

.navCity a {
	color: #99CC00;
	text-decoration:none;
}

.navCity a:hover {
	color: #CCFF33;
	text-decoration:none;
}


.navCredits {
	color: #557799;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 4px;
}






.nav01 a {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	text-decoration:none;
}

.nav01 a:hover {
	color: #557799;
	text-decoration:none;
}

.siteTree  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.oclink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
}



.nav02  {
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 6px 18px;
	text-decoration:none;
}

.nav02 a  {
	color: #666666;
	text-decoration:none;
}

.nav02 a:hover {
	color: #557799;
	text-decoration:none;
}

.nav03 a  {
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 32px;
	text-decoration:none;
}

.nav03 a:hover {
	color: #557799;
	text-decoration:none;
}

/*************************************
 
 FLASH - padding / top, right, bottom, left

 *************************************/

.myFlashFrame {
	width: 642px;
	background: #333333;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

.myFlashBorder {
	background: #000000;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

.myFlash {
	background: #111111;
	width: 640px;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*************************************
 
 CONTENT - padding / top, right, bottom, left

 *************************************/

.myTitle {
	background: #4D4D4D;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #CCCCCC;
}

.myTitle a {
	color: #CCCCCC;
	text-decoration:none;
}

.myTitle a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.myExcerpt {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
	color: #FF3300;
}

.myExcerpt a {
	color: #669900;
	text-decoration:none;
}

.myExcerpt a:hover {
	color: #336600;
	text-decoration:none;
}

.myContent {
	background: #ECECEC;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #111111;
}

.myContentCopy {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 10px;
	color: #FF3300;
}

/*************************************
 
 INSTALLATION - padding / top, right, bottom, left

 *************************************/

.myInstallationCopy {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #242424;
}

.myInstallationCopy a {
	color: #669900;
	text-decoration:none;
}

.myInstallationCopy a:hover {
	color: #336600;
	text-decoration:none;
}


.myInstallationBreak {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px dashed #666666;
}

.myInstallationCopy code {
	padding: 0px 0px 0px 20px;
	color: #FF3300;
}

/*************************************
 
 CODE CONTENT - padding / top, right, bottom, left

myColors=[0x587b7c,0x885302]

 *************************************/

.myCodeComments {
	color: #666666;
}

.myCodeDescription {
	color: #FF3300;
}

.myCodeIntro {
	color: #FF6600;
}

blockquote {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

/*************************************
 
 COMMENTS - padding / top, right, bottom, left

 *************************************/

.adminComment {
	color: #FF3300; 
} 


.myReply {
	background: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #333333;
}

.myReply a {
	color: #666666;
	text-decoration:none;
}

.myReply a:hover {
	color: #999999;
	text-decoration:none;
}

.myComments {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #111111;
}

.myCommentsAuthor {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #242424;

	background-image: url(../../../wp-images/black_tint_10.png);
	background-repeat: repeat;
	background-position: top left;
}

.myCommentsAuthor a {
	color: #242424;
	text-decoration:none;
}

.myCommentsAuthor a:hover {
	color: #111111;
	text-decoration:none;
}

.myCommentsText {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.myCommentsText a {
	color: #557799;
	text-decoration:none;
}

.myCommentsText a:hover {
	color: #557799;
	text-decoration:none;
}

.myCommentsInputBlock {
	background: #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #111111;
}

.myCommentsModeration {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 5px;
	color: #557799;
}



.myReplyBlock {
	color: #333333;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.myCommentsField {
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;;
}

.myCommentsSubmit {
	text-align: right;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.inputStyle {
	width: 200px;
	border: 1px solid #999999;
	margin: 0px 5px 0px 0px;
	padding: 5px;
}

.submit {
	cursor: pointer;
}

.submit:hover {
	cursor: pointer;
}

/*************************************
 
 SPACERS - padding / top, right, bottom, left

 *************************************/

.spacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.spacer01 {
	width: 1px;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.colSpacer {
	width: 19px;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*************************************
 
 EVENT CALENDAR SETTINGS - padding / top, right, bottom, left

 *************************************/

.myEventCopy {
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color: #242424;
	overflow: auto;
}

.myEventCopy a {
	color: #669900;
	text-decoration:none;
}

.myEventCopy a:hover {
	color: #336600;
	text-decoration:none;
}

.myEventCopy p {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 10px 5px;
	overflow: auto;
}

.calWrap {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto;
}

.eventDays {
	color: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
}

.eventDays a {
	color: #99CC00;
	text-decoration:none;
}

.eventDays a:hover {
	color: #CCFF33;
	text-decoration:none;
}

.calWidgetMonth {
	color: #FF3300;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
}

.calWidgetEvent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.ec3_iconlet * {
	background: #ECECEC;
}

.ec3_month * {
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
}

.ec3_day * {
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
}

.eventURL {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	overflow: auto;
}