@font-face {

    font-family: 'ropa_sansregular';

    src: url('../fonts/ropasans-regular-webfont.eot');

    src: url('../fonts/ropasans-regular-webfont-.eot#iefix') format('embedded-opentype'),

         url('../fonts/ropasans-regular-webfont.woff') format('woff'),

         url('../fonts/ropasans-regular-webfont.ttf') format('truetype'),

         url('../fonts/ropasans-regular-webfont.svg#ropa_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

html,body,h1,h2,h3,h4,h5,h6,p{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}

html,body{height:100%;margin:0;padding:0}

body{color:#E5E5E5;background-color:#120D0B;background-image:url("../images/blur2.jpg");background-repeat:no-repeat;background-position:top;font:13px/21px  Arial, sans-serif;line-height:1.4em}

a:link,a:visited,a:active{color:#DFDFD0;font-weight:400;text-decoration:none;outline:none}

a:hover{color:#fff}

ul{list-style-type:none;margin:0;padding:0}

li{padding-left:15px;background:url("../images/bullet.png") no-repeat left 8px}

.wrap{width:980px;margin-right:auto;margin-left:auto;position:relative}

.wrapper{min-height:100%;height:auto!important;background-image:url("../images/topline.png");background-repeat:repeat-x;background-position:left top;margin:0 auto -4em}

.shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5)}

p{margin:0 0 10px;padding:0}

hr{background:url("../images/hr.png") no-repeat center;height:31px;border:none;display:block;margin:10px 0;padding:0}

img{border:0}

.image{border:1px solid #232A33;background-image:url("../images/image-bg.png");background-repeat:repeat;padding:5px}

.image:hover{background-color:#232A33}

#avatar{position:absolute;right:20px;top:20px;border:1px solid #BCBCBC;border-radius:5px;background-color:#FFF;padding:3px}

.captcha{border:1px solid rgba(0,0,0,0.40);display:inline-block;vertical-align:middle;text-align:center;padding:2px}


.clear{height:0px;overflow:hidden;margin:0px;clear:both;}

#header{ height: 150px; background-image: url("../images/bg_light.png"); background-repeat: no-repeat; background-position: center top; }

#header .logo{height:75px}

#header .logo img{padding-top:2px}



h1,h2,h3,h4,h5,h6{font-family:ropa_sansregular, "Segoe UI", Arial, Helvetica, sans-serif;text-shadow:0 1px 0 rgba(0,0,0,0.35);color:#FFF;margin:0 0 10px;padding:0}

h1{font-size:30px;line-height:30px}

h2{font-size:26px;line-height:26px}

h3{font-size:22px;line-height:22px}

h4{font-size:18px;line-height:18px}

h5{font-size:16px;line-height:16px}

h6{font-size:14px;line-height:14px}





/* == Content Style == */

#left-col{float:left;width:270px;padding-bottom:15px;padding-left:0}

#left-col .left-col-inner{margin-right:10px}


#right-col .right-col-inner{margin-left:10px}

#right-col-sml{float:right;width:150px;padding-right:0;padding-bottom:15px;padding-left:20px}

#main-col-left{margin-right:285px}

#main-col-right{margin-left:285px}

#main-col-left-right{margin-left:285px;margin-right:170px}

#crumbs{height:40px;line-height:40px;background:none repeat scroll 0 0 rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.25) inset}

.box{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background-color:rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.4);padding:10px}

#right-col .plug-body,#left-col .plug-body{margin:0 0 10px}

#botplugin{padding-top:20px;padding-bottom:10px;color:#FFF;background:none repeat scroll 0 0 rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.25) inset}

#botplugin h3{color:#fff;text-shadow:#000 1px 1px 0}

#botplugin .botplugin-inner{margin-right:10px;margin-left:10px}

#topplugin{min-height:40px;margin-top:10px;padding-bottom:10px;background-image:url("../images/hr.png");background-repeat:no-repeat;background-position:center bottom}

#topplugin .topplugin-inner{margin-right:5px;margin-left:5px;padding-bottom:10px;padding-top:10px}

#home-top-plugin{padding-top:10px;padding-bottom:10px}

.right-plug-wrap,.left-plug-wrap{margin-bottom:5px;padding-bottom:5px;background-repeat:repeat-x;background-position:bottom}

.right-plug-inner,.left-plug-inner{padding:5px 0}

.right-plug-inner h3,.left-plug-inner h3{font-size:18px;font-weight:lighter}




/* == Liquid Boxes == */

.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:left;margin-left:3.8%}

.grid1{width:4.85%}

.grid2{width:13.45%}

.grid3{width:22.05%}

.grid4{width:30.75%}

.grid5{width:39.45%}

.grid6{width:48%}

.grid7{width:56.75%}

.grid8{width:65.4%}

.grid9{width:74.05%}

.grid10{width:82.7%}

.grid11{width:91.35%}

.first{margin-left:0;clear:left}




/* == Gallery == */

ul#galleryrow{list-style:none;margin:0;padding:0}

ul#galleryrow li{list-style:none;float:left;text-align:center;background-image:url("../images/pixel.gif");background-repeat:no-repeat;margin:0;padding:0}

ul#galleryrow li img{text-align:center;vertical-align:middle;background-color:#493E47;border:1px solid #333;border-radius:4px;box-shadow:1px 1px 6px #493E47;margin:5px;padding:10px}

ul#galleryrow li img:hover{background-color:#333;border:1px solid #000;box-shadow:1px 1px 5px #333}



/* == Account == */

table.account{background-image:url("../images/trans.png");background-repeat:repeat;-moz-order-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.account tr td{padding:5px}


/* == Login Box == */

#login-box{ position:absolute; right:10px; top:10px;  }

#login-box a{color: #FFF; }

#login-box a:hover{text-decoration:underline}



/* == Search == */

#search-box{float:right;margin-top:45px;position:relative;width:280px;z-index:799;border:1px solid #1A1A1A;background-color:rgba(0,0,0,0.10);padding:5px}

#inputString{border:0;background-color:transparent;color:#fff;background-image:url("../images/mag-glass.png");background-repeat:no-repeat;background-position:100% center;width:270px;padding:5px}



/* == Pagination == */

#pagination,.pagination{text-align:center;font-family:ropa_sansregular,Verdana, Arial, Helvetica, sans-serif;font-size:13px}

#pagination a,.pagination a{text-decoration:none;outline:none;-webkit-border-radius:3px;border-radius:3px;margin:0 5px 0 0;padding:5px 10px}

#pagination a.number,.pagination a.number{background-color:#111}

#pagination a.number:hover,.pagination a.number:hover{color:#FFF;background-color:#E35B53}

#pagination a.current,.pagination a.current{color:#E35B53;background-color:#fff}

#pagination a.current:hover,.pagination a.current:hover{text-decoration:underline}




/* == Footer == */

.push{height:4em;clear:both}

#footer{padding-left:10px;text-align: center; height:1em;color:#fff;line-height:1em;background-image:url("../images/footer-bg.png");background-repeat:repeat-x;background-position:top;box-shadow:0 1px 3px rgba(0,0,0,0.25) inset;font-family:ropa_sansregular;font-size:11px;text-transform:uppercase}

#footer .foot-icons{float:right;width:300px;text-align:right}

#footer .foot-icons img{padding-left:10px}

#footer a:hover{text-decoration:underline}

.tip-yellowsimple{z-index:1000;text-align:left;border:1px solid #c7bf93;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;min-width:20px;max-width:auto;color:#000;text-shadow:1px 1px 1px #ddd;background-color:#fff9c9;padding:6px 8px}

.tip-yellowsimple .tip-inner{font-size:12px;line-height:1.2em}

.tip-yellowsimple .tip-arrow-top{margin-top:-6px;margin-left:-5px;top:0;left:50%;width:9px;height:6px;background:url("../images/tip-yellowsimple_arrows.gif") no-repeat}

.tip-yellowsimple .tip-arrow-right{margin-top:-4px;margin-left:0;top:50%;left:100%;width:6px;height:9px;background:url("../images/tip-yellowsimple_arrows.gif") no-repeat -9px 0}

.tip-yellowsimple .tip-arrow-bottom{margin-top:0;margin-left:-5px;top:100%;left:20px;width:9px;height:6px;background:url("../images/tip-yellowsimple_arrows.gif") no-repeat -18px 0}

.tip-yellowsimple .tip-arrow-left{margin-top:-4px;margin-left:-6px;top:50%;left:0;width:6px;height:9px;background:url("../images/tip-yellowsimple_arrows.gif") no-repeat -27px 0}
