/*  
Theme Name: Magnus Jepson
Theme URI: http://www.jepson.no
Description: Don't steal me!
Version: 1.0
Author: Magnus Jepson
Author URI: http://www.jepson.no/
*/ 

/*=== Setup ===*/

*{border:0;margin:0;padding:0;}
body{background:url(images/bg.png) #e3e3e3 repeat-x top;color:#333;font:.75em Arial, Helvetica;line-height:1.6em;padding:0 0 20px;}
a:hover{color:#98dcee;text-decoration:none;}
input,select,textarea{border:#e6e6e6 1px solid;font-size:12px;padding:2px;}
li{list-style:none;}
h2,h3,h4,h5,h6{font-family:Georgia, "Lucida Sans Unicode", serif; font-style:italic;}
h2{color:#000;font-size:2em;letter-spacing:-1px;line-height:1.4em;font-weight:400;margin:0 0 1em;}
h2 a{color:#262625; text-decoration:none;}
h2 a:hover{color:#555; text-decoration:none; }
h3{color:#262625;font-size:1.3em;font-weight:400;padding:1em 0 .5em;}
h3#comments-count{margin:0 0 1.2em;}
.col2 h3{padding-top:0;}
h4{color:#444;font-size:1.2em;margin:0 0 1em;}
p{padding:0 0 1.2em;}

/*=== Layout === */ 

#border { background:#dedede; width:950px; margin:50px auto 0; padding:6px 0;}
#page{ width:938px;margin:0 auto; padding:0; border:1px solid #cacaca; background:url(images/bg-page.png) repeat-y;}
.left-col { float:left; width: 300px; padding: 30px 0 30px 30px; }
.right-col { float:right; width:540px; padding: 30px 20px 30px 0; }

/*=== Content === */

.left-col .block { margin-top:20px; padding-top:20px; background:url(images/border-block.png) repeat-x top left; }
.right-col .block { margin-bottom:20px; padding-bottom:20px; background:url(images/border-block.png) repeat-x bottom left; }
h3 { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding: 5px 0 15px; color:#444;}
h3 a { text-decoration:none; color:#444; }
.left-col p, .left-col li { color:#4a4a4a; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:0;}

h3.flickr{background:url(images/ico-flickr.png) no-repeat top left; font-size:16px; font-family:Georgia, serif; font-style:italic; padding: 5px 0 15px 40px; color:#444;}
h3.rss {background:url(images/ico-rss.png) no-repeat top left; padding-left:40px; padding-bottom:0; height:22px;}
h3.contact {background:url(images/ico-mail.png) no-repeat top left; padding-left:40px; }
h3.blog {background:url(images/ico-coffee.png) no-repeat top left; padding-left:40px; }
h3.work {background:url(images/ico-work.png) no-repeat top left; font-size:16px; font-family:Georgia, serif; font-style:italic; padding: 5px 0 15px 40px; color:#444;}
h3.twitter {background:url(images/ico-twitter.png) no-repeat top left; padding-left:40px; padding-bottom:0; height:22px;}
h3.woothemes {background:url(images/ico-woothemes.png) no-repeat top left; padding-left:40px; padding-top:2px; padding-bottom:0; height:22px;}

.flickr_badge_image img, .left-col .portfolio-item img{float:left;padding:0 8px 10px; opacity:0.7;}
.flickr_photos, .left-col .portfolio_items{background:#fff;padding:15px 10px 5px;margin:0; border:1px solid #EFEFEF;}
{float:left;padding:0 8px 10px; }
.flickr_badge_image img:hover, .portfolio-item img:hover{opacity:1}

.left-col #recent li { padding: 0 0 5px 25px; background:url(images/ico-blog-arrow.png) no-repeat 0 3px ; margin-left:5px;}
.left-col .meta, .left-col .meta a { font-size:11px; color:#999; font-family:Arial, Helvetica, sans-serif; font-style:normal;}

#portfolio { width:530px; }
#portfolio h2{margin-bottom:5px;}
#portfolio .portfolio-item { background:url(images/border-block.png) repeat-x bottom left;margin-bottom:20px; padding-bottom:20px; }
#portfolio .portfolio-item .pic img{opacity:0.7;border:5px solid #f4f4f4;}
#portfolio .portfolio-item .pic img:hover{opacity:1}
#portfolio .website{ color:#555; padding:3px;}

/*=== Twitter Feed === */

.tweet {position:relative;background: url(images/bg-tweet-top.png) no-repeat top; padding:6px 0 1px 0;}
.tweet p.text { background:#f7f7f7 url(images/bg-tweet-bot.png) no-repeat bottom; padding: 5px 15px 30px 15px; margin-bottom:10px; font-size:14px; min-height:30px}
.tweet .time {position:absolute; bottom:8px; left:43px; font-size:11px; color:#999; }
.tweet img {float:left; padding:9px; height:28px; width:28px;}

/*=== Buttons === */

.btn-rounded{line-height:30px;font-weight:700;float:left;}
.btn-rounded a{background:url(images/btn-rounded.gif) no-repeat left;color:#fff;display:block;float:left;padding:0 0 0 13px;}
.btn-rounded a span{background:url(images/btn-rounded.gif) no-repeat right;height:30px;display:block;float:left;padding:0 13px 0 0;}
.btn{background:url(images/btn.gif) repeat-x;border:1px solid #82bfcf;color:#FFF;font-weight:700;margin:0;padding:5px 10px;}

/*=== Sub Columns === */

.col1{float:left;width:560px;line-height:1.8em;margin:0;}
.blog .col1{width:560px;}
.col1 h2 a{color:#262625;text-decoration:none;}
.col2{background:url(images/hr-dot-v.gif) repeat-y top left;float:right;width:240px;padding-left:35px;margin-bottom:20px;}
.blog .col2{width:240px;margin:1em 0 0;}
.col3{float:left;width:100px;margin:0 0 1em;}
.col3 a{color:#555;text-decoration:underline;}
.col3 a.url{color:#555;text-decoration:underline; font-size:11px;}
.col4{background:#f7f7f6 url(images/hr-dot.gif) bottom repeat-x;float:right;margin-bottom:15px;min-height:70px;width:400px;padding:10px;}
.author{background:#e2f4f9 url(images/hr-dot.gif) bottom repeat-x;}
.entry{background:url(images/hr-dot.gif) repeat-x bottom;margin-bottom:10px;}

/*- Date - */

.date{color:#898989;position:relative;font-size:12px;margin:-30px 0 1.2em;}

/*=== Styling Forms === - Search - */

#search{height:32px;margin:0 0 1.5em;padding:0;}
#search input.keyword{background:#F3F3EE;border-bottom:1px solid #fcfcfa;border-top:1px solid #c4c2b5;border-left:1px solid #c4c2b5;color:#777;float:left;font-size:11px;width:160px;padding:7px 5px 8px;}

/*- Form1 Setup - */

.form1 div{margin:0 0 15px;}
.form1 label{padding:7px 0 0 15px;}

/* Form1 Textarea  */

.form1 textarea{height:165px;overflow:auto;width:550px;}

/*=== Link Buttons === */

.btn-cat{line-height:28px;margin:0 5px 0 auto;padding:2px 4px !important;}
.btn-continue{margin:0 0 30px;}
.btn-portfolio{background:url(images/btn-portfolio.gif) no-repeat top;text-indent:-999em;height:28px;width:136px;display:block;margin:0 0 2em;}
.btn-portfolio:hover{background:url(images/btn-portfolio.gif) no-repeat bottom;}
.btn-comment{background:url(images/btn-leave-comment.gif) no-repeat top;text-indent:-999em;height:28px;width:136px;display:block;margin:0 0 3em;}
.btn-comment:hover{background:url(images/btn-leave-comment.gif) no-repeat bottom;}
.btn-visit{background:url(images/btn-visit.gif) no-repeat top;text-indent:-999em;height:28px;width:136px;display:block;margin:5px 0 0;}
.btn-visit:hover{background:url(images/btn-visit.gif) no-repeat bottom;}
.btn-general{background:#82bfcf;color:#fff;padding:5px 10px;}
.btn-general a{color:#fff;}
.btn-continue a{background:url(images/ico-more.gif) no-repeat left;padding:0 0 0 20px;}
.btn-arr a{background:#bdbbac;color:#fff;line-height:25px;text-decoration:none;padding:5px 10px;}
.btn-arr a:hover{background:#98DCEE;}
.btn-arr2{float:left;width:27px;padding:130px 0 0;}

/*=== Pics, Ads etc. === */

.ads{margin:0 0 10px;}
.ads img{margin:0 8px 5px 0;}

/*=== Footer === */

#footer{padding:6px 0 30px; margin:0 auto; width: 940px; font-size:11px;}
#footer,#footer a{color:#666;}

/*=== Misc. === */

.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
.fl{float:left;}
.ac{text-align:center;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:3px 0 2px 10px;padding:0;}
img.alignleft{display:inline;margin:3px 10px 2px 0;padding:0;}
.alignleft{float:left;margin:10px 20px 8px 0;}
.alignright{float:right;margin:10px 0 8px 20px;}
.wp-caption-text{font-style:italic;font-size:11px;margin:0;padding:3px 0 0;}

/*=== Posts === */

.post{font-size:14px;line-height:22px; padding:0 10px; overflow:hidden; background:url(images/border-block.png) repeat-x bottom left; margin-bottom:10px;}
.post h2{margin-top:5px;}
.post img{border:5px solid #f3f3f3; max-width:510px; }
.post img:hover{border:5px solid #82bfcf;}
.post ul,.post ol{padding:0 0 1.2em 2em;}
.post ul li{color:#555;background:url(images/ico-bullet.gif) no-repeat left;padding:0 0 0 20px;}
.post ol li{list-style-type:decimal;margin:0 0 0 20px;}
.post li a:hover{color:#a4b92e;text-decoration:none;}
blockquote{background:#f3f3ee;border-top:1px solid #E5E3D1;border-bottom:1px solid #E5E3D1;width:89%;height:auto;display:block;margin:0 0 20px 5px;padding:15px 25px 0;}

/*=== Comments === */

#comments .box3 p{padding-bottom:10px;}
#respond{margin:1em 0 0;}


/*=== Lists === */

.widget ul{background:url(images/hr-dot.gif) repeat-x center bottom;padding-bottom:1.5em;margin:0 .5em 2em;}
.blog .col2 .flickr_photos{background:url(images/hr-dot.gif) repeat-x center bottom;}
.widget li{color:#555;background:transparent url(images/ico-next.gif) no-repeat scroll left center;padding:2px 0 2px 20px;}
.blog ul.recent{margin:-9px 0 2em;}
ul.recent{margin:-9px 0 15px;}
.recent li{background:url(images/hr-dot.gif) repeat-x center bottom;padding:0;}
.recent li:hover{background:#f6f6f6 url(images/hr-dot.gif) repeat-x center bottom;}
.recent li a{color:#555;display:block;height:50px;text-decoration:none;width:240px;padding:10px 0 0;}
.blog .recent li a{width:240px;}
.recent li img{border:3px solid #F0EFE6;float:left;margin:2px 10px 0 5px;}
.recent a:hover,.widget a:hover{color:#82bfcf;}

/*=== Misc === */

.my-gravatar{float:left;background-color:#ebe9e9;border:1px solid #DDD;margin:0 15px 5px 0;padding:4px;}
.warning,.alert{background:#fdfad2 none repeat scroll 0 0;border-top:1px solid #e4de97;border-bottom:1px solid #e4de97;margin:0 0 15px;padding:6px 9px;}
.wp-caption{background-color:#f3f3f3;border:1px solid #DDD;text-align:center;margin-bottom:15px;padding:4px 0 5px;max-width:520px;}
.post .wp-caption img{border:0;margin:0;padding:0; max-width:510px;}
img#wpstats{display:none;}
.widget a{color:#444;text-decoration:none;}
a,#footer a:hover{color:#82bfcf;text-decoration:underline;}
h2.flickr a,h2.rss a{height:25px;width:195px;display:block;font-size:1em;}
#header .spacer,.fr{float:right;}
#header h1 a:hover,#header .twitter a:hover,.btn-cat a{text-decoration:none;}
#topnav li a:hover,.subscribe a:hover{color:#ccc;text-decoration:none;}
.box2 .spacer,.box6 .spacer{background:#e5e3d1;height:1%;padding:10px 25px;}
.box3 p,.box4 p{padding:0;}
.box5 .post img,.post img.noborder,img.wp-smiley,img.wp-smiley:hover{border:0;}
.ar,.widget #wp-calendar tfoot td#next{text-align:right;}
.widget #wp-calendar thead th,.widget #wp-calendar tfoot td a{color:#333;}
#twitterSearch { margin-top:15px; }