@charset "UTF-8";

/* ian hobbs - codey media */

/* @group eric meyer reset */

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 iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

/* remember to define focus styles! */

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;

}

/* end meyer reset */


/* @end */

/* @group structure */

body  {
	text-align: center;
	color: #4f5554;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #d4f0ec url(../images/codeyVersion3bg1.jpg) repeat-x;

}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	/* width: 108px;  not using it...the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB;
	border-style: solid;
}

#sidebar2 {
        height: 368px;
	background: #fafef5 url(../images/images_04.jpg) no-repeat 0 -4px;}

.centered {
	width: 607px;
	height: 99px;
	background: url(../images/codeyVersion2_06.jpg) 0 1px;
}

.centered2 {
	width: 607px;
	background-image: url(../images/codeyVersion3_05-091028.png);
	height: 148px;
}

#sidebar2 ul {
		background-image: url(../images/codeyVersion2_13.jpg);
		height: 67px;
		
}

div#footer {
	margin: 0 auto;
	background-image: url(../images/footertag.png);
	background-repeat: repeat-x;
	height:29px;
	font-variant:small-caps;
	letter-spacing:1px;
	text-indent:16px;
	text-transform:uppercase;
	white-space:normal;
	width: 960px;
}

#media #mainContent div.grayBOX h1 {
	padding: 12px;
}

.thrColFixHdr #container {
	width: 960px;
	background: #554d40 repeat-x;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:96%;
	padding: 0;
}

body#home #container {
	background-color: #758075;
}

iframe {
	padding-top: 12px;
	background-color: #fff;
}

li.origami {

	text-decoration: none;
	color: #a5e4fe;
	text-align: center;
	font-size: 20px;
	padding-top:12px;
}

body#design #mainContent{
	background-color: #fff;
}
.thrColFixHdr #header {
	width: 960px;
	color: #93dbfc;
}



#sidebar2 ul li.origami a:hover {
	color: #cce24a;
}

#sidebar2 ul li.origami a {
	text-decoration: none;
	color: #93dbfc;
	margin: 5px 5px 5px 16px;
	text-align:left;
}

body#contact #sidebar2 ul li.origami a img{
	padding: 17px;
}


#footer ul li {
	
  color:#837D73;
  float:left;
  list-style-type:none;
  margin-right:60px;
  padding-top:7px;
  font-size: 9px;
}

#footer ul li a {
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	list-style-type: disc;
	color: #604750;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 245px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFixHdr #mainContent {
		margin-left: 108px;
		width: 607px;
		background-color: #e0e0e0;
}

div.grayBOX {
	background-color: #e0e0e0;
	margin: 30px 28px 28px;	
}

#media #mainContent div.grayBOX ,#design #mainContent div.grayBOX {
	margin: 0;
	
}

div.grayBOXform {
	background-color: #fff;
	height: 1180px;
	overflow: hidden;
	padding-left: 14px;
	margin-top: 32px;
	margin-left: 36px;
	margin-right: 36px;
	padding-bottom: 12px;
}

body#origami div.grayBOXform {
	background-color: #fff;
	height: 680px;
	
}
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainContent div.grayBOX ul li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0;
	padding-left: 29px;
}

body#hosting div#container {
	background-color: #444c47;
}



/* @end */


/* @group textSTYLING */

h1{
	font-size: 2.3em ;
	color: #2c2c2c;
	padding-top: 12px;
}

p {
	margin: 16px 16px 16px 28px;
}

h1 + h1 {
	text-indent: 56px;
}

body#design #mainContent div.grayBOX {
	background-color: #fff;
}


#mainContent div.grayBOX ul.designList li img {
	margin-top: 18px;
	margin-bottom: 14px;
}

body#design #container {
	background-color: #acac94;
}

p.faq {
	color: #5a5243;
	font: .9em Arial, Tahoma, "Trebuchet MS", Helvetica, "Helvetica Neue";
}

ul#rules li p{
	list-style-type: lower-roman;
	list-style-position: inside;
}

/* @group -design page rules */

div.grayBOX + ul li a {
	margin-top: 16px;
}

div.grayBOX a {
	color: #000;
	text-decoration: none;
	text-indent: 0;
}

#mainContent div.grayBOX img {
	margin-left: 22px;
	margin-right: 16px;
	margin-top: 4px;
}

/* @end */

div.grayBOX h1 {
	color: #5f5f5f;
	margin-bottom: 14px;
	padding-top: 5px;
	font-size: 2em;
	padding-left: 22px;
}

#mainContent div.grayBOX h2 {
        font-size: 1.7em;
        color: #333;
        padding-bottom: 12px;
        margin-bottom: 5px;
}

p.happy {
	font-size: 1em ;
	color: #7b705d;
}

p.happyGreen {
        font-size: 1em;
        color: #000000;
        text-align: left;
        font-style: italic;
}

p.happyPinki {
        font-size: 1.3em;
        color: #6FD0FB;
}

p.happyPink {
	font-size: 1.3em ;
	color: #fb88d7;
}

p.happyGray {
	font-size: 1.4em ;
	color: #797979;
}



/* @end */

/* @group menu */

div.nav_main {
	
	background-color: #fff;
		font-size: 99%;
		}

ul#navHoriz {
	
	font-variant: small-caps;
	font-size: 18px;
	letter-spacing: 1px;
	height:39px;
}

ul#navHoriz li{
	
	height:39px;
	float: left;
	display: block;
	padding-right: 5px;
}

ul#navHoriz li a {
	text-decoration: none;
	color: #575757;
	padding: 8px 11px;
	float: left;	
	margin-left: 13px;
}


ul.box li {
	margin-left: 20px;
	margin-top: 14px;
}

ul#navHoriz li a:hover{
	color: #f76842;
}

/* start position for the menu is based on the home button */

li#home {	
	margin-left: 0px;  
}

/* @end */

/* @group menu_indicator */

body#home li#home {
	background: url(../images/codeyVersion2_07.jpg) no-repeat -56px -2px;
	color: #f76842;

}

body#home #home  a{
		color: #527c91;

}
body#hosting li#hosting {
	background: url(../images/codeyVersion2_07.jpg) no-repeat -54px 1px;
	color: #d0aa0d;

}
body#hosting #hosting a {
	color: #527c91;

}

body#design li#design {
	color: #d0aa0d;
}


body#design #design  a{
		color: #527c91;
}

body#code li#code  {
	background: url(../images/codeyVersion2_07.jpg) no-repeat -56px -1px;
	color: #d0aa0d;
}

body#code #code a {
		color: #527c91;
}
body#contact li#contact {
	background: url(../images/codeyVersion2_07.jpg) no-repeat -56px -1px;
	
}

body#contact #contact a {
		color: #527c91;
}
body#origami #sidebar2 ul li.origami a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #527c91;
	line-height: 50px;
} 

/* @end */

/* @group utils */

div#twtr-widget-1.twtr-widget.twtr-widget-profile {
	padding-left: 18px;
	background: #fafef5 url(../images/images_04.jpg) no-repeat 0 -4px;
		}

#mainContent div.grayBOX ul.designList li a img {
	border-bottom: 2px solid #343434;
	border-right: 1px solid #363636;
}

#sidebar2 div.addthis_toolbox.addthis_default_style {
	padding: 12px 12px 12px 14px;
}



/* @end */

iframe.fb_ltr {
		border-color: #ffffff;
		border-width: 1px;
		}

#analytics table.gadget {
		margin: 0;
		padding: 0;
		width: 243px;
		}

div#analytics {
		background-color: #ddf3f1;
		}

div#hidden {
		visibility: hidden;
		}