/* stylesheet for webdevelopmenttutorials.com */
*
{
margin: 0;
padding: 0;
}
body
{
font: 1em 'Lucida Grande', Verdana, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
background: #fff url("site-image1.gif") 0 0 repeat-x;
}
a
{
text-decoration: underline;
color: #000;
}
a:hover
{
text-decoration: none;
}
ul
{
margin:0 0 0 20px;
padding:0;
}
ul li
{
margin:0;
padding:0;
background:url("") 0 0 no-repeat;
}
ol
{
margin:0 0 0 20px;
padding:0;
}
img
{
border:0 solid #fff;
}
#wrap
{
width: 100%;
margin: 0 auto;
padding: 0;
}
#header-wrap
{
width: 100%;
margin: 0;
padding: 0;
}
#header
{
position: relative;
margin: 0 auto;
height: 150px;
background: url("site-image2.jpg") 10px 55px no-repeat;
}
#header h1
{
position:relative;
top:55px;
left:125px;
width:675px;
margin: 0;
padding: 0;
}
#header h1 a
{
margin: 0;
padding: 0 5px 0 0;
font-size:45px;
font-weight:normal;
font-family:"Trebuchet MS", georgia, 'times new roman', times, arial, sans-serif;
color: #002844;
text-decoration: none;
}
#header h1 a:hover
{
}
#header h1 span
{
color:#ff0000;
}
#header #navigation
{
position: absolute;
margin: 0;
padding: 0;
width:1100px;
left: 0;
top: 5px;
}
#header #navigation ul
{
float: left;
list-style-type: none;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
}
#header #navigation ul li
{
display: inline;
line-height: 35px;
margin: 0;
padding: 0;
}
#header #navigation ul li a
{
margin:0;
padding:0 0 0 5px;
color: #002844;
font: normal 17px 'trebuchet ms', 'helvetica neue', arial, sans-serif;
text-decoration: none;
}
#header #navigation ul li a:hover
{
text-decoration:underline;
}
#contentwrap
{
width:1150px;
margin: 0;
padding: 0;
}
#left
{
width:260px;
float:left;
margin: 0;
padding:2px 0 0 5px;
}
#left h1
{
margin:0;
padding:5px;
text-align:center;
color:#282844;
font-size:22px;
font-weight:normal;
font-family:"Trebuchet MS", arial, helvetica, tahoma, Georgia, 'Times New Roman', Times, Serif;
border-bottom: 1px dotted #002844;
}
#left h1 a
{
color:#282844;
text-decoration:none;
}
#left h1 a:hover
{
color:#282844;
text-decoration:none;
}
#left p
{
margin:0;
padding:3px 2px;
color:#000;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
border-bottom:1px dotted #002844;
} 
#left .left-list
{
margin:0 0 5px 0;
padding:0;
background:#fff;
border: 1px solid #295177;
}
#left .left-list ul
{
margin: 5px 4px 4px 4px;
padding: 0;
text-align: left;
}
#left .left-list ul li
{
margin: 0;
padding: 2px;
list-style-type: none;
color:#000;
border-bottom: 1px dotted #dcf1fb;
}
* html body left .left-list ul li
{
height: 1%;
}
#left .left-list ul li a
{
font-size:14px;
font-weight:normal;
color: #000;
margin: 0;
padding: 0;
text-decoration:underline;
}
#left .left-list ul li span
{
font-size:13px;
color:#000;
font-family:arial, tahoma, sans-serif;
font-weight:normal;
}
#left .left-list ul li a:hover
{
text-decoration:none;
}
#left img.template-box
{
margin:3px 4px 3px 1px;
padding:0;
width:250px;
height:163px;
border:1px solid #002844;
}
#left img a
{
border:0 solid #fff;
text-decoration:none;
}
#left img a:hover
{
text-decoration:none;
}
#center
{
width:200px;
float:left;
margin: 0;
padding:2px 0 0 5px;
}
#center h1
{
margin:0;
padding:5px;
text-align:center;
color: #282844;
font-size:22px;
font-weight:normal;
font-family:"Trebuchet MS", arial, helvetica, tahoma, Georgia, 'Times New Roman', Times, Serif;
border-bottom: 1px dotted #002844;
}
#center h1 a
{
color:#282844;
text-decoration:none;
}
#center h1 a:hover
{
color:#002844;
text-decoration:none;
}
#center p
{
margin:0;
padding:3px 2px;
color:#000;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
border-bottom:1px dotted #002844;
} 
#center .center-list
{
margin:0 0 5px 0;
padding:0;
background:#fff;
border: 1px solid #295177;
}
#center .center-list ul
{
margin: 5px 4px 4px 4px;
padding: 0;
text-align: left;
}
#center .center-list ul li
{
margin: 0;
padding:2px;
list-style-type: none;
color:#000;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
border-bottom: 1px dotted #dcf1fb;
}
* html body center .center-list ul li
{
height: 1%;
}
#center .center-list ul li a
{
margin: 0;
padding: 0;
color:#000;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
text-decoration:underline;
}
#center .center-list ul li span
{
font-size:13px;
color:#000;
font-family:arial, tahoma, sans-serif;
font-weight:normal;
}
#center .center-list ul li a:hover
{
text-decoration:none;
}
#center img
{
margin:4px 0 2px 24px;
padding:0;
width:150px;
height:150px;
border:1px solid #002844;
}
#center img.affiliate-justhost
{
width:120px;
height:60px;
padding:0 0 0 10px;
border:0 solid #fff;
}
#center img.affiliate-cocc
{
width:90px;
height:40px;
padding:0 0 0 30px;
border:0 solid #fff;
}
#center img a
{
border:0 solid #fff;
text-decoration:none;
}
#center img a:hover
{
text-decoration:none;
}
#rightcolumn a.text-link-bold
{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 17px;
}
#rightcolumn
{
float:right;
width:670px;
min-height:600px;
margin:0 5px 0 0;
padding:0 0 15px 5px;
background: #fff;
}
#rightcolumn h1
{
margin:0 0 5px 0;
padding:0 0 0 50px;
color:#282844;
font-size:28px;
font-weight:normal;
font-family:'trebuchet MS', tahoma, sans-serif;
background:url("site-image3.jpg") 0 5px no-repeat;
}
#rightcolumn h2
{
margin:5px 0 5px 20px;
padding:0;
color:#ff0000;
font-size:22px;
font-weight:normal;
font-family:'trebuchet MS', tahoma, sans-serif;
}
#rightcolumn h3
{
margin:5px 0 5px 20px;
padding:0;
color:#282844;
font-size:18px;
font-weight:normal;
font-family:'trebuchet MS', tahoma, sans-serif;
}
#rightcolumn p
{
margin:5px 0 10px 0;
padding:0;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 15px;
}
#rightcolumn p.tutorial-box
{
margin:5px 0 10px 0;
padding:10px 5px;
font-size:15px;
font-family:arial, tahoma, helvetica, sans-serif;
border:1px solid #000;
}
#rightcolumn img
{
margin:0;
padding:0;
border:1px solid #000;
}
#rightcolumn ul.unordered-list
{
margin:5px 0 5px 0;
padding: 0;
}
#rightcolumn ul.unordered-list li
{
display: block;
list-style-type: none;
margin: 3px 0;
padding:0 0 0 15px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
background:url("site-image4.jpg") 0 3px no-repeat;
}
#rightcolumn ul.unordered-list li a
{
margin: 0;
padding: 0;
color: #000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
text-decoration: underline;
}
#rightcolumn ul.unordered-list li a:hover
{
text-decoration: none;
}
#rightcolumn ul.navigation-list
{ margin:5px 0; padding:0; }
#rightcolumn ul.navigation-list li
{ display:block; list-style-type:none; margin:0; padding:0; color:#000; font-size:15px; font-weight:normal;
font-family:arial, tahoma, sans-serif; }
#rightcolumn ul.navigation-list li a
{ margin:0; padding:0; color:#000; font-size:15px; font-weight:normal; font-family:arial, tahoma, sans-serif;
text-decoration:underline; }
#rightcolumn ul.navigation-list li a:hover
{ color:#000; text-decoration:none; }
#rightcolumn .floatleft
{
float:left;
margin:0 10px 5px 0;
padding: 0;
}
#rightcolumn .video-box
{
margin:0 0 10px 0;
padding:0;
width:660px;
border:0px solid #fff;
}
#rightcolumn table.content-table
{
table-layout:auto;
width:670px;
border-collapse: collapse;
margin:0 0 5px 0;
padding: 0;
color: #000;
font-size: 14px;
}
#rightcolumn tr
{
height: 25px;
}
#rightcolumn td
{
margin: 0;
padding: 2px 3px;
border-left: 1px solid #fff;
border-bottom: solid 1px #fff;
}
#rightcolumn td.one
{
width:20%;
}
#rightcolumn td.two
{
width:80%;
}
#rightcolumn tr.rowa
{
background: #efefef;
}
#rightcolumn tr.rowb
{
background: #f8f8f8;
}
#rightcolumn .2-column-content-box
{
width:670px;
margin:0;
padding:0;
}
#rightcolumn .float-content-left
{
float:left;
width:330px;
margin:0;
padding:0;
}
#rightcolumn .float-content-left h2
{
width:300px;
}
#rightcolumn .float-content-left p
{
width:330px;
margin:5px 15px 10px 5px;
padding:0;
}
#rightcolumn .float-content-right
{
float:right;
width:330px;
margin:0;
padding:0;
}
#rightcolumn .float-content-right h2
{
width:300px;
}
#rightcolumn .float-content-right p
{
width:330px;
margin:5px 15px 10px 5px;
padding:0;
}
#rightcolumn .ads-content-bottom
{
width:670px;
margin:0 auto;
padding:0;
}
#rightcolumn .ad-content-bottom-1
{
margin:0;
padding:0 0 0 135px;
}
#rightcolumn .ad-content-bottom-1 img
{
width:400px;
height:100px;
margin:0;
padding:0;
border:1px solid #fff;
}
#rightcolumn .ad-content-bottom-1 a
{
text-decoration:none;
}
#rightcolumn .ad-content-bottom a:hover
{
text-decoration:none;
}
#rightcolumn .paypal-float-right
{
float:right;
width:100px;
height:50px;
}
#rightcolumn .website-templates-box
{
margin:0;
padding:5px 0 30px 117px;
}
#rightcolumn .website-template
{
margin:0;
padding:0;
}
#rightcolumn .website-template img
{
margin:0;
padding:0;
width:400px;
height:225px;
border:1px solid #000;
}
#rightcolumn .website-template img a
{
text-decoration:none;
border:0 solid #fff;
}
#rightcolumn .website-templates-box ul
{
margin:0;
padding:0 0 0 2px;
}
#rightcolumn .website-templates-box ul li
{
display:block;
margin:0;
padding:3px 0 0 0;
list-style-type:none;
font-size:15px;
font-family:arial, tahoma, sans-serif;
}
#rightcolumn .website-templates-box ul li a
{
text-decoration:underline;
}
#rightcolumn .website-templates-box ul li a:hover
{
text-decoration:none;
}
#footer-wrap
{
width: 100%;
margin: 0 auto;
padding: 0;
border-top: 1px dotted #ccc;
}
#footer
{
float: left;
clear: both;
width: 920px;
margin: 30px auto 0 auto;
padding: 15px 5px;
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
color: #777;
}
#footer .bottom-left
{
float: left;
margin: 0;
padding: 0 0 0 5px;
font-size:13px;
}
.clear
{
clear: both;
}