*
{
margin:0px;
padding:0px;
}
body
{
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
background:#fff;
}
a
{
color:#000;
text-decoration:underline;
}
a:hover
{
color:#000;
text-decoration:none;
}
h1, h2, h3
{
margin:0;
padding:0;
}
p
{
margin:0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
table, tr, th, td, ul, ul li, ul li a
{
margin:0;
padding:0;
}
#wrap
{
width:100%;
margin:0;
padding:0;
}
#navigation_wrap
{
width:100%;
height:35px;
margin:0;
padding:0;
background:#212b35;
}
#navigation
{
position:relative;
width:728px;
height:35px;
margin:0 auto;
padding:0;
background:#212b35;
}
#navigation p
{
width:728px;
margin:0 auto;
padding:15px 0 0 0;
}
#navigation ul
{
height:35px;
margin:0;
padding:5px 0 0 0;
}
#navigation ul li
{
float:left;
width:188px;
height:30px;
list-style-type:none;
margin:2px 0 0 0;
padding:0;
border-right:1px dotted #d8d8d8;
}
#navigation ul li.last
{
border-right:1px solid #212b35;
}
#navigation ul li a
{
position:absolute;
display:block;
text-align:center;
width:188px;
height:30px;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
margin:0;
padding:2px 0 0 0;
text-decoration:none;
}
#navigation ul li a:hover
{
margin:0;
padding:0;
color:#212b35;
text-decoration:none;
font-size:19px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
font-weight:normal;
}
#navigation ul li a:hover span
{
position:absolute;
width:198px;
height:45px;
left:-5px;
top:-10px;
z-index:2;
margin:0;
padding:5px 0 0 0;
overflow:hidden;
cursor:pointer;
background:#feffff;
border:1px solid #000;
-moz-box-shadow:4px 4px 7px #000;
-webkit-box-shadow:4px 4px 7px #000;
box-shadow:3px 2px 5px #000;
}
#content_wrap
{
clear:both;
width:100%;
margin:0 auto;
padding:0;
}
#content
{
clear:both;
width:1200px;
margin:10px auto;
padding:0;
/*
margin:10px auto 10px auto;
padding:5px 0 10px 0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#efefef;
*/
}
#content_inner
{
width:1170px;
margin:10px auto;
padding:0;
background:#fff;
/*
margin:10px auto 5px auto;
padding:0;
border:1px solid #212b35;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#fff;
*/
}
#left_column
{
float:left;
width:805px;
margin:0 0 10px 0;
padding:0 0 0 5px;
}
#left_colulmn #title
{
margin:0;
padding:0;
}
#left_column #title h1
{
margin: 0;
padding:12px 0 0 0;
font-size:40px;
color:#212b35;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
letter-spacing:1px;
word-spacing:.5px;
}
#left_column #title h1 a
{
color:#212b35;
text-decoration: none;
}
#left_column #title h1 a:hover
{
text-decoration:none;
}
#left_column #title h1 span.letters
{
color:#cc0000;
font-size:28px;
}
#left_column #title h1 span.bold
{
color:#212b35;
font-style:italic;
font-weight:bold;
}
#left_column #title h1 span.ext
{
color:#212b35;
}
#left_column #title h2
{
margin: 0;
padding:10px 0 10px 50px;
font-size:24px;
color:#212b35;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
}
#left_column .code_box
{
width:805px;
margin:5px auto;
padding:2px;
white-space:pre;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border:1px solid #000;
}
#left_column h1
{
margin:5px 0;
padding:0;
color:#000;
font-size:32px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column h2
{
margin:5px 0;
padding:0;
color:#000;
font-size:24px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column h3
{
margin:5px 0;
padding:0;
color:#000;
font-size:18px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column p
{
margin:5px 0 10px 0;
padding:5px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column p a
{
color:#000;
text-decoration:underline;
}
#left_column p a:hover
{
text-decoration:none;
}
#left_column p.tutorial
{
margin:5px 0;
padding:5px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column p.tutorial:first-line
{
font-size:19px;
font-weight:normal;
}
#left_column p.tutorial a
{
color:#000;
text-decoration:underline;
}
#left_column p.tutorial a:hover
{
color:#000;
text-decoration:none;
}
#left_column .video_tutorial
{
height:68px;
margin:0 0 10px 0;
padding:0 0 0 65px;
background:url('/html_tutorials/youtube_video_icon.png') 0 0 no-repeat;
}
#left_column .vide_tutorial p
{
margin:0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column .video_tutorial a, #left_column .video_tutorial a:hover
{
font-size:17px;
font-weight:normal;
}
#left_column  .video_tutorial_box
{
width:800px;
height:425px;
margin:0 0 20px 0;
padding:0;
}
#left_column span.bold
{
font-weight:bold;
}
#left_column .host_review_img
{
float:left;
width:400px;
height:210px;
margin:0 5px 0 0;
padding:2px;
border:1px solid #212b35;
}
#left_column .host_review_img:hover
{
background:#efefef;
}
#left_column table
{
width:805px;
border:1px solid #212b35;
margin:10px auto;
padding: 0;
color: #000;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column th
{
background:#cccccc;
height: 22px;
margin: 0;
padding: 2px 1px 2px 2px;
font-size:15px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
color: #002844;
text-align: left;
}
#left_column tr
{
height: 30px;
}
#left_column td
{
margin: 0;
padding: 2px 3px;
vertical-align:top;
}
#left_column tr.row_a
{
background: #f8f8f8;
}
#left_column tr.row_b
{
background: #efefef;
}
#left_column .free_template
{
clear:both;
height:250px;
margin:0 0 25px 0;
padding:0;
}
#left_column .free_template img
{
float:left;
width:400px;
height:225px;
margin:0 15px 0 0;
padding:0;
border:none;
box-shadow:4px 4px 4px #000;
-moz-box-shadow:4px 4px 4px #000;
-webkit-box-shadow:4px 4px 4px #000;
}
#left_column .free_template ul
{
margin:0;
padding:0;
list-style-type:none;
}
#left_column .free_template ul li
{
display:inline;
width:150px;
height:28px;
margin:0;
padding:0;
color:#000;
font-size:17px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
}
#left_column .free_template ul li a
{
float:left;
margin:0 15px 20px 15px;
padding:5px 10px 5px 5px;
color:#fafafa;
text-decoration:none;
font-size:17px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
border:1px solid #000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#212b35;
}
#left_column .free_template ul li a:hover
{
color:#fafafa;
box-shadow:0 0 6px #212b35;
-moz-box-shadow:0 0 6px #212b35;
-webkit-box-shadow:0 0 6px #212b35;
background:#cc0000;
}
#left_column .free_template p
{
margin:0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column ul
{
margin:0;
padding:0;
list-style-position:inside;
list-style-type:disc;
}
#left_column ul.top_navigation_list
{
float:left;
width:390px;
list-style-type:none;
margin:0 10px 5px 0;
padding:0;
}
#left_column ul li
{
margin:3px 0 3px 15px;
padding:0;
color:#000;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column ul li a
{
color:#000;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
text-decoration:underline;
}
#left_column ul li a:hover
{
color:#000;
text-decoration:none;
}
/* start of the styles for the form at http://learnwebsitedesign.com/advertise.php */
#left_column form
{
width:540px;
margin:10px;
padding:5px;
border:1px solid #212b35;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#f6f6f6;
}
#left_column form.paypal_form table, tr, th, td
{
border:none;
}
#left_column .cell_container
{
margin:3px 0;
padding:0;
}
#left_column .cell_one
{
width:200px;
margin:0 0 0 5px;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column .cell_two
{
width:650px;
margin:0;
padding:0;
color:#000;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column .cell_two input
{
float:left;
margin:0;
padding:0;
color:#000;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border:1px solid #282844;
background:#f5f5f5;
}
#left_column .cell_two textarea
{
margin:0;
padding:0;
color:#000;
font-size:16px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border:1px solid #282844;
background:#f5f5f5;
}
#left_column .float_left
{
float:left;
}
/* end of styles for the form at http://learnwebsitedesign.com/advertise.php */
#right_column
{
float:right;
width:360px;
margin:10px 0;
padding:0;
}
#right_column h1
{
clear:both;
width:280px;
height:35px;
margin:0 auto 10px auto;
padding:2px 0 0 0;
text-align:center;
color:#fafafa;
font-size:26px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-shadow:2px 1px 3px #282844;
-moz-box-shadow:2px 3px 5px #282844;
-webkit-box-shadow:2px 3px 5px #282844;
box-shadow:2px 3px 5px #282844;
background:#212b35;
}
#right_column p
{
clear:both;
width:250px;
margin:5px auto;
padding:5px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
border:1px solid #212b35;
background:#efefef;
}
#right_column p a
{
color:#000;
text-decoration:underline;
}
#right_column p a:hover
{
color:#000;
text-decoration:none;
}
#right_column p img.twitter
{
width:157px;
height:61px;
margin:0 46px 0 47px;
padding:0;
border:none;
}
#right_column ul
{
clear:both;
width:260px;
list-style-type:none;
margin:0 auto 5px auto;
padding:0 0 10px 0;
}
#right_column li
{
float:left;
width:260px;
height:30px;
margin:0 2px 4px 0;
padding:0;
border:1px solid #212b35;
}
#right_column li.last
{
border-bottom:1px solid #212b35;
}
#right_column ul li a span
{
font-style:normal; 
font-size:15px;
font-weight:bold;
line-height:1.4em;
}
#right_column ul li a
{
position:relative;
width:260px;
height:30px;
display:block;
text-align:center;
text-decoration:none;
color:#212b35;
background:#efefef;
}
#right_column ul li a:hover
{
width:270px;
height:44px;
z-index:2;
left:0;
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
font-weight:normal;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
#right_column ul li a:hover span
{
position:absolute; 
width:270px;
height:44px;
left:-5px;
top:-8px;
overflow:hidden;
font-size:1.5em;
font-weight:normal;
line-height:1em;
color:#fff;
background:#212b35;
border:1px solid #000;
}
#right_column .right_images
{
clear:both;
width:200px;
margin:0 auto;
}
#right_column .right_images ul
{
position:relative;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
}
#right_column .right_images ul li
{
display:block;
list-style-type:none;
width:200px;
height:200px;
margin:0 0 5px 0;
padding:0;
color:#282844;
}
#right_column .right_images ul li a, #right_column .right_images ul li a:hover
{
display:block;
float:left;
width:200px;
height:200px;
color:#282844;
text-decoration:none; 
margin:0 5px 0 0;
padding:0;
border:none;
}
#right_column .right_images ul li a img
{
width:200px;
height:200px;
margin:0;
padding:0;
border:none;
}
#footer_wrap
{
clear:both;
width:100%;
margin:15px 0 0 0;
padding:0;
background:#212b35;
}
#footer
{
width:950px;
height:40px;
margin:10px auto 0 auto;
padding:0;
}
#footer ul
{
text-align:center;
margin:0 auto;
padding:0;
}
#footer ul li
{
list-style-type:none;
display:inline;
margin:0 5px 0 0;
padding:0 5px 0 0;
color:#fff;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
border-right:1px solid #fff;
}
#footer ul li.last
{
border-right:0 solid #fff;
}
#footer ul li a
{
color:#fff;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
text-decoration:underline;
}
#footer ul li a:hover
{
color:#fff;
text-decoration:none;
}
.clear
{
clear:both;
}