body, html{
	/*overflow-x:hidden;*/
	padding:0px;
	margin:0px;
}

body {
	background: #FFF;
    font: 12px Arial;
    overflow-x: hidden;
}

a img {
    border: 0;
}

#wallpaperBg {
    position: absolute;
    height: 805px;
    top: 0;
    left: 50%;
    margin-left: -820px;
}

#wallpaperBg  a {
    display: block;
    width: 1547px;
    height: 545px;
}

#header {
    position: relative;
    width: 980px;
    margin: 0 auto;
    height: 180px;
}

#styleWarsLogo {
    display: block;
    background: url(../images/csssprite.png) no-repeat left top;
    width: 278px;
    height: 160px;
}


#languageChange.hu {
    position: absolute;
    top: 0;
    right: 0;
    width: 243px;
    height: 201px;
    background: url(../images/csssprite.png) no-repeat -279px top;
}

#languageChange.hu a.eng {
    position: absolute;
    display: block;
    background: url(../images/csssprite.png) no-repeat -335px -107px;
    width: 53px;
    height: 25px;
    top: 107px;
    left: 56px;
}


#languageChange.hu a.hun {
    position: absolute;
    display: block;
    background: url(../images/csssprite.png) no-repeat -406px -101px;
    width: 54px;
    height: 30px;
    top: 101px;
    left: 127px;
}

#languageChange.hu a.eng:hover {
    background: url(../images/csssprite.png) no-repeat -577px -107px;
}

#languageChange.hu a.hun:hover {
    background: url(../images/csssprite.png) no-repeat -648px -101px;
}


#languageChange.en {
    position: absolute;
    top: 0;
    right: 0;
    width: 243px;
    height: 201px;
    background: url(../images/csssprite.png) no-repeat -279px -200px;
}

#languageChange.en a.eng {
    position: absolute;
    display: block;
    background: url(../images/csssprite.png) no-repeat -335px -307px;
    width: 53px;
    height: 25px;
    top: 107px;
    left: 56px;
}


#languageChange.en a.hun {
    position: absolute;
    display: block;
    background: url(../images/csssprite.png) no-repeat -406px -301px;
    width: 54px;
    height: 30px;
    top: 101px;
    left: 127px;
}

#languageChange.en a.eng:hover {
    background: url(../images/csssprite.png) no-repeat -577px -307px;
}

#languageChange.en a.hun:hover {
    background: url(../images/csssprite.png) no-repeat -648px -301px;
}

#header .share {
    position: absolute;
    top: 76px;
    left: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#header .share.dunkin {
    left: 412px;
}


#header .share.en {
	left: 340px;
}

#header  .share li {
    float: left;
    border-right: 1px solid #ececec;
    text-align: center;
    padding: 5px 7px;
}

#header  .share li.first {
    padding-left: 0;
}

#header  .share li.last {
    border-right: 0;
    padding-right: 0;
}

#header  .share li a  {
    display: block;
    font: 9px Arial;
    color: #011423;
    text-transform: uppercase;
    text-decoration: none;
}

#header  .share li span {
    color: #e80d56;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

#ratingContainer {
	position: absolute;
	left: 445px;
	bottom: 18px;
	width: 108px;
	z-index: 2;
}

#graffiti {    
    position: relative;
    /*width: 710px;*/
    margin: 0 auto;
    display: block; 
	min-height: 340px;
}
#graffitiCont {
    display: table-cell; 
    vertical-align: middle;
	visibility: hidden;
}

#graffitiCont .emptyGraffiti {
	position: relative;
}

#graffitiCont .emptyGraffiti  h3 {
	position: absolute;
	top: 80px;
	width: 100%;
	font: 34px Arial,Helvetica,sans-serif;
	line-height: 37px;
	text-align: center;
	color: #FFF;
}

#graffitiCont .emptyGraffiti  p {
	position: absolute;
	top: 220px;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
}

#graffitiCont .emptyGraffiti  p a {
	color: #E80D56;
}

#graffiti  img{
    border: 15px solid #FFF;
    box-shadow: 0 2px 12px #000000;
    -moz-box-shadow: 0 2px 12px #000000;
    -webkit-box-shadow: 0 2px 12px #000000;
}

#graffiti p {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    margin: 0;
    padding: 10px 0 0;
}
#graffiti a.prev,
#graffiti a.next {
    position: absolute;    
    display: block;
    top: 30%;
    background: url(../images/csssprite.png) no-repeat 0 -160px;
    width: 92px;
    height: 80px;
}
#graffiti a.prev {
    left: -50px;
}

#graffiti a.next {    
    right: -50px;
    background: url(../images/csssprite.png) no-repeat -92px -160px;
}


.headerBottom {
    position: absolute;
    background: url(../images/stylewarsr_wallpaper_bottom.png) no-repeat center top;
    height: 282px;
    width: 1688px;
    margin: 15px auto 0;
    z-index: 2;
    left: 50%;
    margin-left: -844px;
}

.headerBottomCont {
    position: relative;
    width: 980px;
    margin: 0 auto;
    left: 50%;
    margin-left: -490px;
    
}

.headerBottom .avatar {
    position: absolute;
    left: -60px;
    background: url(../images/csssprite.png) no-repeat 0 -553px;
    width: 326px;
    height: 234px;
}

.headerBottom .avatar img {
    position: relative;
    top: 32px;
    left: 80px;
    border: 5px solid #FFF;    
    border-radius: 5px;
   /* -moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    -webkit-transform:rotate(-17deg);
    -moz-transform:rotate(-17deg);
    -o-transform:rotate(-17deg);
    transform:rotate(-17deg);    
    /*box-shadow: 0 2px 12px #000000;*/
   /* -moz-box-shadow: 0 2px 12px #000000;*/
   /* -webkit-box-shadow: 0 2px 12px #000000;*/
}

.headerBottom .avatar .userName {
    position: absolute;
    top: 24px;
    left: 178px;
    background: url(../images/csssprite.png) no-repeat 0 -509px;
    height: 44px;
    padding-left: 30px;
    color: #FFF;
    float: left;
}

.headerBottom .avatar .userName span {
    display: block; 
    float: left;
    padding: 7px 0;
    font-size: 24px;
 
}

.headerBottom .avatar .userName span.end {
    float: right;
    display: block;
    background-image: url(../images/csssprite.png);
    background-repeat: no-repeat;
    background-position: -418px -509px;
    width: 18px;
    height: 44px;
    margin-right: -18px;
    padding: 0;
}

.blueBox {
    background: #37bff6;
    /*background-image: url(../images/csssprite.png);
    background-repeat: no-repeat;
    background-position: -363px -555px;*/
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    color: #FFF;
    padding: 7px;
}
.blueBox  b{
}

/*.blueBox:hover {
    box-shadow: 0 2px 8px #37bff6;
    -moz-box-shadow: 0 2px 8px #37bff6;
    -webkit-box-shadow: 0 2px 8px #37bff6;
}*/


.whiteBox {
    background: #FFF;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    color: #000;
    padding: 7px;
    font-size: 17px;
    display: inline-block;
    box-shadow: 0 2px 8px #555;
    -moz-box-shadow: 0 2px 8px #555;
    -webkit-box-shadow: 0 2px 8px #555;
}

#userGroup,
#userStatus {
    position: absolute;
    white-space: nowrap;
   /* text-shadow: 1px 1px 3px #555;*/
}
#userGroup {
    top: 73px;
    left: 217px;
}

#userStatus {
    top: 107px;
    left: 210px;
}
#userMessage {    
    position: absolute;
    top: 150px;
    left: 60px;
    width: 70%;
    /*text-shadow: 1px 1px 6px #555;*/
    font-size: 12px;
	line-height: 15px;
    padding: 7px 15px 12px 15px;
    border: 1px solid #c9c0c0;
	height: 25px;
	overflow: hidden;
}

#userMessage .arrow {
    position: absolute;
	top: -9px;
	left: 60px;
	display: block;
    background-image: url(../images/csssprite.png);
    background-repeat: no-repeat;
    background-position: 0 -376px;
    width: 14px;
    height: 12px;
}
#userPics .arrow {
    position: absolute;
	bottom: -10px;
	right: 40px;
    display: block;
    background-image: url(../images/csssprite.png);
    background-repeat: no-repeat;
    background-position: 0 -362px;
    width: 14px;
    height: 12px;
	z-index: 10;
}

.styleWarsSite {
    float: left;
    position: relative;
    width: 100%;
    top: 147px;
    top: 220px;
    background: #FFF;
    z-index: 10;
}

.styleWarsContent {
    width: 1002px;
    margin: 0 auto;
    padding-top: 180px;
    padding-top: 0;
    background: #FFF;
    z-index: 10;
}

.leftContent {
    float: left;
    width: 810px;
	margin-right: 10px;
	padding-bottom: 100px;
}

#commentContainer {
    width: 468px;
    float: left;
	margin-right: 30px;
}
#bioContainer {
    float: left;
    width: 260px;
}

#bioContainer .uinfo {
	margin-bottom: 20px;
}

#bioContainer .uinfo p {
	font: 17px Georgia;
	font-style: italic;
	color: #242424;
	margin-top: 3px;
}

#bioContainer .uinfo .uname {
	color: #e10451;
}

#bioContainer .mediaBox {
	padding: 10px 0;
	margin: 0;
}

.mediaBox {
	clear: both;
}

.mediaBox h3 {
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 10px;
	margin: 0;
	font-weight: normal;
}

.mediaBox h3 span {
	display: inline-block;
	width: 47px;
	height: 36px;
	margin-right: 8px;
}

.mediaBox.pics h3 span {
    background: url(../images/csssprite.png) no-repeat 0 -241px;
}
.mediaBox.video h3 span {
    background: url(../images/csssprite.png) no-repeat -48px -241px;
}

.mediaBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mediaBox ul li  img{
	width: 48px;
	height: 48px;
	border: 2px solid #8DCAE9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mediaBox ul li  img:hover {
	border-color: #E2044F;
}

.mediaBox ul li {
	float: left;
	margin-right: 8px;
}

.rightContent {
    float: left;
    width: 170px;
}

.leftContent h2 {
    font-size: 24px;
    color: #e10451;
	line-height: 27px;
	padding: 0 0 10px;
	margin: 0;
	font-weight: normal;
    /*text-transform: uppercase;*/
}


#slider_bg {
    background-image: url(../images/csssprite.png);
    background-repeat: no-repeat;
    background-position: 0 -402px;
	width: 624px;
	height: 100px;
	position: absolute;
	left: 356px;
	top: 64px;
}

#userPics {
    position: absolute;
    top: -29px;
    right: 72px;
    /*padding: 7px 14px;*/
}

#slider{
	position: absolute;
	width: 460px;
	height: 100px;
	left: 82px;
	top: 10px;
}

#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
	width:460px;
	height:80px;
	overflow:hidden;
}

#slider li { 

	height:80px;
	overflow: hidden;
}

.slider_pic
{
	float: left;
    height: 80px;
}

#prevBtn, #nextBtn
{
	margin:0;
    padding:0;
    display:block;
    overflow:hidden;
	text-indent:-8000px;
	width:41px;
	height:41px;
	position:absolute;
}

#prevBtn
{
	left:15px;
	top:32px;
}

#nextBtn
{
	left:564px;
	top:32px;
}

#prevBtn a
{
    background-image: url(../images/csssprite.png);
    background-repeat: none;
    background-position: 0 -278px;
	width:41px;
	height:41px;
	display:block;
}
#prevBtn a:hover {
    background-position: 0 -319px;
}
#nextBtn a:hover {
    background-position: -49px -319px;
}

#nextBtn a
{
    background-image: url(../images/csssprite.png);
    background-repeat: none;
    background-position: -49px -278px;
	width:41px;
	height:41px;
	display:block;

}

.comment {
	margin-top: 15px;
	margin-bottom: 10px;	
}

.com_desc {
	float:left;
	text-align:left;
	/*margin-left:10px;*/
	width:405px;
}
.com_desc.commForm {
    padding-top: 25px;
	clear: both;
}
.com_img {
	float:left;
	width:60px;

}

.title_left {
	float:left;
	width:250px;
}

.title_left a {
    color: #e10451;
    font-size: 14px;
}
.title_right {
	float:right;
	width:140px;
	text-align:right;
}
.title_right span {
    color: #6f6f6f;
    font-size: 12px;
}

.clear{clear: both;}

.commentBlock {
	clear: both;
}

.commentBlock div.bnr {
	margin: 5px 0;
}

.bnr.simplePagerPage1 {
	margin-bottom: 10px;
}

.simplePagerNav {
	display: block;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.simplePagerNav  li{
	float: left;
	padding: 0;
	margin-right: 3px;
}
.simplePagerNav  li a,
.simplePagerNav  li.currentPage a {
	display: block;
	padding: 4px 8px;
	font-weight: normal;
	font-family: Tahoma;
	font-size: 14px;
	/*text-shadow: 1px 1px 5px #555;*/
}
.simplePagerNav  li a {
	color: #6A6A6A;
	text-decoration: none;
	background-color: #ECECEC;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.simplePagerNav  li a:hover {
	/*text-shadow: 1px 1px 5px #F00;*/
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.simplePagerNav  li.currentPage a{
	color: #fff;
	background-color: #BDBCBC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.commentStatus {
	font-family: Tahoma;
	font-size: 12px;
}
/* simplePagerContainer */

.commentsList ul,
.simplePagerContainer ul {
	display: block;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentsList ul.pager,
.simplePagerContainer ul.paging {
	padding-top: 10px;
    width: 468px;
    float: left;
}

.commentsList ul.pager li,
.simplePagerContainer ul.paging li {
	float: left;
	background: url(../images/player/dotted_line.gif) repeat-x;
	padding: 3px 0;
}

#commentMessage {
	width: 454px;
}

#commentForm a.btn,
#commentForm span.btn {
	background: #E2044F;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 16px;
	font-style: italic;
	color: #FFF;
	font-weight: bold;
	padding: 3px 8px;
	text-decoration: none;
}

.disabled {
	background: #DDD !important;
	color: #FFF !important;
	text-shadow:2px 2px 5px #888;
}

#commentForm  textarea {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px inset #DDD;
	padding: 5px;
}

.footer {
	clear: both;
	border-top: 1px solid #cecece;
	float: left;
	padding: 20px 20px 0;
	position: relative;
	top: -60px;
	width: 100%;	
	text-transform: uppercase;
}
.footer a {
	color: #E10451;
}

#oldIE {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	/*text-align: center;*/
	padding: 50px;
}
#oldIE p {
	font-size: 16px;
	font-weight: bold;
}

#oldIE .firefox {
	display: inline-block;
	background: url(../images/ff.jpg) no-repeat left top;
	height: 83px;
	width: 181px;
	padding: 0;
	margin: 0 10px 0 0;
	text-indent: -3000em;
	overflow: hidden;
}
#oldIE .ie8 {
	display: inline-block;
	background: url(../images/ie8.jpg) no-repeat left top;
	height: 83px;
	width: 192px;
	padding: 0;
	margin: 0 10px 0 0;
	text-indent: -3000em;
	overflow: hidden;
}
#oldIE .safari {
	display: inline-block;
	background: url(../images/safari.jpg) no-repeat left top;
	height: 83px;
	width: 153px;
	padding: 0;
	margin: 0;
	text-indent: -3000em;
	overflow: hidden;
}

#oldIE .styleWarsLogo {
	background: url(../images/stylewars.jpg) no-repeat left top;
	padding-top: 100px;
}

/* */
.seo {
    display: none;
}

