/*
Theme Name: Ord & Bild
Theme URI: 
Description: Development version
Version: 2.0
Author: Ivan Ivarsson
Author URI: http://www.ivanivarsson.se/
Tags: custom header, fixed width, two columns, widgets

	Ord & Bild
	 http://www.tidskriftenordobild.se/

	This theme was designed and built by Ivan Ivarsson,
	whose blog you will find at http://www.ivanivarsson.se/

*/

body { font-family: Georgia; color: #333; }

a { text-decoration: none; border-bottom: 1px solid #ccc; color: #111; }
a:hover { color: #000; border-bottom: 1px solid #000; }

a img { border: none; text-decoration: none; vertical-align:top;} 

h1 { line-height: 1.2em; }
h2 { margin: 0 0 0.4em 0; font-size: 1.3em; }
h3 { margin: 0 0 0.4em 0; font-size: 1.2em; }

hr { height: 1px; background: #ccc; margin: 0;}



/* Own classes
------------------------------------------ */

.dark { color: #000; }
.alignleft { float: left; margin-right: 1em; display: none; }
.alignright { float: right; margin-left: 1em; display: none; }
.light { color: #888; }



/* Top Menu
------------------------------------------ */

#top-menu { border-bottom: 1px solid #ccc; margin: 3em 0 1em 0; padding: 0 0 1.4em 0; }
#top-menu a#logo { display: block; width: 86px; height: 18px; background: url(images/ob-logo.gif) no-repeat 0px 0px; border-bottom: none; margin: 0 0 0.2em 0; }
#top-menu a#logo span { display: none; }

#top-menu ul { margin: 0 0 0.2em 0; padding: 0; list-style-type: none;}
#top-menu ul li { margin: 0 0 0 2em; float: right; }
#top-menu ul li a { font-family: Helvetica; text-transform: uppercase; font-size: 0.8em; border-bottom: none; }
#top-menu ul li a:hover { border-bottom: 1px solid #999; }
#top-menu ul li.current_page_item a { border-bottom: 1px solid #999; }

/* Top Shop
------------------------------------------ */

#top-shop { border-bottom: 1px solid #ccc; margin: 0 0 2em 0; padding: 0 0 1em 0; text-align: right; }
#top-shop a { color: #868383; font-size: 0.9em; }
#top-shop a:hover { color: #000; }


/* Startpage
------------------------------------------ */

.block { color: #676767; font-style:  italic; padding: 0 0 0.7em 0; margin: 0; }
.nummer-box { margin: 0 0 2em 0; height: 500px; }
.nummer-box div.entry { position: relative; top: 350px; left: 40px; width: 570px; }
.nummer-box div.entry h1 { font-size: 2em; margin: 0 0 0.4em 0; }
.nummer-box div.entry p { font-size: 1.1em; line-height: 1.4em; margin: 0; }
.nummer-box div.entry a { font-size: 1.1em; border-bottom: 1px solid #333; }

.nummer-box.light div.entry a { color: #fff; border-bottom: 1px solid #fff; }
.nummer-box.light div.entry h1 { color: #fff; }
.nummer-box.light div.entry p { color: #fff; }

.nummer-box.dark div.entry a { color: #222; border-bottom: 1px solid #333; }
.nummer-box.dark div.entry h1 { color: #222; }
.nummer-box.dark div.entry p { color: #333; }

.nummer-box.red div.entry a { color: #red; border-bottom: 1px solid #red; }
.nummer-box.red div.entry h1 { color: red; }
.nummer-box.red div.entry p { color: #red; }

.nummer-box.roster div.entry { background: #7f786e; top: 325px; left: 0; width: 430px; padding: 1em 0 1em 2em; }
.nummer-box.roster div.entry a { color: #e8d331; border-bottom: 1px solid #e8d331; }
.nummer-box.roster div.entry h1 { color: #e8d331; margin: 0 0 0.2em 0; }
.nummer-box.roster div.entry p { color: #e8d331; }

.art-box { margin-bottom: 3em; }
.art-box p { margin: 0; line-height: 1.5em; }
.art-box p.author { color: #545454; font-style: italic; font-size: 0.9em; }
.art-box h2 { margin: 0; font-size: 1.1em; }

.info-content { margin: 0 0 4em 0; }



/* Page
------------------------------------------ */

.page h1 { margin: 0.3em 0 0.6em 0; }
.page h2 { font-size: 1.6em; }
.page p { font-size: 1.1em }
.page-list { list-style-type: none; margin: 0.5em 0 3em 0; padding: 0; }
.page-list li ul { list-style-type: none; margin: 0 0 3em 0; padding: 0; }
.page-list li ul li p { margin: 0 0 0.5em 0; }


p.date { font-size: 0.9em; }


/* Nyhet
------------------------------------------ */

.nyhet h1 { margin-top: 0.5em; }
.nyhet .excerpt { font-style: italic; font-size: 1.3em; }
.nyhet .entry { font-size: 1.1em; margin: 0 0 4em 0; }


/* Artikel
------------------------------------------ */

.artikel h2.author { text-align: center; margin-top: 0.5em; color: #575757; }
.artikel h1 { text-align: center;  margin-top: 0.3em; }
.artikel .excerpt { text-align: center; font-style: italic; font-size: 1.4em; }
.artikel .entry { font-size: 1.1em; margin: 0 0 8em 0; }


/* Comment
------------------------------------------ */
.commentlist { list-style-type: none; margin: 2em 0 2em 0; }
.commentlist li { border-bottom: 1px solid #ccc; margin: 1.4em 0 2em 0; padding: 0 0 2em 0; }
.commentlist li.alt { color: #333; }
.commentlist li.alt {}
div.comment-meta { float: right; font-size: 0.9em; }
div.comment-author { font-size: 1.2em; margin: 0 0 1.5em 0; }


/* Nummer
------------------------------------------ */
.nummer-page h1 { margin: 0.1em 0 0.2em 0; }
.nummer-page h2 { font-size: 1.6em; }
.nummer-page p { margin-bottom: 0.7em; }
.nummer-page .ingress { font-style: italic; font-size: 1.5em; margin: 0 0 0.6em 0; }
.nummer-page .line-block { margin: 2em 0 1.5em 0; }
.nummer-small { margin-bottom: 3em; margin-top: 0.2em; }
.nummer-small img { float: left; border: 4px solid #e9e8ec; margin: 0.2em 1.5em 0.5em 0em; }
.nummer-small .buy { margin: 0 0 0 0; }

/* Blog page
------------------------------------------ */
.blog-page em { display: block; margin: 0 0 3em 0; }
.blog-page .line-block { margin-top: 2em; }

/* Sidebar
------------------------------------------ */

.line-block { border-bottom: 1px solid #ccc; color: #676767; font-style:  italic; padding: 0 0 0.7em 0; margin: 0 0 1.2em 0; }
.category-nyhet p.date { font-size: 0.8em; color: #585858; font-style: italic; }
.category-nyhet { margin: 0 0 2em 0; }
.category-nyhet h2 { margin: 0 0 0.2em 0; font-size:1.2em; line-height: 1.3em; }
.category-nyhet p { line-height: 1.5em; margin: 0 0 0.3em 0; }
.category-nyhet p.postmetadata { float: right; }


/* Footer
------------------------------------------ */

#footer-menu { margin: 10em 0 1em 0; padding: 0.4em 0 0 0; list-style-type: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 2.2em; }
#footer-menu li { margin: 0 2em 0 0; padding: 0.5em 0 0 0; float: left; font-family: Helvetica; text-transform: uppercase; font-size: 0.8em; }
#footer-menu li a {}
#footer-menu li.current_page_item a { border-bottom: 1px solid #999; }

h3.contact { margin: 1em 0 0 0; }
.footer-list { list-style-type: none; margin: 0.5em 0 3em 0; padding: 0; }
.footer-list li h3 { margin: 0 0 0.5em 0; }
.footer-list li ul { list-style-type: none; margin: 0; padding: 0;}
.footer-list li ul li { margin: 0 0 0.4em 0; }
.footer-list li.mark { color: #111; }


.copy { text-align: right; font-size: 0.9em; border-top: 1px solid #ccc; padding: 0.5em 0 0 0; }
.info { text-align: right; font-size: 0.9em; padding: 0 0 3em 0; color: #777; }
.info a { color: #777; }
.info a:hover { color: #444; border-bottom: 1px solid #444; }


/* Order-box
-------------------------------------- */
/* .order-box { width: 650px; height: 620px; margin: 30px; } */
.order-box {}
.order-box h1 { margin: 0.3em 0 0.6em 0; }
.order-box h2 { font-size: 1.6em; margin: 2.5em 0 0.3em 0; }
/* .order-box h2 { font-size: 1.6em; margin: 0 0 0.3em 0; } */
.order-box h3 { font-size: 1.2em; margin: 0 0 0.8em 0;  }
.order-box p { font-size: 1.1em }
.order-box hr { margin-bottom: 1.5em; }
.order-box img { float: left; border: 4px solid #e7e7e7; margin: 0 1.5em 1.5em 0; }
.order-box .order-info { font-size: 0.9em; color: #666; font-style: italic; }

.order-box .input-fields { clear: both; margin: 0 0 0 0; }
.order-box .input-fields p { margin: 0; }
.order-box input { padding: 0.4em; display: list-item; margin: 0 0 0.5em 0; }
.order-box textarea { width: 380px; height: 40px; }




/* Extras
-------------------------------------- */

#fancybox-close { border-bottom: none; text-decoration: none; }
img#wpstats{display:none} /* stats */