/*  
Theme Name: Point
Theme URI: 
Description: Version 1.0 av temat Point.
Version: 1.0
Author: Stefan Persson
Author URI: http://www.gefledesign.se/
*/

/* ---------->>> Body and universal reset <<<-----------*/
* { margin: 0; padding: 0; }
body { background: #FBF7DF url(images/header-bg.gif) top left repeat-x; color: #333; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: left; line-height: 1.5em; }

/* ---------->>> Container <<<-----------*/
#container { width: 960px; padding: 0 0 0 10px; }

/* ---------->>> Header <<<-----------*/
#header { height: 150px; background: url(images/header.gif) top left no-repeat; position: relative; }
#header h1 { width: 100px; height: 75px; float: left; margin: 28px 0 0; }
#header h1 a { width: 100px; height: 75px; display: block; text-indent: -9999px; }

/* ---------->>> Menu <<<-----------*/
#menu { float: left; margin: 75px 0 0; padding: 0 0 0 35px; }
#menu ul { font-size: 14px; }
#menu ul li { font-weight: bold; text-transform: lowercase; float: left; margin: 0 12px 0 0; }
#menu ul li a { color: #FFF; text-decoration: none; }
#menu ul li a:hover { color: #F5F5F5; }


#search-form { top: 33px; left: 458px; position: absolute; }
#search-form div input:focus { background: #FFC; }
#search-form input.txt { width: 148px; background: #FFF; font-size: 11px; display: inline; vertical-align: middle; border: 1px solid #D8E2CF; padding: 0.125em; }
#search-form input.btn { font-size: 11px; vertical-align: middle; margin: 0; }

#byggbloggarna { width: 250px; height: 41px; background: url(images/byggbloggarna.png) top left no-repeat; top: 35px; right: 10px; position: absolute; }




/* ---------->>> Content <<<-----------*/
#content { width: 960px; margin: 0 0 25px; }

/* ---------->>> Content Primary<<<-----------*/

#content-primary { width: 720px; float: left; }


#main { width: 480px; float: right; }

#sidebar { width: 220px; float: left; }



/* ---------->>> Content Secondary<<<-----------*/
#content-secondary { width: 220px; float: right; }

/* ---------->>> Footer <<<-----------*/
#footer { color: #7F7C73; border-top: 1px solid #E7E4D9; margin: 0 0 2em; padding: 5px 0 0; }

/* ---------->>> Post <<<-----------*/
.post { background: #FFF url(images/post-heading-bg.gif) top left repeat-x; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 8px 15px; }
.post h2, .post h3 { height: 30px; color: #FFF; }

.post ul { margin: 10px 0 1.5em; }
.post ul li { list-style: disc outside; margin: 0 0 5px 15px; }
.post ol { margin: 10px 0 1.5em; }
.post ol li { list-style: decimal outside; margin: 0 0 8px 20px; }

.front-page { background: #FFF; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 8px 15px; }

.post-content { border-bottom: 1px dotted #DDD; margin: 0 0 15px; padding: 0 0 5px; }
.post-content:after { height: 0; display: block; visibility: hidden; clear: both; content:"."; }
.post-content .text { width: 250px; float: left; }
.post-content .image { width: 176px; float: right; }

.post-content h4 { font-size: 14px; line-height: 1.2em; letter-spacing: normal; margin: 8px 0 4px; }
.post-content h5 { font-size: 11px; letter-spacing: normal; margin: 0 0 4px; }
.post-content h6 { color: #666; font-size: 10px; letter-spacing: normal; margin: 0 0 4px; }
.post-content h6 a { color: #666; }
.post-content p { color: #555; margin: 0; }

#byggdebatt { background: #000 url(images/byggdebatt.jpg) top left no-repeat; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 15px; }
#byggdebatt:after { height: 0; display: block; visibility: hidden; clear: both; content:"."; }
#byggdebatt #image { width: 115px; height: 160px; background: url(images/glappet.jpg) top left no-repeat; float: left; }
#byggdebatt #text { width: 280px; float: right; }
#byggdebatt h2 { width: 440px; height: 53px; display: block; text-indent: -9999px; }
#byggdebatt h4 { font-size: 14px; line-height: 1.1em; margin: 0 0 4px; }
#byggdebatt h4 a { color: #CD071E; }
#byggdebatt h4 a:hover { text-decoration: underline; }
#byggdebatt h5 { color: #808080; font-size: 10px; letter-spacing: normal; margin: 0 0 4px; }
#byggdebatt p { color: #AAA; margin: 0 0 10px; }


/* ---------->>> Comments <<<-----------*/
#comments-holder { background: #FFF; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 15px; }
#comments-holder h4, #comments-holder h5 { font-size: 16px; }
#comments-holder h5 { display: block; border-top: 1px solid #DDD; margin: 10px 0; padding: 10px 0; }
#comments-holder span.hook { position: relative; display: block; }
.commentlist { margin: 0 0 20px; }
.commentlist .children { margin: 0 0 0 40px; }
.commentlist .comment-author { font-size: 14px; font-weight: bold; border-top: 1px solid #DDD; overflow: hidden; margin: 10px 0 0; padding: 7px 0 0; }
.commentlist .comment-author cite { font-style: normal; }
.commentlist .comment-meta a { color: #777; }
.commentlist li p { margin: 1em 0; }
.commentlist li .reply { text-align: right; padding: 0 0 10px; }
.commentlist li .reply a { display: inline; }
.commentlist li ul, .commentlist li ol, .commentlist li blockquote { margin: 0 20px; }
.cancel-comment-reply { top: -1px; right: 4px; position: absolute; }
#commentform .contain { margin: 0 0 10px 0 !important; }
#commentform p label { margin: 4px 0 0 0; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #FFF; border: 1px solid #DDD; margin: 0 4px 0 0; padding: 4px 3px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { width: 160px; border: 1px solid #DDD; outline: none; padding: 4px 3px; }
#commentform textarea { width: 98%; float: none; overflow: auto; }

/* ---------->>> Frame <<<-----------*/
.frame { background: #FFF url(images/heading-bg.gif) top left repeat-x; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 10px; }
.frame h4 { height: 28px; color: #FFF; font-size: 12px; text-transform: uppercase; line-height: 1.1em; letter-spacing: 1px; margin: 0 0 5px; }
.frame h4 a { color: #FFF; text-decoration: none; }
.frame ul { }
.frame ul li { list-style: circle outside; margin: 0 0 5px 15px; }

/* ---------->>> Misc <<<-----------*/
h1, h2, h3, h5, h6 { color: #222; font-weight: normal; line-height: 1.2em; letter-spacing: 1px; }
h1 { font-size: 16px; font-weight: bold; margin: 0 0 12px; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; }


h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #FFF; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #EEE; }

a:link, a:visited { color: #578552; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

p { margin: 0 0 1.5em; }

ul, li { list-style: none; }

blockquote { background: url(images/blockquote.gif) 10px 0 no-repeat; color: #555; font-style: italic; padding: 4px 5px 4px 35px; }

#navigation { margin: 0 0 1.5em; }
#navigation a { color: #3F3E38; text-decoration: none; }
#navigation a:hover { color: #000; }
#navigation #alignleft { float: left; }
#navigation #alignright { float: right; }

.clearfix:after { height: 0; display: block; visibility: hidden; clear: both; content: "."; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

.rsswidget img { display: none; }

p img { max-width: 100%; }
img.centered { display: block; margin: 0 auto; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }

.alignright { float: right; }
.alignleft { float: left; }

/* ---------->>> Authors <<<-----------*/
.authors { background: #FFF url(images/heading-bg.gif) top left repeat-x; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 10px; }
.authors h4 { height: 28px; color: #FFF; font-size: 12px; text-transform: uppercase; line-height: 1.1em; letter-spacing: 1px; margin: 0 0 5px; }
.authors ul { }
.authors li { padding: 5px 0; }
.authors img { }
.authors a img{ background: #DDD; float: left; border: 0; margin: 0 10px 8px 0; padding: 2px; }
.authors a:hover img { background: #EEE; }
.authors strong { font-weight: normal; }
.authors strong strong { font-weight: bold; display: block; margin: 2px 0 0; padding: 0 0 0 15px; }

/* WinIE7 only */

*:first-child+html .post-content, *:first-child+html #byggdebatt { height: 1%; }

/* WinIE6 and below */

/*�*/

* html .post-content, * html #byggdebatt { height: 1%; }
/**/
