/*
THEME NAME: PC Online
THEME URI: http://pconline.se
DESCRIPTION: Tema för pconline.se baserat på Sandbox
VERSION: 1
AUTHOR: Gustav Holmstr&ouml;m
AUTHOR URI: http://artoo.se
*/

@import url('y.css');

html, body { font: 13px Arial, Verdana, Sans-serif; color: #333; background: #363636; }
h1, h2, h3 { font-family: Georgia, Arial, Sans-serif; font-weight: normal; }
a { color: #ec851f; text-decoration: none; }

/* WRAPPERS */
#wrapper { width: 1002px; margin: 20px auto; }
	#inner-wrap { background: #ececec; padding: 0 0 10px 0; }
			#container { width: 500px; float: left; background: #fff; border: 1px solid #a9a9a9; padding: 20px; margin: 10px 0 10px 10px; }
			#sidebars { width: 386px; float: right; background: #fff; border: 1px solid #a9a9a9; padding: 20px; margin: 10px 10px 10px 0; }
	
/* HEADER */
#header { }
	#header h5 { width: 301px; height: 63px; text-indent: -99999px; background: url('images/pconline.gif') #363636 no-repeat left; margin-bottom: 0; float: left; }
		#header h5 a { display: block; width: 301px; height: 63px; }
	/* HEADER -> SEARCH FORM */
	#header form { float: right; margin: 10px 0 0 0; }
		#header input#s { padding: 10px; width: 250px; background: url('images/search-bg.gif') repeat-x bottom #fff; border: 0; }
		#header input#searchsubmit { width: 20px; height: 20px; cursor: pointer; text-indent: -99999px; background: url('images/s.gif') no-repeat center #363636; border: 0; }
		
/* MENU */
.skip-link { display: none; }

#vitmeny { color: #fff; }

#menu { background: url('images/menu.gif') #ec851f no-repeat center; }
	#menu ul { list-style: none; margin: 0; padding: 11px 0; }
		#menu ul li { font: bold 14px Arial, Verdana, Sans-serif; padding: 10px; display: inline; }
			#menu ul li a { color: #fff; text-decoration: none; padding: 10px; text-transform: uppercase; }
				#menu ul li a:hover, #menu ul li.current-cat a, body.home #menu ul li a.menu-home { color: #ebc5c5; }

/* ADS */
#ad-980 { background: #fff; border: 1px solid #a9a9a9; margin: 10px 10px -1px 10px; width: 980px; padding:4px 0px 4px 0px;}
div.adsense-inline-index { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #a9a9a9; text-align: center; }			
div.adsense-inline-single { width:270px; margin: 0 5px 5px 0; padding: 0 5px 5px 0; float: left; }

/* POSTS */

.programrubrik { font-family: Arial, Verdana, Sans-serif; font-weight: bold; font-size:20px; color:#333; margin-bottom:10px;}

.glasspinne { background:#ec851f; color:#ffffff; padding:4px; font:bold 11px verdana, arial,sans-serif; text-transform: uppercase; letter-spacing:1px; }
.glasspinnesvart { background:#333; color:#ffffff; padding:4px; font:bold 11px verdana, arial,sans-serif; text-transform: uppercase; letter-spacing:1px; }

.post h1 a { color: #333; font: bold 28px Arial, Georgia, Sans-serif; text-decoration: none; }
	.post h1 a:hover { color: #ec851f; }

.post h2 a { color: #333; font: bold 19px Arial, Georgia, Sans-serif; text-decoration: none; }
	.post h2 a:hover { color: #ec851f; }
.entry-content a:hover { text-decoration: underline; }
.entry-content p { margin: 5px 0; padding: 5px 0; }
.entry-content blockquote { padding-left:15px; border-left:5px solid #a9a9a9; 
font-style:italic; }

.entry-content ul li ul li { background: url('images/li.gif') no-repeat left top; padding: 0 0 0 7px; }

	/* ENTRY META */
	.post .entry-meta-top, .post .more-link { color: #555; font-size: 10px; text-transform: uppercase; margin: 0 0 3px 0; }
		.post .more-link { float: right; text-decoration: none; color:#ec851f; }


	#content .entry-content .more-link a:hover { text-decoration: none; }
		.more-link a { color: #333; }
	/* .POST -> LISTS */
	.post { margin:10px 0 0 0; border-bottom:1px solid #d9d9d9; padding:5px 0 5px 0; }
	.post .entry-content li { list-style-position: inside; }
	/* .POST -> HEADERS IN ENTRY (H2, H3) */
	.post .entry-content h2 { font-size: 28px; margin: 10px 0 5px 0; line-height: 100%; }
	.post .entry-content h3 { font-size: 18px; margin: 7px 0 3px 0; line-height: 100%; }
	/* THUMBNAILS ON HOMEPAGE */
	.home .post .entry-content img { float: left; margin: 0 10px 0 0; }		
		.home .post .entry-content a img { border: none; }
	/* LAST POST ON TOP */
	.home .p1 { padding: 0 0 10px 0; border-bottom: 1px solid #a9a9a9; margin: 0 0 10px 0; }
		h1.entry-title, h2.entry-title, h2.page-title { font-size: 30px; margin: 0; font-weight:bold; font-family: Arial, Georgia, Sans-serif; color:#000; }
		.post h2 { margin: 0; }
			.p1 h2 a { font-size: 30px; font-weight:bold; color:#000; }
	/* OLDER POSTS SMALLER */


	h3.entry-title { font-size: 20px; margin: 0; }
		h3.entry-title a { color: #333; }
	.home .p2, .home .p3, .home .p4, .home .p5, .home .p6, .home .p7, .home .p8, .home .p9, .home .p10, .home .p11, .home .p12, .home .p13 { width: 230px; float: left; }
		.home .p3, .home .p5, .home .p7, .home .p9, .home .p11, .home .p13 { margin-left: 40px; }
		.home .p4, .home .p6, .home .p8, .home .p10 { clear: both; }
		.home .p4, .home .p5, .home .p6, .home .p7, .home .p8, .home .p9, .home .p10, .home .p11, .home .p12, .home .p13 { margin-top: 20px; border-top: 1px solid #a9a9a9; padding: 20px 0 0 0; }
	/* ON SINGLE ENTRY/PERMALINK */
	.single .entry-content { line-height: 160%; }
	/* ON ARCHIVE PAGES */
	body.archive .post { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #a9a9a9; }
		body.archive .archive-more-link a { color: #555; font-size: 10px; text-transform: uppercase; }
		
/* COMMENTS */
#comments p { margin: 0 0 10px 0; }
#comments-list h3 { background: #fff; margin: 0; padding: 10px; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }
#comments img.avatar { float: right; }
#comments a:hover { text-decoration: underline; }
#comments-list ol { list-style: none; padding: 0; border-top: 1px solid #a9a9a9; margin: 0 0 20px 0; }
	#comments-list ol li { border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; padding: 10px; }
		#comments-list ol li.alt { background: #f0f0f0; }
		#comments-list ol li span.comment-meta, .formcontainer span.required { color: #555; font-size: 11px; text-transform: uppercase; }
		#comments-list ol li p.unapproved { color: #ec851f; font-size: 12px; text-transform: uppercase; }
		/* COMMENT FORM */
		#respond { background: #f0f0f0; border: 1px solid #a9a9a9; }
			#respond h3 { margin: 0; padding: 10px; background: #fff; border-bottom: 1px solid #a9a9a9; }
			.formcontainer { padding: 10px; }
			
/* NEXT AND PREVIOUS LINKS */
#nav-below { border: 1px solid #a9a9a9; background: #ececec; padding: 10px; line-height: 150%; }
	.nav-index { margin: 20px 0 0; }
		.nav-index .nav-previous { float: left; }
		.nav-index .nav-middle { text-align: center; }
		.nav-index .nav-next { float: right; }
	.nav-single { margin: 20px 0; clear: both; }
	
/* SIDEBARS */
#sidebars a { text-decoration: none; color: #333; }
	#sidebars a:hover { color: #ec851f; }
#sidebars h3 { background:#ec851f; color:#ffffff; padding:4px; font:bold 11px verdana, arial,sans-serif; text-transform: uppercase; letter-spacing:1px; margin: 0 0 5px 0; }
.sidebar { width: 185px; }
	.sidebar ul { list-style: none; padding: 0; margin: 0; line-height: 150%; }
		.sidebar ul li ul li { background: url('images/li.gif') no-repeat left top; padding: 0 0 0 7px; }
		.sidebar ul .widget { margin-bottom: 20px; }
	/* PRIMARY = LEFT SIDEBAR */
	#primary { float: left; }
	/* SECONDARY = RIGHT SIDEBAR */
	#secondary { float: right; }
	
/* FOOTER */
#footer { clear: both; background: #fff; width: 960px; margin: 10px 10px 0 10px; padding: 10px; border: 1px solid #a9a9a9; text-align: center; }
	#footer a { text-decoration: none; }
		#footer a:hover { color: #ec851f; }
				
/* CLEAR FLOATS ETC */	
.clear { clear: both; }


/* ÖVRIGT */
.simpletags { font-size:80%; line-height:100%; color:#555; }
.simpletags a { color:#555; }

.page-link { margin:10px 0px 10px 0px; padding:10px; background: #ececec; border:1px solid #a9a9a9; font-weight:bold; font-size:18px; }

.alignright { float:right; padding:0px 0px 10px 10px; }
.alignleft { float:left; }

.programtabell td { padding:3px; border-bottom:1px solid #555;}


