/*  
Theme Name: sneakerized
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }

body { 
	color: #000; 
	text-align: center; background-image:url("images/bg.jpg"); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;}

/* ----------------------------------- basics */
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #2c2c2c; }
h1 { }
h2 { font-size: 28px;}
h3 { font-size: 18px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
a { color: #1793c7; }
  a:hover { color: #009ee0; }
a img { border: none; }
ul, ol { list-style: none; }

.hi {display: none;}

h1 a, h2 a, h3 a, h4a, h5 a {color: #2c2c2c;}

h2 a {font-size: 1em; line-height: 1em; font-weight: bold; text-decoration: none;}
h1 a {font-size: 1em; line-height: 1em; font-weight: bold; text-decoration: none;}


hr {display: block; float: left; width: 590px; height: 10px; margin: 20px 0;background-image:url("images/trenner_590.gif"); background-repeat: no-repeat; border: none;}


#head_container {
	height: 220px;
	width: 100%;
	background-image:url("images/bg_head.jpg");
	background-repeat: repeat-x;
	text-align: center;
	}
	
#head {
	margin: 0px auto;
	width: 1000px;
	height: 220px;
	background-image:url("images/head.jpg");
	background-repeat: no-repeat;
	}

#head_container_home {
	height: 520px;
	width: 100%;
	background-image:url("images/bg_head.jpg");
	background-repeat: repeat-x;
	text-align: center;
	}
	
#head_home{
	margin: 0px auto;
	width: 1000px;
	height: 520px;
	background-image:url("images/head.jpg");
	background-repeat: no-repeat;
	}

#head_top {
	width: 930px;
	height: 200px;
	margin: 0px auto; padding: 0;}
	

#head_top h1 {padding: 0 0 0 143px; margin: 0;}
#head_top h1 a {display: block; width: 222px; height: 78px; background-image:url("images/logo.gif"); margin: 11px 0 0 0; float: left;}
#head_top h1 a strong {display: none; }

#head_top h2 {padding: 0 0 0 143px; margin: 0;}
#head_top h2 a {display: block; width: 222px; height: 78px; background-image:url("images/logo.gif"); margin: 11px 0 0 0; float: left;}
#head_top h2 a strong {display: none; }

#followus {width: 700px; float: left; margin: 0 0 0 0; padding: 0 0 0 163px;}
#followus a { background-repeat: no-repeat;}

#followus a.twitter {display: block; width: 67px; height: 22px; background-image:url("images/twitter.gif"); margin: 18px 20px 0 0; float: left;}
#followus a.twitter strong {display: none; }

#followus a.facebook {display: block; width: 64px; height: 21px; background-image:url("images/facebook.gif"); margin: 10px 10px 0 0; float: left;}
#followus a.facebook strong {display: none; }

#followus a.myspace {display: block; width: 65px; height: 21px; background-image:url("images/myspace.gif"); margin: 3px 0 0 0; float: left;}
#followus a.myspace strong {display: none; }


#head_top ul { margin: 0; padding: 7px 10px 0 0; float: right; text-align: right;}
#head_top ul li { display: inline; margin: 0 10px 0 0; padding: 0; }
#head_top ul li a { 
	margin: 0; padding: 2px 10px 6px 10px; color: #baa98b; line-height: 26px; 
	background-image:url("images/bg_menu_head.gif"); background-repeat: no-repeat; background-position:left;
	text-transform: uppercase; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	}

#head_top ul li a:hover { 
	background-image:url("images/bg_menu_head_hover.gif"); 
	}




#home_topstories {
	width: 930px;
	height: 300px;
	margin: 0px auto; padding: 0;}
 

.topstory { display: block; width: 310px; float: left; margin:0; padding: 0; text-align: left; }

.topstory h2 a { font-size: 18px; line-height: 24px; text-decoration: none; font-weight: bold; margin: 0px; padding: 0 0 0 5px; display: block; height: 50px; widows: 290px; }

.image_bg_topstory {width: 280px; height: 210px; background-image:url("images/top_story_img_bg.gif"); background-repeat: no-repeat; padding:  3px 0px 0px 0px; margin:  0; }

.image_topstory {width: 269px; height: 203px; display: block; overflow: hidden; margin: 0px 0px 0px 5px; padding: 0; background-position: 0px 0px;}

.topstory-comments { background-image:url("images/bg_comments.gif"); background-repeat: no-repeat; display: block; line-height: 22px; height: 30px; width: 105px;  margin:  10px 0px 0px 155px; font-size: 10px; color: #FFFFFF; text-decoration: none; text-transform:uppercase; text-indent: 10px;
	}



.topstory-comments a{ font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #ffffff; text-decoration: none; padding: 0px 5px 0px 10px; margin: 0;}
  
/* ----------------------------------- home posts */

#content_container {
	width: 930px;
	margin: 0px auto;
	font-size: 80%;
	line-height: 150%;
	text-align: left;
	}


#home_news {width: 590px; float: left; margin: 0; padding: 0; text-align: left;}

#content {width: 570px; float: left; margin: 0; padding: 0; text-align: left;}

.singlepage img.small {display: none;}

ul.select_cat {margin: 0 0 20px 0; padding: 0; display: block; width: 590px; height:30px; float: left; background-image:url("images/trenner_590.gif"); background-repeat: no-repeat; background-position: bottom; }

ul.select_cat li { display: inline; margin: 0; padding: 0; }

ul.select_cat li a { float: left; margin: 0; padding: 5px 10px 0 10px; font-size: 140%; text-decoration:none; color:#2c2c2c; display: block; float: left; height: 24px; text-transform: uppercase;}

ul.select_cat li a.active {background-image:url("images/bg_select_cat.gif"); color: #FFFFFF;} 
ul.select_cat li a:hover {background-image:url("images/bg_select_cat.gif"); color: #FFFFFF;} 


#content ul.select_cat {margin: 0 0 20px 0; padding: 0; display: block; width: 570px; height:30px; float: left; background-image:url("images/trenner_590.gif"); background-repeat: no-repeat; background-position: bottom; }

#content ul.select_cat li { display: inline; margin: 0; padding: 0; }

#content ul.select_cat li a { float: left; margin: 0; padding: 5px 10px 0 10px; font-size: 140%; text-decoration:none; color:#2c2c2c; display: block; float: left; height: 24px; text-transform: uppercase;}

#content ul.select_cat li a.active {background-image:url("images/bg_select_cat.gif"); color: #FFFFFF;} 
#content ul.select_cat li a:hover {background-image:url("images/bg_select_cat.gif"); color: #FFFFFF;} 



.post { margin: 0px 0px 30px 0px; float: left; }
.post h3 {font-size: 120%; padding: 0 0 10px 0; line-height: 120%; margin: 0;}
.post h3 a {font-size: 130%; line-height: 130%; text-decoration: none; padding: 0 0 0 0; margin: 0;}

.post-comments {background-image:url("images/bg_comments.gif"); background-repeat: no-repeat; display: block; line-height: 22px; height: 30px;  float: right;
	font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #ffffff; text-decoration: none; padding: 0px 5px 0px 5px; margin: 0; }
	
.post-comments a {font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #ffffff; text-decoration: none; padding: 0px 5px 0px 5px; margin: 0;} 

.post-text {width: 570px; margin: 5px 0px 0px 0px;}

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

.post-text img {border: 2px solid #fff; margin: 5px 20px 5px 0;}

.post-text img.small {border: none; float: left;  margin: 0 20px 20px 0; padding: 3px; background-image:url("images/img_small_bg.gif"); background-repeat: no-repeat;}

.entry img.small {border: none; float: left;  margin: 0 20px 20px 0; padding: 3px; background-image:url("images/img_small_bg.gif"); background-repeat: no-repeat;}

h3.related {margin-top: 30px; font-size: 16px; font-weight: bold;}

#nextlinks {background-image:url("images/trenner_590.gif"); background-repeat: no-repeat; background-position:top; padding: 10px 0 20px 0; float: left; display: block; width: 590px; }

#next_link {float: right;}
#next_link a {display: block; float:left; width: 120px; height: 53px; background-repeat: no-repeat; margin: 0; padding: 0; background: url("images/next_post.gif"); margin-right: 15px;}
#next_link a strong {display: none;}

#previous_link a {display: block; float:left; width: 120px; height: 53px; background-repeat: no-repeat; margin: 0; padding: 0; background: url("images/previous_post.gif"); margin-right: 15px;}
#previous_link  {float: left;}

#previous_link  a strong {display: none;}

  
/* ----------------------------------- sidebar */

#sidebar {width: 310px; float: right; margin: 0; padding: 0; text-align: left; }

#sidebar h3 { font-size: 16px; line-height: 30px; font-weight: bold; margin: 0px; padding: 0px; background: url("images/trenner_300.gif") no-repeat bottom left; }

#sidebar h3.na { background: url("images/trenner_300_na.gif") no-repeat bottom left; }

#sidebar h3.borderless { background: none; }

#sidebar .adcontainer { background: url("images/bg_adcontainer.gif") no-repeat; background-color: #E6E6E6;
					width: 280px; height: 280px; padding: 0; text-align: left; margin: 0 0 15px 0;}
			
#sidebar .adcontainer p { display: block; margin: 20px 20px 0px 20px; padding: 0; float: left; font-size: 11px; line-height: 16px;}

#sidebar .adcontainer a.headline { font-size: 12px; font-weight: bold; line-height: 16px;}

#sidebar h3 a {text-decoration: none; font-size: 16px; font-weight: bold; display:block; width: 100%;}

#sidebar ul { margin: 10px 60px 10px 10px; padding: 0; }
#sidebar ul li { margin: 0px; padding: 5px 0px 5px 0px; font-size: 90%; line-height: 120%;}

#sidebar #search { display: block; float: left; margin: 10px 0 15px 0; padding: 0 0 0 0;}

#sidebar #search input#s { float: left; display: block; width: 200px; height: 30px; background: url("images/bg_search.gif") no-repeat; 
						   border:none; line-height: 30px; text-indent: 5px; margin: 0 10px 0 0; padding: 5px 0 0 0; font-size: 14px; }
						   
#sidebar #search input#searchsubmit { float: left; display: block; margin: 0; padding: 0; width: 68px; height: 30px;}

#sidebar ul.sidebar-nextprev { margin: 0 0; padding: 10px 0 20px 10px; display:block;}

#sidebar ul.sidebar-nextprev li {margin: 0; padding: 0; display: inline; float: left;}

#sidebar ul.sidebar-nextprev li a {display: block; float:left; width: 120px; height: 53px; background-repeat: no-repeat; margin: 0; padding: 0;}

#sidebar ul.sidebar-nextprev li.previous a {background: url("images/previous_post.gif"); margin-right: 15px;}
#sidebar ul.sidebar-nextprev li.next a {background: url("images/next_post.gif");}

#sidebar ul.shops { margin: 0 0 20px 0; padding: 10px 0;}
#sidebar ul.shops li { margin: 0; padding: 0; display: block; float: left; width: 135px; text-align: center;}
#sidebar ul.shops li a { margin: 0; padding: 0; display: block; float: left;}


/* ----------------------------------- comments */
#comments { margin: 21px 0; float: left; }
#comment-breaker { color: #009ee0; display: block; width: 100%; margin: 21px 0 14px 0; padding: 35px 0 0 2px; }
  #comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; width: 570px; }
  .commentslist li { margin-bottom: 28px; }
  .commentslist li p { }
  .commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
  .commentslist li ul, 
  .commentslist li ol { margin: 1em 1.5em; }
 
.comment_text {margin: 20px 0 0 0; background-image:url("images/bg_comment.gif"); background-repeat: no-repeat; padding: 0px;}

.comment_text p{padding: 5px 20px;}

.comment_bottom {background-image:url("images/bg_comment_bottom.gif"); background-repeat: no-repeat; display: block; height: 30px; width: 570px;}

#commentform { font-size: 11px; 	}
  #commentform p { margin: 0 0 0 0; }
  #commentform p label { }
  #commentform #author,
  #commentform #email,
  #commentform #url,	
  #commentform #comment { background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 569px; padding: 15px; }
  #commentform #comment { height: 257px; display: block; background-image:url("images/bg_post_comment.gif"); background-repeat: no-repeat; }
   #commentform #author,
  #commentform #email,
  #commentform #url { height: 36px; width:313px display: block; background-image:url("images/bg_comment_input.gif"); background-repeat: no-repeat; padding: 10px; margin: 0; }
  
  #commentform #submit { background: #333; color: #eee; padding: 0.8em 0; width: 13em; border: none; }
  .comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments { font-size: 12px; color: #555; }

 

/* ----------------------------------- search */


/* ----------------------------------- Inhalt Standards */

#content  ul { margin: 10px; padding: 0 0 0 30px; }
#content  ul li { list-style-type: disc; margin: 0; padding: 2px;}


/* ----------------------------------- archiv */

#content #archiv { margin: 10px 20px 20px 20px; padding: 0 0 0 0; }

#content #archiv h3 {margin: 0; padding: 20px 0 0 0;}
#content #archiv h2 { font-size: 140%; margin: 0; padding: 20px 0 0 0;}
#content #archiv ul { margin: 10px; padding: 0 0 0 30px; }
#content #archiv ul li { list-style-type: disc; margin: 0; padding: 2px;}


  
/* ----------------------------------- ad stuff*/

p.tag_ad {
	border: 1px dashed #009ee0;
	padding: 7px;
	margin: 10px 50px 10px 10px;}







/* ----------------------------------- sneakerized */

.entry_hd {	display: none;}



/* ----------------------------------- footer */

#footer_container {
	height: 250px;
	width: 100%;
	background-image:url("images/bg_footer.jpg");
	background-repeat: repeat-x;
	text-align: center;
	float: left;
	}
	
#footer {
	margin: 0px auto;
	width: 1000px;
	height: 250px;
	background-image:url("images/footer.jpg");
	background-repeat: no-repeat;
	text-align: left;
	}

#footer p { float: left; margin: 65px 0 0 0px; padding: 2px 10px 6px 35px; 
	text-transform: uppercase; font-size: 13px; }


#footer_storefinder {
	margin: 0px auto;
	/*background-image:url("images/storefinder.gif");
	background-repeat: no-repeat;
	background-position: bottom;*/
	width: 100%;
	float: left;
	height: 50px;
	text-align: left;
	}

#footer_container_storefinder {
	height: 100px;
	width: 100%;
	/*background-image:url("images/bg_footer.jpg");
	background-repeat: repeat-x;*/
	text-align: center;
	left: 0; bottom: 0;
	}

#head_container_small {
	height: 220px;
	width: 100%;
	background-image:url("images/bg_head.jpg");
	background-repeat: repeat-x;
	text-align: center;
	}

#storefinder h2 {
	padding: 0 0 10px 0;
	}

#sidebar h3.storefinder { background: url("images/trenner_300_na.gif") no-repeat bottom left; }

#facility_search {
	float: left;
	width: 590px;
	margin: 0; padding: 0 0 20px 0;}


#facility_search p {
	margin: 0; padding: 0;
	}

#facility_search p input {
	display: block;
	width: 313px;
	height: 36px;
	margin: 0; padding: 10px;
	background: none;
	border: none;
	background-image:url("images/bg_storefinder_search.gif");
	background-repeat: no-repeat;
	font-size:16px;
	overflow: hidden;
	}
	
#facility_search p.submit input {
	display: block; margin: 0; padding: 0; width: 68px; height: 30px;
	background-image:url("images/btn-search.gif");
	background-repeat: no-repeat;
	text-indent: 200px;
	overflow: hidden;
	}


.facility_adresses {
	width: 590px; 
	float: left; 
	margin: 0px 0px; padding: 20px 0 15px 0;
	background-image:url("images/trenner_590.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	
	}
	
.entry_hd {display: none; background-color: #00FF00;}



p.topstory-comments  {padding:0;  margin:  10px 0px 0px 155px }	

p.adsense {margin: 20px 0; width: 270px; text-align:center;}

a.hd {display: none;}

a.nol {color: #000000; text-decoration: none;}
a.nol:hover {color: #000000; text-decoration: none;}