/* CSS STLYESHEET FOR BROWSEWALLPAPERS.COM */
/* BY ANDY KERR */



body  {	
	background: url('imgs/background.gif') repeat-x #CFE3F4;
	padding: 25px 0;
	font-family:Arial,Verdana,Trebuchet MS;
}

ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a {
	background: transparent;
}

.clear {
	clear:both;
}

h2{
	width: 648px;
	background: url(imgs/h2_bg.gif)  #737373;
	padding: 5px 0 0 8px;
	margin: 0 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	height: 21px;
}
/* EVERYTHING TO DO WITH THE HEADER */

#container {
	margin: 0 auto;
	height: 100%;
	width: 966px;
	padding: 0 2px;
	background:url(imgs/content_background.gif) #ffffff;
}

#header_container{
	height:61px;
	margin: 0px;
	width:966px;
	border-top: 5px solid #E7F9FF;
	background: #FFFFFF;
}

#header_container h1, #header_container h1 a {
	background:url(imgs/header.gif) no-repeat scroll 0% #ffffff;
	display:block;
	height:61px;
	margin: 0px;
	float:left;
	text-indent:-3000px;
	width:500px;
}

#search {
	float:right;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:13px 75px 0px 0px;
}
#search form .input_s, .input_f {
	background-color: #ffffff;
	border:0pt none;
	margin: 0px;
	float: left;
	font-family: Arial, Verdana, Trebuchet MS;
	font-size:1.5em;
	height:19px;
	font-weight: normal;
	padding:6px 10px 7px 10px;;
	border-top: 1px solid #7A7A7A;
	border-bottom: 1px solid #7A7A7A;
	border-left: 1px solid #7A7A7A;
	width:205px;
}

#navigation_container {
	margin: 0 auto;
	width: 100%;
	height: 30px;
	background-image: url(imgs/navigation_background.gif);
}

#navigation{
	width: 100%;
	padding-left: 25px;
	height: 30px;
	margin: 0 auto;
}

ul#navigation li {
	float: left;
	background: red;
	background: url(imgs/navigation_li_background.gif) no-repeat scroll center bottom;
	align: center;
	font-weight: bold;
	margin: 0px 2px 0 0;
}

ul#navigation li a {
	color: #3D6E6E;
	font-family: Geneva, sans-serif;
	font-size: 12px;
	height: 22px;
	display: block;
	text-align: center;
	padding: 8px 20px 0 20px;
	text-transform: uppercase;
	text-decoration: none;
}

ul#navigation li a:hover {
	background: url(imgs/navigation_background_hover.gif) repeat-x;
	color: #ffffff;
}	
ul#navigation li.active a{
	background: url(imgs/navigation_background_hover.gif) repeat-x;
	color: #ffffff;
}
#ads1 {
	background: #7AC4EA;
	height:25px;
	padding: 8px 0 0 20px;
	border-bottom: 1px solid #ffffff;
} 

/* left container things */

#left_container {
	float: left;
	width: 138px;
	padding: 4px 0 20px 8px;
}

#left_list {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding:5px 0pt 0pt 1px;
	text-decoration:underline;
}
#left_list ul {
	margin:2px 0 0 0;
	padding-left:5px;
}

#left_list li {
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#left_list li a {
	color:#000000;
	display:block;
	font-size:11px;
}

#left_list li .dropped{
	color: #F83D87;
	padding-left: 5px;
	display:block;
	font-size:11px;
}

/* main container things */

#main_container {
	float: left;
	width: 656px;
	padding: 11px 9px;
	font-size: 12px;
	color: #444444;
}

#right_container {
	float:left;
	height:100%;
	padding:4px 0px 20px 10px;
	width:136px;
}
#right_list {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding:5px 0pt 0pt 1px;
	text-decoration:underline;
}
#right_list ul {
	margin:2px 0 0 0;
	padding-left:5px;
}

#right_list li {
	font-size:11px;
	font-weight:normal;
	line-height:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#right_list li a {
	color:#000000;
	display:block;
	font-size:11px;
}

/* wallpaper thumbnail style */

.thumbnails_container {
	padding: 8px;
	margin-top: 8px;
	min-height: 130px;
	width:640px;
}

.thumbnail {
	float:left;
	height:110px;
	position:relative;
	width:160px;
	margin-bottom: 10px;
}

.thumbnail div.image{
	border:1px solid #E3E3E3;
	margin: 0 auto;
	padding:4px !important;
	height: 82px;
	width:110px;
	background: #ffffff;
}
.image img {
	border:0pt none;
	float:left;
	height:82px;
	margin:0pt;
	padding:0pt;
	width:110px;
}

.image a {
	display:block;
	float:left;
	background: #F3F3F3;
	font-size:0pt;
	line-height:0px;
	overflow:visible;
	position:relative;
	width:110px;
	height:82px;
}

.wide img {
	height:69px;
	margin-top: 6px;
}

.original {
	background:transparent url(http://wallpaperstock.net/style/images/original.gif) no-repeat scroll 0pt;
	cursor:pointer;
	font-size:0pt;
	height:41px;
	overflow:hidden;
	text-indent:-40px;
	width:41px;
}
.tag {
	left:-4px;
	position:absolute;
	top:-4px;
	z-index:1000;
}

.link, .link a{
	clear:both;
	color:#DD2F64;
	float:left;
	font-size:12px;
	margin:2px 0 5px 0;
	text-decoration: none;
	padding-left:2px;
	text-align:center;
	width:140px;
}

/* Footer shits yo' */


#footer_container {
	clear: both;
	background:#ffffff;
	padding: 0 15px;
}
#footer {
	clear: both;
	background:url(imgs/footer.gif) repeat-x #ffffff;
	padding: 15px 0 10px 0;
	font-size: 11px;
	color: #696969;
	text-align: center;
}

#footer a{
	color: #D8114E;
	text-decoration: none;
}

#view1 {
	width: 311px;
	float:left;
	padding-left: 15px;
	height: 260px;
	font-size: 11px;
}
#view1 a{
	color: #EC4A85;
	font-weight: normal;
}

#view2 {
	width: 311px;
	float:left;
	padding-left: 15px;
	height: 250px;
}

h3 {
	margin: 0px;
	font-weight: bold;
	color: #434343;
	font-size: 14px;
}

#wallpaper_info {
	color: #444444;
	background: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	width: 600px;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #EEEEEE;
}

#wallpaper_info a{
	color: #EC4A85;
	font-size: 11px;
	font-weight: normal;
}
#wallpaper_info span{
	font-weight: normal;
}

#cloud { padding: 0px 15px; } 
.cloud { padding: 3px; text-decoration: none; line-height: 60%; } 
.cloud:link { color: #EC4A85; } 
.cloud:active { color: #F87CA9; } 
.cloud:hover { color: #ffffff; background: #EC4A85; } 
.cloud:focus { color: #ffffff; background: #EC4A85; } 

#page{
	color: #444444;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	margin-top: 20px;
	border: 1px solid #EEEEEE;
	padding-top: 10px;
}
#page a{
	color: #EC4A85;
	text-decoration: none;
}

#page a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background: #EC4A85;
}

.textField {
	width: 413px;
	border-top: 1px solid #C9C9C9;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #C9C9C9;
	color: #444444;
	padding: 3px 6px;
	font-size: 20px;
	margin: 0px;
	font-family:Arial,Verdana,Trebuchet MS;
}

.inputField {
	border: 4px solid #EBEBEB;
	width: 427px;
	margin: 5px auto;
}