/*
Theme Name: SteamProfile.com
Theme URI: http://steamprofile.com/
Description: Wordpress theme mimicking steamcommunity.com
Version: 2.0
Author: Victor Lopez
Tags: steam, steamprofile
*/
body {
color: #fff;
padding: 0px;
margin: 0px;
background: #2D2D2B url('images/bg.gif');
background-repeat: repeat-x;
font-family: arial, verdana;
font-weight: bold;
text-align: center;
color: #6A6A6A;
}

h2 {
color: #8BC53F;
}


a {

color: #6EBCFF;

text-decoration: none;

font-weight: bold;

}



input, select, textarea {
background-color: #1A1A1A;
border: 1px solid #707070;
color: #707070;
}



a:hover {

color: #fff;

text-decoration: underline;

font-weight: bold;

}



#header {
width: 100%;
height: 104px;
background: #2D2D2B url('images/header_bg.jpg');
text-align: left;
font-family: verdana, arial;
font-weight: normal;
font-size: 11px;
border-bottom: #4D4B48 1px solid;
}



#titleandlinks {

width: 720px;
margin: 0px auto;

}

.sitetitle {
padding-top: 5px;
width: 720px;
}

.headerlinks {
width: 100%;
text-align: right;
color: #B8B6B4;
margin-top: 0px;
margin-right: 5px;
font-family: arial;
font-size: 15px;
}

a.headlinks:link {
	color: #B8B6B4;
	padding-left: 10px;
	text-decoration: none;
	font-family: arial;
	font-size: 15px;
	font-weight: normal;
}

a.headlinks:visited {
	color: #B8B6B4;
	padding-left: 10px;
	text-decoration: none;
	font-family: arial;
	font-weight: normal;
font-size: 15px;
}

a.headlinks:hover, a.headlinks:active {
	color: #FFFFFF;
	padding-left: 10px;
	font-family: arial;
font-size: 15px;
}



.hdrbtmimg{

width: 100%;

height: 10px;

/* 
background-image: url('images/navbottom.gif'); 

background-repeat: repeat-x;
*/

}



#wrapper {

width: 720px;

margin: 0 auto;

background-image: url('images/wrapperbg.gif');

background-repeat: repeat-y;

}



#intro {

width: 720px;

height: 163px;

background-image: url('images/intro_box.gif');

background-repeat: repeat-y;

text-align: left;

}



.introduction h2 {

font-size: 20px;

color: #fff;

font-family: arial, tahoma;

}



.introduction {

padding-top: 15px;

padding-left: 20px;

font-size: 14px;

}



#main {

width: 720px;

clear: both;

float: left;

background-image: url('images/wrapperbg.gif');

background-repeat: repeat-y;

}

#formblock {
background-image: url('images/form_wrapperbg.gif');
background-repeat: no-repeat;
float: left;
width: 100%;
height: 250px;
padding: 0px 0px 0px 0px;
}


#form {
margin: 35px 0px 0px 25px;
padding: 0x 20px 5px 20px;
width: 350px;
height: 150px;
float: left;
}

#form-ad {
width: 300px;
height: 250px;
float: right;
}



.forminput  input {
padding-bottom: 2px;
padding-left: 10px;
background-color: #1A1A1A;
border: thin solid #707070;
height: 50px;
width: 350px;
color: #FFF;
vertical-align: middle;
font-size: 25px;
}

select {
padding-bottom: 2px;
padding-left: 10px;
background-color: #1A1A1A;
border: thin solid #707070;
height: 30px;
width: 350px;
color: #FFF;
vertical-align: middle;
font-size: 20px;
}

.safetycheck {
text-align: right;
font-size: 12px;
margin: 0px 50px 50px 0px;
}



#sidebar {
width: 265px;
height: auto;
float: right;
}



#sidebar .ad {

padding: 5px 5px 0px 0px;

}



#resultsblock {

width: 400px;

text-align: left;

padding: 20px 20px 20px 25px;

float: left;

}



.foryour {

color: #8BC53F;

}



.example {

text-align: center;

}



#newsblock {

width: 410px;

margin-top: 10px;

margin-left: 10px;

text-align: left;

}

#newsblock .news {

width: 100%;

padding-left: 10px;

font-size: 12px;

}



#newsblock .newstitle {

font-size: 15px;

color: #8BC53F;

}



#newsblock .newstitle a {

font-size: 15px;

color: #8BC53F;

}





#newsblock .newsdate {

text-align: left;

color: #fff;

}



#newsblock .postmetadata a {

width: 100%;

color: #6EBCFF;

}



#newsblock h3 {

	color: #fff;

        font-size: 15px;

}



#faqblock {

width: 400px;

text-align: left;

}



#faqblock a {

color: #fff;

font-weight: bold;

}





#faqblock h2 {

font-size: 20px;

color: #fff;

font-family: arial, tahoma;

}



#faqblock .faq {

padding: 5px 20px 20px 20px;

font-size: 12px;

}



#faqblock .question {

font-size: 15px;

color: #8BC53F;

}



#faqblock .answer {

padding-left: 10;

}



#contact {

width: 425px;

font-size: 12px;

text-align: left;

padding: 5px 0 20px 60px;

color: #8BC53F;

}



#contact h2 {

font-size: 20px;

color: #fff;

font-family: arial, tahoma;

}



#footer {

width: 720px;

height: 49px;

background-image: url('images/footerbg.gif');

background-repeat: no-repeat;

float: left;

}



.footertxt {

padding-top: 10px;

font-size: 9px;

color: #FFF;

}



#comments {

float: left;

width: 420px;

text-align: left;

margin-left: 20px;

font-size: 12px;

}



#comments h3{

color: #fff;

padding: 0px

margin: 0px;

}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 420px;

	padding: 2px;

	}



#commentform #submit {

        border: none;

	margin: 0 0 5px auto;

        height: 25px;

        width: 104px;

	}



.alt {

background-color: #1a1a1a;

padding: 0px 20px 20px 20px;

margin: 0px;

}



.even {

padding: 0px 20px 20px 20px;

margin: 0px;

}



.commentlist {

	text-align: left;

        margin-top: 20px;

        padding: 0px;

	}



.commentlist li {

	margin: 5px 0 10px;

	padding: 5px 5px 10px 5px;

	list-style: none;



	}



.commentlist p {

	margin: 10px 5px 5px 0;

}



.children { 

padding: 0; 

}



h3 {

font-size: 15px;

color: #8BC53F;

}