/*Color Guide: 
				Light Caribbean - #30e4f8
				Dark Caribbean - #0762d4
				Faded Caribbean - #8bbdd0
				Dark Red - #C82231
				GreenPea #82c714
				SnowPea #C4DF9B
				Sweet Potato Pie - #233743
				Kool-Aid Red -#FF3300
				Wild Berry Skittles: #7f0d7c
				Tropical Punch Red - #C0020B
				Dark Blue Grey - #233743
				Faded Blue Grey - #c9d0d6
				BluishGreen - #4fa0b6
				Dark Dull Brown - #5a4941
				Medium Brownish Grey - #3b342e
				
*/


*									{ margin: 0; padding: 0; }
body		{ font: 14px/1.3em sans-serif; background: #262626 url(../img/frontpageBG.jpg) no-repeat top center; }
p { color: #C4DF9B;  padding: 5px 0 5px 0; }
a, a:visited { color: #A64300; }
a:hover { outline: none; color: #FF6600; text-decoration: none; border:none; }
a img								{ border: none; outline:none; }
img									{ vertical-align: middle; }
.clear								{ clear: both; }
fieldset							{ border: none; }
::selection                         { background: #C82231; color: #C4DF9B; /* Safari */ }
::-moz-selection                    { background: #C82231; color: #C4DF9B; /* Firefox */ }

h2 { padding: 0 0 5px 0; } /* Added padding for h2 title elements  so that they don't rest on round boxes */

h3 { color: #111; background: rgba(211,211,211,0.6); padding: 10px 1px; border-left: 3px solid #666;}

.small-indent { font: italic 12px/1.3em sans-serif; text-indent: 19px; padding: 0 0 5px 0; }

h5 { color: #111; background: rgba(211,211,211,0.6); padding: 10px 1px; border-left: 3px solid #666;}

#page_wrap { width: 700px; position: relative; margin: 0 auto; }


/* Magic Links Nav */

.nav-wrap { margin: 50px auto;  background-color: rgba(0,0,0,0.6); border-top: 3px solid #233743; border-bottom: 3px solid #233743; position: relative; top: -50px;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; padding-left: 130px; }
#example-one li { display: inline; }
#example-one li a {  font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }

#magic-line { position: absolute; bottom: -3px; left: 0; width: 100px; height: 3px; background: #C82231; }

/* End Magic Links Nav */


#logo { width:100%;  color: #C4DF9B; font: italic 30px sans-serif; padding: 0 0 13px 0; }

#logo a { text-indent: -9999px; position: absolute; top: 40px; left: 0px; width: 100%; height: 70px; border:0px; outline:none; }

.cont-wrap {padding: 10px 5px;}



/* Link Box */
.link-box { width: 100%; padding: 10px 0 10px 0;}




.links	{ width: 350px; height: 100px; color:#C4DF9B;  position: relative; left: 125px; }
.links ul {margin: 0; padding: 0; list-style-type: none; background:#111; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; border: 1px solid #666;}
.links a { font-weight: bold; border: none; }

	.links-left { width: 200px; }
	.links-right { width: 200px; position: relative; top: -91px; left: 230px; }

/* Projects */
.projects { width: 250px; color:#C4DF9B; margin-left: 20px; position: absolute; top: -1px; left: 335px; }
.projects ul { width:200px; margin: 0; padding: 0; list-style-type: none; background:#111; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }
.projects a { font-weight: bold; border: none; }



/* Twitter and Footer stuff */

/* TWITTER BOX */
.twitbox { width: 100%; height: 200px; background: transparent; color: #233743; font: bold 30px sans-serif; padding: 30px 0 40px 0; border-bottom: #FFCC00; }

#twitter-link { border: none; padding: 0 0 0 132px; }
#twitter-link a{ border:none; text-decoration:none; }

#twitter-link a:hover { border:none; }
.tweet                                    { width: 750px; padding: 0 0 0 20px; margin: 10px 0 10px 0; margin: 0 auto; }
.tweet p                                  { font: italic bold 26px/1.3em arial, helvetica sans-serif; color: #C4DF9B; text-align: left; } 
.tweet p em                               { font: italic 22px/24px sans-serif; color: #A64300; padding-left: 40px; }	/* Dark Orange */
.tweet a                                  { background-color: #111; padding: 5px; border: 1px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 



#bottom { width: 100%; height: 180px; color:#C4DF9B;  font: normal 1.3em sans-serif; }

.container { width: 1000px; margin: 0 auto; position: relative;}

.left 	{ width: 200px; padding: 10px; margin: 15px 75px 0 50px; background:#111; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; left: 75px; border: 1px solid #666; }

.right	{ width: 245px; background:#111; padding: 10px; margin-top: 15px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; position: absolute; right: 200px; border: 1px solid #666; }




/* The End of Styling */

/* hidden stuff */
div#ieoxAdTag {   display: none;}
iframe#conash3D0 {  display: none;}