/*  
.....::: :::: theinterzone.net CSS
		 ---- style.css ----
*/


/* Begin -------------------------------- reset.css --------------------------------------- */
body, ul, ol, li, form, fieldset, legend, label, img, a, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
img, fieldset {border: 0;}
a img {border: none;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset.css --------------------------------------- */





/* Begin -------------------------------- grid.css ---------------------------------------- */
#page {width: 940px; margin: 60px auto;}
#header {float: left;}
#contact {float: right; padding-top: 62px;}
#nav {clear: both;}
#c1 {float: left; width: 660px; margin: 25px 0 40px 0; padding: 0 20px;}
#c2 {float: left; width: 200px; margin: 50px 0 40px 0; padding: 0 20px;}
#wordpress {margin-top: 40px;}
#footer {clear: both; margin-bottom: 40px;}
#orbs {margin: 20px 0 0 50px;}

.navtabs li {float: left; padding-right: 40px;}
.navtabs li h2 a {width: 143px; height: 20px; float: left; padding-top: 6px; padding-left: 20px; text-align: center;}
.featuredsites {width: 260px; float: left; margin-top: 20px;}
.featuredsites ul li {padding-bottom: 5px; padding-top: 5px;}
#teenlinedescr {height: 65px; padding-right: 20px;}
#gitameitdescr {height: 65px; padding-left: 20px;}
#mustheardescr {height: 35px; padding-right: 20px;}
#metamanagerdescr {height: 35px; padding-left: 20px;}
#displaybox {width: 140px; float: left; margin-top: 20px;}
#imagead {float: left; margin: 20px 20px 0 0;}
#amazonbanner {float: left; margin-top: 20px;}
/* End ---------------------------------- grid.css ---------------------------------------- */





/* Begin -------------------------------- type.css ---------------------------------------- */
body {font: 70%/1.4em Helvetica, Arial, Geneva, sans-serif;}
p {margin: 10px 0; line-height: 1.4;}
h1 {}
h2, h3, #contact, #footer {font-family: 'Trebuchet MS','Lucida Grande',Tahoma,Helvetica,Arial,sans-serif;}
h2 {font-size: 1.2em;}
h3 {display: inline; font-size: 1.2em;}
#contact {font-size: 1.1em;}
span.sitedescription {font-size: 0.9em;}
#websites {margin: 5px 0 0 0; /* width: 940px; */ text-align: center;}
span.seperator {padding: 0 5px 0 5px; font-weight: bold;}
ul.contentlist {list-style: disc inside;}
/* End ---------------------------------- type.css ---------------------------------------- */





/* Begin -------------------------------- colors.css -------------------------------------- */
body {background: #fff; color: #333;}
a:link, a:visited {color: #3274d0;}
a:hover {color: #19b015;} a:active {color: #d05032;}
.navtabs li h2 a {background-image: url(../img/navtabs.png); background-repeat: no-repeat;}
.navtabs li h2 a:link, .navtabs li h2 a:visited {background-position: 0 -52px; color: #808080;}
.navtabs li h2 a.navon {background-position: 0 0;}
.navtabs li h2 a.navon:link, .navtabs li h2 a.navon:visited {color: #000;}
.navtabs li h2 a:hover, .navtabs li h2 a:active, .navtabs li h2 a.navon:hover, .navtabs li h2 a.navon:active {background-position: 0 -26px; color: #3274d0; text-decoration: none;}
#contact a:link, #contact a:visited, #footer a:link, #footer a:visited {color: #666;}
#contact a:hover, #footer a:hover {color: #000;}
#contact a:active, #footer a:active {color: #999;}
#nav, #footer {border-top: 5px solid #e1e1e1;}
#displaybox {background-image: url(../img/screenshots.jpg); background-repeat: no-repeat;}
	.teenline {background-position: 0 -140px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	.gitameit {background-position: 0 -280px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	.musthear {background-position: 0 -420px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	.metamanager {background-position: 0 -560px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.featuredsites ul li.descroff {border-bottom: 3px solid #ccc;}
.featuredsites ul li.descron {border-bottom: 3px solid #555;}
span.seperator {color: #ccc;}
.hilite {color: #19b015;}
/* End ---------------------------------- colors.css -------------------------------------- */





/* Begin -------------------------------- forms.css --------------------------------------- */
#mailform {margin-top: 20px;}
#realname, #email, #website {width: 250px;}
#mailform label {font-weight: bold; margin-left: 10px;}
#mailform label.messagelabel {margin-left: 0;}
/* End ---------------------------------- forms.css --------------------------------------- */





/* Begin -------------------------------- images.css -------------------------------------- */
/* End ---------------------------------- images.css -------------------------------------- */