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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
}
#accordion {
margin : 0;
padding : 0;
}
#accordion dd {
margin : 0 0 5px 10px;
padding : 10px;
border : 1px solid #999999;
}
dl#accordion dt a {
line-height : 21px;
text-decoration : underline;
}
.PageTutorial1 {
margin : 0 auto;
}
.ImageTutorial {
margin : 5px;
text-align : center;
}
.Tutorial_Instruct {
margin : 5px;
padding : 10px;
}
.Imgborder {
padding : 7px;
border : 1px solid #333333;
}
.codes textarea {
width : 80%;
height : 80px;
}
.codes {
margin : 0 auto;
text-align : center;
}
span.light, span.dark {
display : block;
margin-bottom : 6px;
padding : 10px;
}
span.light {
background-color : #fff6e7;
}
span.dark {
background-color : #ffe9e0;
}
.columnprev {
height : 230px;
display : inline;
float : left;
}
.columncode {
width : 318px;
height : 197px;
display : inline;
float : left;
}
.prevcolumn {
margin : 0 auto;
}
.columncode span {
margin : 4px;
}
.columncode li {
line-height : 12px;
}
.columncode a {
font-size : 12px;
font-family : arial;
font-weight : bold;
color : #e943b0;
}
.columncode a:hover {
color : #111111;
}
.columncode h2 {
font-size : 16px;
}
.columncode h1 {
letter-spacing : -1px;
font-weight : bold;
font-size : 21px;
text-transform : lowercase;
margin-bottom : 10px;
}
#layoutpages a {
padding : 5px 5px 5px 5px;
color : #fff;
background-color : #000;
font-size : 20px;
text-decoration : none;
font-weight : bold;
}
#layoutscontent {
text-align : center;
}
.preview1 {
position : relative;
width : 219px;
height : 216px;
float : left;
background-image : url(/loading.gif);
background-position : center center;
background-repeat : no-repeat;
}
.preview2 {
position : absolute;
top : 0;
display : block;
width : 219px;
margin : 0;
padding : 0;
}
a.ihover:hover {
background-image : url(get2.gif);
background-position : top center;
display : block;
width : 219px;
height : 216px;
}
.previewtitle {
color : #fff;
font : 10px arial;
line-height : 15px;
font-weight : normal;
background-color : #1e1e1e;
text-transform : lowercase;
text-align : center;
position : absolute;
padding : 3px;
right : 15px;
top : 9px;
}
.layoutsmain {
width : 100%;
}
body {
background : #181818 url(http://i160.photobucket.com/albums/t162/hotlyts24/backgrounds/stripes2/99.png) repeat left top;
background-attachment : fixed;
font-family : "Arial", Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 16px;
}
.floatLeftinline {
float : left;
display : inline;
padding : 2px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
form {
margin : 0;
padding : 0;
}
fieldset {
margin : 0;
padding : 0;
border : none;
}
input, textarea, select {
font : normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #7331ac;
}
.blockbg {
background : #d9d785;
}
blockquote {
background : url(/skins/v1/images/img08.jpg) no-repeat left top;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
margin : 0 0 0 15px;
padding : 0 20px 0 30px;
font-size : 12px;
color : #3d3d3d;
}
a {
color : #e34cb0;
font-weight : bold;
text-decoration : none;
}
a:hover {
text-decoration : none;
}
hr {
display : none;
}
img {
border : none;
}
img.left {
float : left;
margin : 0 15px 0 0;
border : 1px dashed #d9d785;
}
img.right {
float : right;
margin : 0 0 0 15px;
border : 1px dashed #d9d785;
}
.text1 {
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
margin : 0 0 0 15px;
padding : 90px 20px 0 30px;
font-size : 30px;
color : #ffffff;
}
#header {
width : 990px;
height : 110px;
margin : 0 auto;
font-family : Georgia, "Times New Roman", Times, serif;
}
#logo {
float : left;
background-image : url(/logo.png);
background-repeat : no-repeat;
width : 256px;
height : 99px;
}
.logolink {
float : left;
display : inline;
width : 256px;
height : 99px;
margin : 0;
}
a.logolink {
width : 256px;
height : 99px;
}
.ad {
width : 728px;
height : 90px;
display : inline;
float : left;
margin-top : 5px;
}
.nav {
width : 100%;
background-color : #111111;
height : 35px;
margin-bottom : 10px;
}
.nav a {
line-height : 35px;
padding-left : 10px;
color : #fff;
}
#logo p {
padding-top : 5px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 13px;
font-style : italic;
color : #000;
}
#logo h2 a, #logo p a {
letter-spacing : normal;
font-weight : normal;
color : #6131BD;
}
#logo a {
text-decoration : none;
}
#menu {
float : right;
margin-top : 30px;
}
#menu ul {
margin : 0;
list-style : none;
}
#menu li {
display : inline;
}
#menu a {
display : block;
float : left;
margin-right : 10px;
padding : 5px 15px;
text-align : center;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 13px;
color : #333333;
}
#page {
width : 990px;
margin : 0 auto;
background-color : #fff;
}
#latest-post {
float : left;
width : 665px;
padding : 0 0 0 10px;
font-size : 12px;
}
#latest-post h1 {
border-bottom : 3px solid #111111;
font-size : 22px;
letter-spacing : -1px;
margin-bottom : 10px;
color : #7331ac;
}
#recent-posts {
float : left;
width : 300px;
padding-left : 10px;
font-size : 12px;
}
#recent-posts h2 {
letter-spacing : -1px;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
margin : 0 0 10px 0;
padding-left : 3px;
color : #7331ac;
text-transform : lowercase;
border-bottom : 5px solid #111111;
}
a strong {
color : #000;
}
#recent-posts a {
background : transparent;
display : block;
margin : 0;
text-decoration : none;
font-size : 11px;
color : #333333;
border-left : 9px solid #e34cb0;
font-weight : normal;
padding-left : 5px;
line-height : 15px;
text-transform : lowercase;
}
#recent-posts a:hover {
background : transparent;
display : block;
margin : 0;
color : #c10c84;
background-color : #f7f1f5;
border-left : 9px solid #d2359d;
}
.left {
float : left;
display : inline;
width : 148px;
}
#recent-posts .more {
padding-left : 20px;
}
.post .title {
margin : 0;
}
.post .meta {
margin-top : -5px;
padding : 0;
line-height : normal;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #b4b4b4;
}
.post .meta a {
color : #000000;
}
.post .entry {
margin-bottom : 10px;
padding-bottom : 5px;
border-bottom : 1px dashed #c7c7c7;
font-size : 12px;
}
#sidebar {
clear : both;
width : 970px;
margin : 0 auto;
background : #fff;
color : #cccccc;
padding : 10px 0 0 0;
margin-bottom : 15px;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
display : block;
float : left;
width : 206px;
padding : 10px 5px 10px 25px;
}
#sidebar li ul {
line-height : 1.8em;
}
#sidebar li li {
display : list-item;
float : none;
width : auto;
padding : 5px 0;
line-height : 25px;
border-bottom : 1px dashed #c7c7c7;
font-size : 12px;
font-style : italic;
}
#sidebar h2 {
letter-spacing : normal;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : normal;
margin : 0 0 20px 0;
padding : 0 0 5px 0;
color : #565656;
border-bottom : 1px solid #e8e8e8;
}
#sidebar a {
text-decoration : none;
color : #666666;
}
#sidebar a:hover {
text-decoration : underline;
}
#footer-bg {
background : #111111;
}
#footer {
width : 970px;
height : 60px;
margin : 0 auto;
font-size : 11px;
color : #ffffff;
}
#footer p {
margin : 0;
padding : 25px 20px 15px 20px;
}
#footer a {
color : #ffffff;
}
#legal {
float : left;
}
#links {
float : right;
}
.btn {
width : 80%;
height : 50px;
color : #333;
font-size : 14px;
}
.mynewform fieldset {
margin : 0 20px 20px 0;
padding : 1em;
background-color : #fff;
border : 1px solid #d9e7ed;
border-top : 4px solid #d9e7ed;    -moz-border-radius: 5px;

}
.mynewform legend {
font-style : italic;
color : #333;
padding : 0.5em 0.5em 0 0.5em;
font-size : 1.5em;
font : italic 27px Georgia;
}
.mynewform label {
display : block;
padding-top : 20px;
font-family : arial;
float : left;
clear : left;
width : 150px;
}
label:after {
content : ": ";
}
.mynewform input, .mynewform select {
clear : both;
border : 1px solid #ccc;
color : #333;
font-weight : normal;
margin : 0.4em 0;
padding : 8px 9px;
font : italic 18px Georgia;
width : 250px;    -moz-border-radius: 3px;

}
.mynewform input.radio {
padding : 0;
margin : 0 7px 0 0;
border : 0;
}
input[type="checkbox"], input.checkbox {
width : 75px;
margin : 0.4em 0;
padding : 8px 9px;
font : italic 18px Georgia;
}
.mynewform textarea {
border : 1px solid #ccc;
margin : 0.4em 0;
width : 90%;
padding : 8px 9px;
height : 15em;
font : 1.2em/1.3em Arial;
}
.mynewform input:focus, .mynewform textarea:focus {
border : 1px solid #c8e67a;
background-color : #ffffcc;
}
span.error p {
padding : 5px 7px;
border : 1px solid #ffb8b8;
border-top : 3px solid #ffb8b8;
background : #ffcccc;
}
.mynewform fieldset div {
height : 54px;
margin-bottom : 1px;
display : block;
}
.mynewform p {
display : block;
background-color : #fff6de;
padding : 5px 10px;
color : #9e851f;    -moz-border-radius: 2px;

}

div.pagination {
padding : 1px;
text-align : center;
margin-left : auto;
margin-right : auto;
margin : 3px;
}
div.pagination a {
padding : 2px 5px 2px 5px;
margin : 2px;
border : 1px solid #000000;
text-decoration : none;
color : #000000;
}
div.pagination a:hover, div.pagination a:active {
padding : 10px;
border : 1px solid #8a8a8a;
color : #8a8a8a;
}
div.pagination span.current {
padding : 10px;
margin : 2px;
border : 1px solid #000000;
font-weight : bold;
background-color : #000000;
color : #fff;
}
div.pagination span.disabled {
padding : 2px 5px 2px 5px;
margin : 2px;
border : 1px solid #eee;
color : #ddd;
}