/*

Theme Name: Thewebhunter 02

Theme URI: http://thewebhunter.se/

Author: Andreas Hultgren

Author URI: http://thewebhunter.se/

Description: The theme for my private website.

Version: 1.0

Tags:

*/

body
{
    background:#eee;
    padding:0;
    margin:0;
    font: 0.8em/1.4em "Lucida Sans", Verdana, Arial, Sans-seriff;
}
*
{
    padding:0;
    margin:0;
}

/****** WRAPER *******/
#wrap
{
    background:#000;
    border:1px solid #fff;
    width:950px;
    margin: 20px auto;
    padding:0 10px;
}
#contentwrap
{
    background:#fff url(images/wrap3.gif) top center repeat-x;
    border:1px solid #fff;
}
.blank
{
    clear:both;
}

/****** HEADER *******/
#header
{
    background:#000 url(images/header8.jpg) top center no-repeat;
    height:200px;
    padding:0;
}
#title
{
    width:500px;
    float:left;
}
h1, p#h1
{
    color:#fff;
    padding: 50px 0 0 100px;
    margin-top:-5000px;
}
#header p#slogan
{
    color:#fff;
    margin-top:-5000px;
}
#header img.logo
{
    border:0;
    background:none;
    margin:0;
    margin-top:10px;
}
#header a img.logo:hover
{
    border-bottom: 1px dotted #999;
    border-right: 1px dotted #999;
}

/****** TOPMENU ******/
#topmenu
{
    width:361px;
    height:150px;
    margin:0;
    padding:20px 0;
    float:right;
    overflow:hidden;
}
#topmenu .widget
{
    width:351px;
    height:30px;
    float:left;
    overflow:hidden;
}
#topmenu .widget:hover, #topmenu .active
{
    height:50px;
}
#topmenu .widget h3
{
    margin:0 0 0 4px;
    padding:4px 4px 2px;
    border:1px solid #ccc;
    height:19px;
    letter-spacing:-1px;
    line-height:1em;
    font-size:1.4em;
    color:#000;
}
#topmenu .widget h3 a
{
    color:#000;
}
#topmenu .widget p
{
    color:#fff;
    padding:1px 10px 3px;
}
#topmenu .widget a
{
    text-decoration:none;
}

#topmenu .widget1 h3
{
    background:#e00 url(images/knapp.gif) top center repeat-x;
}
#topmenu .widget2 h3
{
    background:#ffcc00 url(images/knappy.gif) center left repeat-x;
}
#topmenu .widget3 h3
{
    background:#009999 url(images/knappc.gif) center left repeat-x;
}
#topmenu .widget4 h3
{
    background:#66009b url(images/knappp.gif) center left repeat-x;
}
#topmenu .widget1 h3 a:hover, #topmenu .widget2 h3 a:hover, #topmenu .widget3 h3 a:hover, #topmenu .widget4 h3 a:hover
{
    color:#fff;
}

/****** CONTENT *******/
#content
{
    width:554px;
    margin: 10px 0 10px 0;
    padding:0 10px 0 10px;
    float:left;
    color:#333;
}
#content h2.postheader, #content h1.postheader
{
    margin:0;
    padding:0;
    border-bottom:1px solid #999;
    font-size:1.5em;
    line-height:1.3em;
    color:#000;
    clear:both;
}
#content h2.pageheader, #content h1.pageheader
{
    margin:0;
    padding:0;
    border-bottom:1px solid #999;
    font-size:1.5em;
    line-height:1.3em;
    color:#000;
    clear:both;
    margin-bottom:15px;
}
#content h2.postheader a
{
    color:#000;
}
#content h2.arkiv
{
    color:#900;
    margin-bottom:10px;
}
#content .contenttext
{
    margin: 0;
}
#content .contenttext p
{
    margin: 0 0 1em 0;
}
#content p.small
{
    font-size:0.8em;
}

#postnav
{
    clear:both;
    height:15px;
    width:550px;
    margin:0 0 20px 0;
}
.meta
{
    margin: 0 0 1em 0;
    font-weight:bold;
    font-size:0.8em;
    letter-spacing:1px;
    color:#666;
}
.readmore
{
    background:#999 url(images/readmore.gif) top left repeat-x;
    border:1px solid #555;
    display:block;
    padding:5px;
    margin:5px 0 15px;
    text-align:center;
}

/***Regular elements/formatting***/
h2
{
    font-size:1.4em;
    line-height:1.3em;
    color:#000;
}
p
{
    margin-bottom:1em;
}
h3
{
    font-size:1.2em;
    line-height:1.3em;
    color:#000;
    clear:both;
}
h4
{
    font-size:1.0em;
    color:#000;
    clear:both;
}
h5
{
    display:inline;
    font-size:1em;
    font-weight:bold;
}

#content ul, ol
{
    margin: 0 0 1em 30px;
    list-style-position: outside;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul
{
    margin: 5px 0 10px 15px;
}
blockquote
{
    margin:0 0 1em 30px;
    color:#333;
    font-style:italic;
}
code
{
}

/*****SHARE BOX*****/
/* Thx to Andreas Karman for the code and to ~jwloh at deviant arts for the icons */
#content .share-box{padding: 5px 0 10px; width:100%;}
#content .share-box ul{list-style-type: none; margin: 0;}
#content .share-box li{float: left}
#content .share-box a{
display: block;
float: left;
margin: 0 15px 0 0 ;
width: 32px;
height: 32px;
background: url(images/sprite-social.png) no-repeat;
text-indent: -9000px; }

#content .share-box a.facebook{background-position: 0 0; }
#content .share-box a.facebook:hover{background-position: -32px 0; }
#content .share-box a.twitter{background-position: 0 -33px; }
#content .share-box a.twitter:hover{background-position: -32px -33px; }
#content .share-box a.linkedin{background-position: 0 -65px; }
#content .share-box a.linkedin:hover{background-position: -32px -65px; }
#content .share-box a.google{background-position: 0 -99px; }
#content .share-box a.google:hover{background-position: -32px -99px; }
#content .share-box a.mail{background-position: 0 -132px; }
#content .share-box a.mail:hover{background-position: -32px -132px; }
#content .share-box a.bloggy{background-position: 0 -164px; }
#content .share-box a.bloggy:hover{background-position: -32px -164px; }
#content .share-box a.pusha{background-position: 0 -196px; }
#content .share-box a.pusha:hover{background-position: -32px -196px; }


/****** COMMENTS ******/
#content h2.commentsheader
{
    border-bottom:0px solid #555;
    font-size:1.5em;
    line-height:1.3em;
    clear:both;
}
.comment, .admin
{
    border:1px solid #555;
    padding: 5px;
    margin-bottom:13px;
}
.comment:hover, .admin:hover
{
    background:#eee;
}
.comment{background:#ccc;}
.admin{background:#ddd;border:2px dashed #e00;}
.comment p, .admin p
{
    margin:0 0 1em;
}
img.avatar /*gravatar*/
{
    background:#fff;
    float:left;
    clear:left;
    margin: 0 5px 5px 0;
    border:1px;
}
img.avatar:hover
{
    border:1px;
}

#commentsection h3#respond
{
    font-size:1.2em;
    line-height:1.3em;
    margin:1em 0 5px;
}
.name, .mail
{
    width:198px;
    float:left;
}
#submit
{
    width:550px;
    margin: 10px 0 0 1px;
}
textarea#comment
{
    background:#fff url(images/textarea.gif) top left repeat-x;
    padding:5px;
    width:536px;
    height:120px;
}

/****** SIDEBAR *******/
.sidebar
{
    width:359px;
    padding:3px 0 10px 0;
    float:right;
}
.sidebar .widget, .sidebar .wide
{
    padding:8px 0 5px 2px;
    margin: 0;
    width:348px;
}
.sidebar .sidesub
{
    width:175px;
    float:left;
}
.sidebar h2
{
    margin:0 0 0 1px;
    padding:2px 4px;
    border:1px solid #ccc;
    height:19px;
    clear:both;
    letter-spacing:-1px;
    line-height:1em;
    font-size:1.4em;
    color:#000;
}
#sidebar h2
{
    background:#e00 url(images/knapp.gif) center left repeat-x;
}
#sidebar2 h2
{
    background:#ffcc00 url(images/knappy.gif) center left repeat-x;
}
#sidebar3 h2
{
    background:#009999 url(images/knappc.gif) center left repeat-x;
}
#sidebar4 h2
{
    background:#66009b url(images/knappp.gif) center left repeat-x;
}
.sidebar .widget ul
{
    margin: 0 1px 15px 2px;
    list-style-type:none;
}
.sidebar .widget ul li
{
    padding:5px 5px;
    border-bottom:1px solid #999;
}
.sidebar .widget ul li img
{
    border-width:1px;
}
.sidebar .wide ul li
{
    border-bottom:0;
    display:block;
    float:left;
    clear:none !important;
    margin:10px 7px 0 6px;
    padding:0;
}
.sidebar .wide ul li img 
{
    margin:0;
    width:40px;
}
.sidebar p
{
    margin: 0 8px 1em;
}

.sidebar .sidesub .widget
{
    width:auto;
    padding:8px 0 5px 2px;
}
.sidebar .photo .textwidget
{
    border:1px solid #000;
    overflow:hidden;
    margin:0 0 0 1px;
    height:155px;
}
.sidebar .photo p
{
    color:#900;
    margin: 10px 0 10px 8px;
}

/****** FOOTER *******/
#footer
{
    background:#000 url(images/footer.jpg) center center no-repeat;
    border:1px solid #fff;
    clear:both;
    height:180px;
    width:948px;
    margin:10px 0;
    overflow:hidden;
}
#footer .column
{
    height:170px;
    padding:10px;
    float:left;
    color:#fff;
}
#footer .column1
{
    width:200px;
}
#footer .column2
{
    width:260px;
}
#footer .column3
{
    width:420px;
}
#footer h2
{
    font-size:1.4em;
    margin: 0 0 10px;
}
#footer p
{
    margin-bottom:0.8em;
}
#footer a
{
    font-weight:normal;
}
#footer ul
{
    list-style-type:none;
    line-height:1.2em;
    margin:0;
}
#footer li
{
    margin:0 0 2px 5px;
    text-indent:-5px;
}
#footer .column2 ul li
{
   margin:0;
   padding:0 0 0 5px;
   max-height:32px;
   overflow:hidden;
}
#footer .column1 a, #footer .column1 h2
{
    color:#990;
}
#footer .column2 a, #footer .column2 h2
{
    color:#009999;
}
#footer .column3 a, #footer .column3 h2
{
    color:#66009b;
}

/****** GENERAL LINKS & IMAGES *******/
img
{
    background:#eee;
    border-top: 1px solid #bbb;
    border-left: 1px solid #555;
    border-bottom:1px solid #444;
    border-right:1px solid #aaa;
    margin:5px;
    padding:1px;
}
img.wp-smiley
{
    border:none;
    margin:0;
    background:none 0;
}
img.free
{
    margin-left:0;
    margin-right:0;
}
.widget img.photo
{
    float:right;
    margin:0 0 0 2px;
    padding:0;
    border:0;
    clear:both;
}
a img:hover
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #444;
    border-bottom:1px solid #333;
    border-right:1px solid #bbb;
}

a
{
    color:#b00;
    text-decoration:none;
    font-weight:bold;
}
a:hover
{
    text-decoration:underline;
}
a:visited
{
    color:#900;
}


/****** OTHER ******/

.aligncenter 
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft 
{
   float: left;
}

.alignright 
{
   float: right;
}

.wp-caption 
{
    background:#fff;
    border-top: 1px solid #bbb;
    border-left: 1px solid #aaa;
    border-bottom:1px solid #444;
    border-right:1px solid #555;
    margin:5px;
    padding:1px;
    text-align:center;
}

.wp-caption img 
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

dd.wp-caption-dd 
{
   font-size: 1em;
   line-height: 1.2em;
   padding: 0 4px 5px;
   margin: 0;
}
/*commentluv */
#mylastpost img
{
    margin:0;
    padding:0;
    border:0;
}

/**Search**/
#s
{
    width:150px;
    padding:2px;
    font-size:1.2em;
    color:#888;
}