body, form, h1, h2, h3, p {
margin : 0;
padding : 0;
}
img, a img {
border : none;
}
ul, li {
margin : 0;
padding : 0;
list-style : none;
}
a {
color : #000000;
text-decoration : none;
}
a:hover {
color : #fff;
}
h1 {
padding : 0 0 0 5px;
font-family : "Trebuchet MS", Arial, Tahoma;
font-size : 16px;
color : #b520e6;
}
h2 {
margin : 0 20px;
padding : 0 0 0 5px;
font-family : Tahoma, Arial;
font-size : 11px;
color : #777;
font-weight : normal;
border-left : 0 solid #555;
}
h3 {
margin : 0;
padding : 5px;
font-family : Tahoma, Arial;
font-size : 11px;
color : #777;
font-weight : normal;
border : 1px dashed #555;
}
h3 b {
color : #999;
}
fieldset {
margin : 0 0 20px 0;
padding : 5px;
border : 1px solid #555;
}
fieldset table tr td {
width : 200px;
}
legend {
font-size : 18px;
font-weight : bold;
}
.form a, .form a:hover, .form a:visited {
color : #999;
}
body {
background : #f7acd5;
}
#container {
width : 884px;
margin : 0 auto;
}
#header {
height : 90px;
margin : 0 2px 0 2px;
}
#headerHeader {
height : 85px;
}
#headerMenu {
position : relative;
height : 55px;
}
#mImages, #mImages:visited, #mLayouts, #mLayouts:visited, #mTutorials, #mTutorials:visited, #mTweaks, #mTweaks:visited, #mGens, #mGens:visited, #mCodes, #mCodes:visited {
display : block;
width : 117px;
height : 30px;
padding : 25px 4px 0 0;
position : absolute;
top : 0;
text-align : right;
color : #fff;
font-family : "Trebuchet MS", Arial, Tahoma;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
background-image : url(/_theme/images/menuBg.png);
background-repeat : no-repeat;
}
#mImages {
left : 2px;
background-position : -2px 0;
}
#mLayouts {
left : 127px;
background-position : -127px 0;
}
#mTutorials {
left : 252px;
background-position : -252px 0;
}
#mTweaks {
left : 377px;
background-position : -377px 0;
}
#mGens {
left : 502px;
background-position : -502px 0;
}
#mCodes {
left : 627px;
background-position : -627px 0;
}
#headerBanner {
height : 105px;
position : relative;
}
#bigBanner {
height : 101px;
width : 498px;
padding : 4px 0 0 2px;
position : absolute;
top : 0;
left : 0;
}
#smallBanner {
height : 80px;
width : 130px;
padding : 15px 10px 10px 110px;
position : absolute;
top : 0;
right : 0;
overflow : hidden;
}
#breadCrumb-o {
margin : 4px 2px 0 2px;
height : 25px;
color : #000000;
font-family : "Trebuchet MS", Arail, Tahoma;
font-size : 12px;
font-weight : bold;
}
#breadCrumb-i {
padding : 3px 0 0 10px;
}
#breadCrumb-i a, #breadCrumb-i a:visited {
color : #b520e6;
text-decoration : none;
}
#breadCrumb-i a:hover, #breadCrumb-i a:active {
text-decoration : underline;
}
#indexGrid {
margin : 5px 0 0 0;
position : relative;
}
#indexGrid-c1 {
position : absolute;
top : 6px;
left : 6px;
padding : 0 7px 0 0;
width : 234px;
height : 348px;
border-right : 1px solid #292929;
}
#indexGrid-c2 {
position : absolute;
top : 6px;
left : 246px;
padding : 0 7px;
width : 234px;
height : 348px;
border-left : 1px solid #414141;
}
.indexGrid-r1 {
height : 60px;
padding : 0 0 5px 0;
margin : 0 0 5px 0;
border-bottom : 1px dotted #464646;
}
.indexGrid-r2 {
height : 60px;
padding : 0 0 5px 0;
margin : 5px 0 0 0;
border-bottom : 1px dotted #464646;
}
.indexGrid-r3 {
height : 60px;
padding : 0 0 5px 0;
margin : 5px 0 0 0;
border-bottom : 1px dotted #464646;
}
.indexGrid-r4 {
height : 60px;
padding : 0 0 5px 0;
margin : 5px 0 0 0;
border-bottom : 1px dotted #464646;
}
.indexGrid-r5 {
height : 60px;
margin : 5px 0 0 0;
}
.iG-234 {
font-family : Verdana, Arial, Helvetica;
cursor : pointer;
height : 100%;
}
.iG-titleG {
padding : 4px 0 0 4px;
font-size : 11px;
}
.iG-textG {
padding : 0 0 0 4px;
height : 28px;
color : #7c7c7c;
font-size : 10px;
}
.iG-linkG {
padding : 1px 0 0 0;
color : #fff;
font-size : 10px;
text-align : right;
text-decoration : underline;
}
.iG-titleY {
padding : 4px 0 0 4px;
font-size : 11px;
}
.iG-textY {
padding : 0 0 0 4px;
height : 28px;
color : #7c7c7c;
font-size : 10px;
}
.iG-linkY {
padding : 1px 0 0 0;
color : #fff;
font-size : 11px;
text-align : right;
font-family : Helvetica, Arial, Verdana;
}
.indexlistItem {
margin : 10px 5px 10px 20px;
font-family : "Trebuchet MS", Arial, Tahoma;
font-size : 18px;
font-weight : bold;
}
.indexlistItem img {
height : 60px;
width : 60px;
border : 4px solid #b520e6;
vertical-align : middle;
margin : 0 10px 0 0;
}
.indexlistItem a {
color : #b520e6;
}
.indexlistItem a:hover {
color : #000000;
}
#body {
margin : 0;
padding : 0;
}
#content {
padding-left : 2px;
width : 630px;
float : left;
}
#content-o {
width : 100%;
}
#content-i {
padding : 5px;
}
#featuredRider {
margin : 5px 0 0 0;
}
#featuredRiderx {
margin : 5px 0 0 0;
}
#contentBefore-o, #contentAfter-o {
margin : 4px 0 4px 0;
width : 100%;
}
#contentBefore-i, #contentAfter-i {
padding : 5px 10px;
}
.cBad336, .cAad336 {
width : 336px;
height : 280px;
float : right;
}
.adIcons336 {
width : 115px;
height : 268px;
padding : 12px 0 0 0;
float : left;
}
.icon336 {
display : block;
height : 67px;
text-align : right;
}
.showImages {
text-align : center;
padding : 30px 0;
}
.showImages img {
margin : 0 0 5px 0;
}
.showImageTextBox {
width : 450px;
height : 30px;
margin : 0 0 0 0;
font-family : Tahoma, Arial;
font-size : 11px;
background : #f7acd5;
border : 1px solid #b520e6;
color : #777;
padding : 0.2em;
}
.pagination, .backButton {
padding : 15px 0;
text-align : center;
font-family : Tahoma, Arial;
font-size : 9px;
color : #dd137b;
}
.pagination a, .pagination a:visited, .backButton a, .backButton a:visited {
position : relative;
top : 3px;
font-family : "Trebuchet MS", Arial, Tahoma;
font-size : 14px;
font-weight : bold;
text-decoration : none;
padding : 0 0.35em 0 0.35em;
color : #dd137b;
background : #f7acd5;
border : 1px solid #dd137b;
}
.pagination .null {
position : relative;
top : 3px;
font-family : "Trebuchet MS", Arial, Tahoma;
font-size : 14px;
font-weight : bold;
text-decoration : none;
padding : 0 0.35em 0 0.35em;
color : #dd137b;
background : #fcd4d0;
border : 1px solid #dd137b;
}
.pagination a:hover, .pagination a:active, .backButton a:hover, .backButton a:active {
color : #b520e6;
border : 1px solid #b520e6;
}
#navigation {
margin : 4px 0 4px 4px;
width : 246px;
float : left;
}
#navigation-o {
background : #fcd4d0 url(/_theme/images/menuLongBottom.png) no-repeat center bottom;
}
#navigation-i {
position : relative;
background : url(/_theme/images/menuLongTop.png) no-repeat center top;
padding : 0 0 10px 0;
}
.navTitle {
margin : 0 1px 4px 15px;
padding : 12px 0 0 17px;
width : 213px;
height : 19px;
font-family : "Trebuchet MS", Arial, Tahoma;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
background : url(/_theme/images/navigationTitleBg.gif) no-repeat 0 12px;
}
.navUs li a, .navUs li a:visited, .navImages li a, .navImages li a:visited, .navLayouts li a, .navLayouts li a:visited, .navTutorials li a, .navTutorials li a:visited, .navTweaks li a, .navTweaks li a:visited, .navGens li a, .navGens li a:visited, .navBasic li a, .navBasic li a:visited {
display : block;
width : 203px;
height : 16px;
margin : 0 0 0 32px;
padding : 4px 0 0 10px;
color : #000000;
font-family : Tahoma, Arial;
font-size : 11px;
text-decoration : none;
background : url(/_theme/images/navigationLinkBg.gif) no-repeat left bottom;
}
.form {
margin : 30px 15px 15px 15px;
font-family : Tahoma, Arial;
font-size : 11px;
color : #666;
}
.form p {
padding : 2px 0;
}
.formTextbox {
padding : 0 5px;
width : 300px;
font-family : Tahoma, Arial;
font-size : 11px;
color : #bbb;
background : #f7acd5;
border : 1px solid #555;
}
.formCheckbox {
margin : 0;
}
.formSubmit {
display : block;
width : 75px;
margin : 15px auto;
font-family : Tahoma, Arial;
font-size : 11px;
color : #555;
background : #f7acd5;
border : 3px double #555;
cursor : pointer;
}
.formTextboxSmall, .formSelectSmall {
font-family : Tahoma, Arial;
font-size : 11px;
color : #bbb;
background : #f7acd5;
border : 1px solid #555;
}
.formTextboxSmall {
width : 146px;
padding : 1px 2px;
}
.formSelectSmall {
width : 152px;
}
.formRadioSmall, .formCheckboxSmall {
margin : 2px 1px;
vertical-align : middle;
}
.formTextareaSmall {
width : 146px;
height : 56px;
padding : 2px;
font-family : Tahoma, Arial;
font-size : 11px;
color : #bbb;
background : #f7acd5;
border : 1px solid #555;
}
.formTextareaBig {
width : 440px;
height : 400px;
padding : 2px;
font-family : "Courier New", Courier, mono;
font-size : 11px;
color : #bbb;
background : #f7acd5;
border : 1px solid #555;
}
.formUrl {
text-align : center;
}
.glyphTable {
margin : 20px;
font-family : Arial, Tahoma;
font-size : 11px;
}
.glyphTable table {
width : 100%;
}
.glyphTable table tr td {
padding : 0 4px;
background : #f7acd5;
}
.glyphTable table tr td b {
font-size : 16px;
}
.glyphTableTitle {
color : #f7acd5;
font-family : "Trebuchet MS", "Times New Roman", "Arial";
font-size : 14px;
font-weight : bold;
}
#indexTrain {
margin-top : 5px;
}
.simpleTrain {
padding : 20px;
color : #f7acd5;
font-family : "Trebuchet MS", "Times New Roman", "Arial";
font-size : 14px;
font-weight : bold;
}
.simpleTrain table {
width : 100%;
}
.simpleTrain table tr td {
padding : 0 5px;
}
.colorChart {
margin : 20px;
font-family : Arial, Tahoma;
font-size : 11px;
}
.colorChart table {
width : 100%;
}
.colorChart table tr td {
text-align : center;
}
.colorChartDark {
color : #fff;
}
.colorPicker {
margin : 93px;
}
.colorPicker table {
width : 100%;
border : 5px solid #fff;
}
.colorPicker table tr td {
text-align : center;
}
.colorPicker table tr td .cp {
font-family : Arial, Tahoma;
font-size : 11px;
font-weight : bold;
text-align : center;
width : 50px;
padding : 0;
margin : 0;
background : #fff;
color : #545454;
font-weight : normal;
cursor : pointer;
border : 2px solid #fff;
}
#footer-o {
clear : both;
margin : 0 2px 20px 2px;
}
#footer-i {
padding : 2px 5px;
}
#pageGen {
font-family : Tahoma, Arial;
font-size : 10px;
padding : 5px;
text-align : right;
color : #000000;
}
.showMarquee {
padding : 0 0 20px 0;
text-align : center;
}
.w11 {
background : #fcd4d0 url(/_theme/images/onion1-TL.gif) no-repeat top left;
}
.w12, .w13, .w14 {
height : 100%;
width : 100%;
}
.w12 {
background : url(/_theme/images/onion1-TR.gif) no-repeat top right;
}
.w13 {
background : url(/_theme/images/onion1-BR.gif) no-repeat bottom right;
}
.w14 {
background : url(/_theme/images/onion1-BL.gif) no-repeat bottom left;
}
.w21 {
background : #fcd4d0 url(/_theme/images/onion2-TL.gif) no-repeat top left;
}
.w22, .w23, .w24 {
height : 100%;
width : 100%;
}
.w22 {
background : url(/_theme/images/onion2-TR.gif) no-repeat top right;
}
.w23 {
background : url(/_theme/images/onion2-BR.gif) no-repeat bottom right;
}
.w24 {
background : url(/_theme/images/onion2-BL.gif) no-repeat bottom left;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-table;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#search {
padding-left : 2px;
width : 880px;
float : left;
}
#search-o {
margin : 4px 0 0 0;
width : 100%;
}
#search-i {
padding : 5px 5px;
}