/*
Theme Name: HackNMod Theme Final (SE)
Theme URI: http://hacknmod.com
Description: Custom theme for HacknMod.com
Version: 3.1
Author: Daniel Pataki
Author URI: http://webtastique.net/
*/


/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


body
{
text-align:center;
background:#333 url('images/bg_body.gif') center repeat-y;
font-family: Arial,Helvetica,sans-serif;
}
a
{
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}


/* Main Elements */

#container_outer
{
width:960px;
margin:0 auto;
}

#header
{
}


#container_inner
{
padding:0px 0 8px 0;
width:930px;
margin:0 auto;
text-align:left;
}

#content
{
width:605px;
float:left;
background:#fff;
}

#sidebar
{
width:295px;
float:right;
}

#sidebar_top
{
margin-bottom:20px;
background:#fff;
}

#sidebar_left
{
width:160px; 
float:left;
}

#sidebar_right
{
width:120px; 
float:right;
}

#footer
{
clear:both;
background:#fff;
}


/* Header */

#preloader
{
display:none;
}

#featured_header
{
background:#3f3f3f;
padding:2px 0;
}

#featured_header a

{
color: #ffffff;
font-size:12px;
font-family:verdana;
font-weight: bold;
text-decoration:none;
}

#headtop a:hover
{
color: #ff5200;
}

ul#topmenu li
{
display:inline;
}

ul#top_menu a
{
height:110px;
display:block;
float:left;
}

a#logo
{
width:475px;
background:url('images/header_logo.png');
}

a#mostpopular
{
width:116px;
background:url('images/header_mostpopular.png');
}

a#ledprojects
{
width:114px;
background:url('images/header_ledprojects.png');
}

a#hacknmodstore
{
width:133px;
background:url('images/header_hacknmodstore.png');
}

a#submit
{
width:122px;
background:url('images/header_video.jpg');
}



a#mostpopular:hover
{
background:url('images/header_mostpopular_hover.png');
}

a#ledprojects:hover
{
background:url('images/header_ledprojects_hover.png');
}

a#hacknmodstore:hover
{
background:url('images/header_hacknmodstore_hover.png');
}

a#submit:hover
{
background:url('images/header_video_hover.jpg');
}

#search_form
{
padding:0px 20px 0 0;
clear:both;
height:28px;
background:url('images/bg_searchbar.gif') bottom;
text-align:right;
margin-bottom:10px;
}

#search_form label
{
position:relative;
top:1px;
font-size:15px;
color:#fff;
font-family:Verdana;
font-weight:700;
}

#search_form input
{
position:relative;
top:1px;
padding:1px;
font-size:12px;
}

#search_form input#search_submit
{
padding:0px;
font-size:12px;
}

/* Post styles */

.imagelink
{
display:block;
float:left;
margin:0 15px 0 0;
}

.imagelink img
{
border:0px;
}

.post .imagelink img
{
border:2px #ccc solid;
}

.post
{
clear:both;
}

.featured_horizontal
{
width:120px;
float:left;
margin:0 10px;
background:#fff;
}
.featured_horizontal img
{
border:2px #ddd solid;
}


.featured_horizontal a.imagelink
{
display:block;
margin:0px;
}

.featured_horizontal h3
{
font-size:12px;
text-align:center;
}

#featured_top
{
margin-top:10px;
padding:0 0 20px 15px;
background:#fff;
}

.featured_horizontal h3 a
{
color: #000000;
font-weight:700;
font-size:13px;
font-family:verdana;
text-decoration: none;
}

.featured_horizontal h3 a:hover
{
color: #ff6b24;
}

.latest
{
padding:0 15px 20px 0;
border-bottom:1px #bbb solid;
}

.main
{
padding:20px 15px 20px 0;
border-bottom:1px #bbb solid;
font-size:14px;
}

.post h2.title a
{
text-decoration:none;
color:#ff5200;
}

.post h2.title a:hover
{
text-decoration:underline;  
}

.post h2.title
{
margin:0 0 10px 0;
}

.latest h2.title
{
font-size:28px;
}

.main h2.title
{
font-size:20px;
}

#storelink
{
position:relative;
top:20px;
left:65px;
}

/* Footer */

.goto
{
color:#000;
font-weight:700;
font-size:14px;
}

.goto:hover
{
color:#ff5200;
}

ul.arrows li
{
background: url('images/arrow.gif') no-repeat left center;
font-size:0.75em;
font-weight:700;
color:#353535;
padding:3px 0 2px 15px
}


ul.arrows li a
{
color:#000
}

img#subscription_footer
{
margin:0 10px 0 0;
}

ul.arrows li a#newsletter
{
color:#ff5200
}

table#subscribe_options td#vertical_center
{
padding-top:11px;
}

table#footer_table
{
margin:0 auto;
margin-top:30px;
}

table#footer_table td
{
vertical-align:top;
padding:0 10px;
}

table#subscribe_options td
{
text-align:center;
padding:3px 0;
}


table#footer_table h3
{
border-bottom:1px #bbb solid;
font-size:0.9em;
font-weight:700;
color:#ff5200;
margin-bottom:5px;
}

#pagenavigation
{
margin-top:20px;
}

div#opt_in
{
margin-top:7px;
}

input#wpsb_email
{
border: 1px solid #000;
padding:2px 5px;
font-size:0.8em
}


input.sub_button
{
background:#ff5200;
color:#fff;
border:0px;
font-size:0.8em;
padding:2px 5px;
font-weight:700;
}

/* Sidebar top */

#subscribe_table td
{
padding: 0 10px 5px 0;
}

#subscribe_table a

{
color: #000000;
font-size: 12px;
font-weight: 700;
}

#subscribe_table a:hover
{
color: #ff5200;
text-decoration:none;
}

#subscribe_table h2
{
font-weight:700;
font-size:16px;
}


#popchooser
{
width:150px;
height:32px;
margin:0 auto;

}

a#lastthirty, a#recentsearches
{
background:url('images/arrow_2.gif') no-repeat left center;
display:block;
float:left;
font-size:11px;
width:60px;
margin-right:2px;
padding-left:14px;
cursor:pointer;
color:#000;
text-decoration:underline;
}

a#showalltime:hover, a#lastthirty:hover, a#popularsearches:hover, a#recentsearches:hover 
{
text-decoration:underline;
}

#recents a:hover, #populars a:hover
{
color:#ff5200;
}

#aboutus a:hover
{
color:#ff5200;
text-decoration:none;
}

a#showalltime, a#popularsearches
{
padding-left:14px;
font-size:11px;
background:url('images/arrow_2.gif') no-repeat left center;
display:block;
float:right;
width:50px;
cursor:pointer;
color:#000;
}

a#updates
{
font-weight:700;
color:#000;
}

a#updates:hover
{
color:#ff5200;
}


#alltime, #populars
{
display:none;  
}

.sidebar_featured_post
{
width:160px;
margin:0 auto;
background:#fff;
}

.sidebar_featured_post img
{
margin:0 auto;
display:block;
border:2px #ddd solid
}

.commentblockright p
{
background:transparent
}



.sidebar_featured_post h3
{
clear:both;
margin-top:3px;
margin-bottom:10px;
font-size:12px;
font-family:verdana;
text-align:center;
font-weight:700;
}
.sidebar_featured_post h3 a
{
color:#000;
}

.sidebar_featured_post h3 a:hover
{
text-decoration:none
}

#catlogo
{
display:block;
width: 130px;
margin:0 auto;
}

#navcontainer ul {
	border-top:1px solid #ff8124;
	list-style-type: none;
	font-size:12px;
	line-height:20px;
	width:130px;
	margin:0 auto;
	}
#navcontainer a {
	text-align:left;
	padding-left:5px;
	display: block;
	width: 125px;
	background-color: #fe6b01;
	border-bottom: 1px solid #ff8124;
	font-weight:700
	}

#navcontainer a:link, #navlist a:visited {
	color: #EEE;
	text-decoration: none;
	}

#navcontainer a:hover {
	background: #fe852c url(images/bg_hacks_hover.png) no-repeat;
	color: #fff;
	}	
	
	#posttop
	{
	background: url(images/frame_top.gif) no-repeat;
	padding:4px 5px;
  }
  
  #posttop .gethacks
  {
  float:left;
  }
  
  #posttop h1
  {
  font-size:26px;
  font-weight:700;
  background:#fff;
  text-align:center;
  padding-top:20px;
  }
  
  #posts h1
  {
    background:#fff;
    font-size:26px;
  text-align:left;
  padding-top:20px;
  margin-bottom:20px;
  }
  
  h1#pagetitle
  {

margin:0px;
padding:5px;
background-color: #ff6600;
color: #ffffff;
font-size: 26px;
    }
    
    strong
    {
    font-weight:700;
    }
    
    .page #entry
    {
    font-size:14px; 
    }
  
  #singletitle_ad
  {
  width:468px;
  margin:0 auto;
  clear:both;
  padding-top:5px;
  }
  
	#posttop_bottomframe
	{
	background: url(images/frame_bottom.gif) no-repeat;
	height:20px;
	clear:both;
	margin:0 0 20px 0;
  }
  
  img.aligncenter
  {
display:block;
margin:0 auto;
  }
  
  p
  {
  margin:12px 0;
    background:#fff;
  }
  
  #entry p
  {
  font-size:14px;
  }
  
  #entry
  {
  background:#fff;
  }
  
  #entry a
  {
  color: #ff5200;
  font-weight:700;
  text-decoration:none
  }
  
    #entry a:hover
  {
  text-decoration:underline;
  }
  

#entry ul li
{
background: url('images/list_arrow.png') no-repeat left top;
padding-left:25px;
font-size:14px;
}

#entry ol
{
list-style-type:decimal;
padding-left:25px;
}

#entry ol li
{
font-size:14px;
}

#entry ol, #entry ul
{
margin:12px 0 12px 20px;
  background:#fff;
}

#optin_top
{
font-size:12px;
}

#optin_top form
{
margin-bottom:10px;
}

#previoushacks
{
float:left;
}

#nexthacks
{
float:right;
}

#previoushacks a, #nexthacks a, a.randomize
{
border: 1px solid #ff5200;
padding:3px;
color: #000;
text-decoration:none;
}

a.randomize
{
display:block;
width:140px;
margin:10px 0 0 0;
text-align:center;
}


#previoushacks a:hover, #nexthacks a:hover, a.randomize:hover
{
background:#ff5200;
border: 1px solid #ff5200;
padding:3px;
color: #ffffff;
}

#optin_top
{
margin-top:10px;
}

#optin_top input.sub_button
{
background: url('images/subscribe_button.gif');
width:91px;
display:block;
height:24px;
}

#optin_top input.text_input
{
display:block;
margin:5px 0;
border:1px #888 solid;
width:180px;
font-size:14px;
}

#footer input.sub_button
{
background: url('images/subscribe_button2.gif');
width:86px;
height:22px;
}

#search_again
{
margin-top:10px;
text-align:center;
}

#search_again input#top_search_term
{
border:#454545 solid 1px;
padding:2px;
margin-bottom:10px;
}

.navigation
{
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

.navigation a
{
border: 1px solid #ff5200;
padding:2px 4px;
text-decoration:none;
color:#000;
margin:0 3px;
}

.navigation a:hover
{
background:#ff5200;
color:#fff
}

#smalllinks
{
margin-top:20px;
}

#smalllinks a
{
color:#ff5200;
}

.navigation .current
{
border: 1px solid #ff5200;
padding:2px 4px 3px 4px;
font-weight:700;
}

#bottomnav
{
text-align:center;
color:#666;
margin-top:30px;
}

#bottomnav a
{
color:#000;
font-weight:700;
text-decoration:none;
padding:0 12px;
font-size:13px;
}


#entry h3
{
font-weight:700;
font-size:16px;
margin:16px 0;
}

#bottomnav a:hover
{
color:#ff5200;
}

#bottomnav a:hover
{
text-decoration:unserline
}

#bottomnav p
{
font-size:12px;
}

#bottomnav p a
{
padding:0px;
}

#related
{
margin-top:10px;
margin-bottom:10px;
}

#related a.imagelink img
{
margin-left:10px;
}

#related_title
{
background:url('images/related_hacks.jpg') no-repeat right center;
width:359px;
height:37px;
margin-bottom:5px;
}

#related_title a
{
height:24px;
padding-top:8px;
width:175px;
position:relative;
text-decoration:none;
color:#000;
left:145px;
top:1px;
display:block;
  background:#fff;
font-size:13px;
font-family:verdana;
}


#respond
{
width:400px;
margin:0 auto;
}

#respond h3
{
display:none;
}

textarea#comment
{
width:400px;
}

#commentform
{
font-size:12px;
margin-top:20px;
}

#commentform a 
{
color:#ff5200;
text-decoration:none;
}

.commentblockleft
{
float:left;
padding-top:12px;
width:130px;
padding-left:15px;
}

.commentblockright
{
float:left;
width:450px;
}

.commentlist
{
border:#bbb solid 1px;
border-bottom:0px;
font-size:14px;
}

#tags
{
font-size:12px;
margin-top:10px;
}

#tags a
{
color:#ff5200;
text-decoration:none;
}

#tags a:hover
{
text-decoration:underline
}
.commenty
{
padding:6px 0;
clear:both;
border-bottom:#bbb solid 1px;
}



.singlepostbottom img
{
display:block;
width:441px;
margin:0 auto;
margin-bottom:10px;
}

#error h1
{
  font-size:26px;
  font-weight:700;
  background:#fff;
  text-align:center;
  padding-top:20px;
}

#error p
{
text-align:center;
}

#posts h1.cattitle
{
text-align:center;
}

#popularsearch
{
margin-top:25px;
}

#popularsearch ul.arrows
{
padding-left:10px;
}


#popularsearch ul.arrows a:hover
{
color:#ff5200;
}


td.tgTranslatorAttribution
{
display:none;
}

#translator
{
margin:12px 0;
}