/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em;}
#page {width:1000px; margin:0 auto; text-align:left; background: url(images/page_bg.png) no-repeat 0 0 #006666; border:#000 solid 1px;}
p, ul, h1, h2, h4 {padding:5px 10px;}
p {line-height:1.2em;}
h1 {background:#006666; border-bottom:1px solid #000; color:#fff; font-size:18px; font-weight:bold; font-family:"Tahoma", Arial, Helvetica, sans-serif;}
h2 {font-size:14px; font-weight:bold;}
h3 {background:#006666; border-bottom:1px solid #000; color:#fff; font-size:28px; font-weight:bold; padding:20px 10px 10px 10px; margin-bottom:10px;}
a {color:#006666;}
/*Header*/
#header {background:url(images/header_bg.gif) no-repeat; height:120px; position:relative;}
#search { height:20px;
	position:absolute;
	left:690px;
	top:125px;
	width: 300px;
	text-align:right;
}


/*content*/
#content {clear:both; margin-bottom:10px; }
#column1 {float:left; width:240px; margin-left:10px; background:#006666;}
#column2 {float:left; width:420px; margin-left:10px; background:#006666;}
#column3 {float:left; width:300px; margin-left:10px; background:#006666;}
#directory_content {clear:both; margin-bottom:10px; background:url(images/content_bg.gif) repeat-y; }
/*column1*/
#box1 {background:#fff; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; margin-top:10px; height:224px; overflow:hidden;}

.morebox{border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;text-align:right; height:16px;background:#fff; padding-right:5px; }
.morebox2{border-bottom:0px solid #000; border-left:0px solid #000; border-right:0px solid #000;text-align:right; height:16px;background:#fff; padding-right:5px; }
#box2 {background:#fff; border:1px solid #000; margin-top:10px; height:602px; overflow:hidden;}
/*#box2 h1 {border-bottom: #00FF00 3px solid;}*/

.intro_main {height:220px}
.intro_main img {margin:10px;}
.intro_main h2 {color: #CC0000 ; padding-top:10px; padding-bottom:0;}
/*.intro {height:134px}*/
.intro img {margin:10px;}
.intro h2 {color:#000; padding-top:10px; padding-bottom:0;}



/*directory page*/
/*#left_column {float:left; width:340px; margin-left:10px; background:#006666}

#center_column {float:left; width:320px; margin-left:10px; background:#006666}*/
#directory_articles {background:#fff; border:1px solid #000; margin-top:10px; height:204px; overflow:hidden;}
#directory_articles ul {margin-left:15px;}
/*#directory_articles h1 {border-bottom: #6600FF 3px solid;}*/
#directory_listings {height:779px; overflow:scroll; background:#fff; border:1px solid #000; margin-top:10px;}
#directory_listings ul {padding-left:44px; list-style:none; border-bottom:dotted 1px #CCCCCC;}
/*#directory_listings h1 {border-bottom: #FF0000 3px solid;}*/
.mlisting { background:url(images/m.gif) no-repeat 5px 2px;}
.listing { background:#fff;}
.hotlisting { margin-left:15px;}
#directory {background:#fff; border:1px solid #000; margin-top:10px;}
#video_upload {width:320px; height:240px; background: url(images/holdervideo.gif); color:#fff; margin:0 auto 10px auto;}
#video_upload h1 {background-color:none; border:none;}
#article_area {background:#fff; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; margin-top:10px; width:418px; }
/*#article_area h1 {border-bottom: #00CC00 3px solid;}*/
#rtw {background:url(images/rtw.jpg) no-repeat; height:118px; width:418px;  margin-top:10px; text-align:center; position:relative; border:1px solid #000;}
#rtw table {height:98px; width:270px; position:absolute; left: 11px; top: 14px;}
#rtw a {font-size:18px; font-weight:bold; color: #000; text-decoration:none; text-align:center; margin:0 auto;}
#rtw a:hover { text-decoration:blink;}
#contact {padding-left:60px;}


/*column2*/
#flash_box {background:#fff; border:1px solid #000; margin-top:10px; height:325px; overflow:hidden;} 

#video_box {background:#fff; border:1px solid #000; margin-top:10px; height:380px; overflow:hidden;}

.preview {height:110px; font-size:10px; line-height:1em;}
.preview img {margin:5px; }
.preview p {padding: 0 5px;}
#video {width:320px; height:240px; text-align:center; margin:10px auto; background: url(images/holdervideo.gif) ; color:#FFFFFF}
#video_intro {clear:both; width:420px; height:240px; display:block; background:url(images/video_intro_bg.jpg) repeat-x top #f8763b;}
#video_intro h1 {color:#fff; font-size:26px; border:none;  font-weight:bold; background:none; padding-top:15px;}
#video_intro h2 {color: #FF0000; font-size:14px; font-weight:bold;}



#article_box {background:#fff; border:1px solid #000; margin-top:10px; height:125px; overflow:hidden;}
#article_box ul {margin-left:15px;}
/*#article_box h1 {border-bottom: #00FFCC 3px solid;}*/


/*column3*/
#icons {margin-top:10px;}
#icons h1 {color:#fff; border-bottom:#FFCC00 3px solid; text-align:left; background:none;}
#icon_list {width:300px; height:122px; list-style:none;padding:0; margin:10px 0 0 0;}

#icon_list a {width:75px; float:left; display:block; padding:0; margin:0; border:none; height:122px;}
#icon_list a.giveaways {background:url(images/icon_giveaways.png) no-repeat;}
#icon_list a:hover.giveaways {background:url(images/icon_giveaways_hover.png) no-repeat;}
#icon_list a.hotitems {background:url(images/icon_hotitem.png) no-repeat;}
#icon_list a:hover.hotitems {background:url(images/icon_hotitem_hover.png) no-repeat;}
#icon_list a.feedback {background:url(images/icon_feedback.png) no-repeat;}
#icon_list a:hover.feedback {background:url(images/icon_feedback_hover.png) no-repeat;}
#icon_list a.nextissue {background:url(images/icon_nextissue.png) no-repeat;}
#icon_list a:hover.nextissue {background:url(images/icon_nextissue_hover.png) no-repeat;}

.ad {text-align:center; margin-top:4px; font-size:10px; color:#FFFFFF;}

#article_box2 {background:#fff; border:1px solid #000; margin-top:10px; height:125px; overflow:hidden;}
#article_box2 ul {margin-left:15px;}
/*#article_box2 h1 {border-bottom: #CC33CC 3px solid;}*/
/*Adspaces*/
#premier_adspace {width:728px; height:90px; position:absolute; top:16px; left:260px; background:url(images/holder728x90.gif) no-repeat}

/*navigation*/
#navigation {background:url(images/nav_bg.jpg) repeat-x; width:100%; height:30px; clear:both; display:block;}
#navigation ul {list-style:none; padding:0;}
#navigation li {display:block; float:left; line-height:14px; font-size:14px; text-transform:uppercase; font-weight:bold; padding:8px 0px;}
#navigation a {text-decoration:none; color:#000000;line-height:14px; font-size:14px; text-transform:uppercase; font-weight:bold; padding:7px 10px 7px 10px;}
#navigation a:hover {background: url(images/nav_bg_hover.jpg) repeat-x;}
#navigation li+li {padding-left:16px;  background:url(images/nav_bullet.jpg) 3px 10px no-repeat;}


/*Footer*/
#footer {font-size:11px;}

/*forms*/
#contact_form {width:400px; margin-left:10px; margin-bottom:9px;}
#contact_form label {font-weight:bold; color:#014891; display:block; padding-top:5px;}
#contact_form input {display:block;}
#contact_form .full {width:100%;}
#contact_form .half {width:50%;}
#contact_form .quarter {width:25%;}
#contact_form .checkbox {display:inline; margin-top:5px;}

/*Article pages*/

/*Main Columns*/
#article_content {width:669px;background:#fff;border:1px solid #000; margin-top:10px; float:left; margin-left:10px; margin-bottom:10px;min-height:728px;}
#inner_video {width:320px; height:240px; margin:10px; float:right; clear:both; background: url(images/holdervideo.gif)}
#hotitem {margin:10px;}
#hotitem td {vertical-align:top;}

#fansites {text-align:center; margin:0 auto;}
#fansites img {padding:0 10px;}