/*  
Theme Name: VHEK
Theme URI: http://www.bywire.se
Description: Denna stil är endast tillgänglig för föreningen varken hora eller kuvad. 
Author: Tommy Gabrielsson
Author URI: http://www.bywire.se
*/

/*+++++++ BODY +++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { font-family: Arial; font-size: 12px; color: #4d4b4c; background: #313131 url(images/mainback.gif) center repeat-y; }
#outerwrapper { height: 300px; background: url(images/header.gif) top center no-repeat; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}
a:link {  text-decoration: none; color: #669900; border: 0px;}
a:active {color : #669900; border: 0px;}
a:visited { color :#669900 ; border: 0px;}
a:hover	{ color:#333333; border: 0px;} 
a:focus { outline: none;}
.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#wrapper { width: 1000px; margin:auto; }
#frame,#content { width: 970px; margin:auto; }

/*+++++++ TOP +++++++*/
#header { height: 115px; width: 1000px; }
#logo { float: left; width: 310px; padding-top:10px; padding-left:10px; }
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background: url(images/logo.gif) no-repeat; height:100px; outline:none;}
#topleft { float: right; height: 106px; width: 630px; }
#searchbox { float:right; width: 233px; height: 36px; background: url(images/s.gif) no-repeat; margin:20px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 200px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 3px 4px 0 0; width:18px; height:18px;  }

/*+++++++ NAVIGATION +++++++*/
#nav { float:right; padding-right:10px; margin-top:15px;}
#nav ul { }
#nav ul li {display:inline; height:35px; line-height:35px;}
#nav ul li.current_page_item a { background:url(images/navbg-acho.gif) repeat-x; color:#ff0099; }
#nav ul li.current_page_item a:hover{background:transparent;color:#ff0099;}
#nav ul li a { color:#fff;float:left; text-transform:uppercase; padding:0 0 0 20px;}
#nav ul li a:hover{background:none;color:#ff0099; text-decoration:none;}

/*+++++++ INFOBAR +++++++*/
#infobar { height: 30px; width: 975px; line-height:30px; font-size:11px; margin-bottom:0px; }
#browse { float: left; width: 560px; background:url(images/folder.gif) no-repeat 0 6px; padding-left:25px; }
#rss { float: right; height: 30px; width: 383px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:34px; text-align:right;}

/*+++++++ ENTRY +++++++*/
#left { float: left; width: 640px; }
.entry { width: 625px; padding:10px; background:#fff; margin-bottom:10px; line-height:140%; }
.entry{ float:left;	clear:left;	background: url(images/shadowAlpha.png) no-repeat bottom right !important;	background: url(images/shadow.gif) no-repeat bottom right;	margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0px;}
.post{ position:relative; bottom:6px; right: 6px; border: 1px solid #bbbbbb; background:#fff; padding:10px; margin: 0px 0px 0px 0px; }
.post{/* IE5 hack */ \margin: 0px 0px -3px 0px; ma\rgin:  0px 0px 0px 0px;}

.entry h2 { font: bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}
.entry h2 a {  color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0;}
.entry ol li { background:#fafafa; }
.entry img {margin:0 10px 10px 10px;}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
.allinfos { font-size:11px; height:20px; padding-bottom:10px;}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 330px; }
#right { float:left; width: 320px;  }
#right{ background: url(images/shadowAlpha.png) no-repeat bottom right !important;	background: url(images/shadow.gif) no-repeat bottom right;	margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0px;}
#topsidebar { position:relative; bottom:6px; right: 6px; border: 1px solid #bbbbbb; background:#fff; padding:0 8px 0 8px; margin: 0px 0px 0px 0px; }
#topsidebar{/* IE5 hack */ \margin: 0px 0px -3px 0px; ma\rgin:  0px 0px 0px 0px;}

.shadow{ width:320px; float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important;	background: url(images/shadow.gif) no-repeat bottom right;	margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0px;}

.sidebar { position:relative; bottom:6px; right: 6px; border: 1px solid #bbbbbb; background:#fff; padding:0 8px 0 8px; margin: 0px 0px 0px 0px; }


#sidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}

/*+++++++ COMMENTS +++++++*/
.postmetadata
{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #bbbbbb;
	background:#fff;
	padding:10px;
	margin: 0px 0px 0px 0px;
}
.postmetadata{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}


#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/*+++++++ FOOTER +++++++*/
#footer { background: url(images/footer.png) top center no-repeat; width: 100%; margin:15px auto 0px; height:450px; font-size:10px; color:#b5b5b5; }
#container_footer { margin-top: 0px; padding-top:130px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: left; width: 955px; }
#footer_left { float: left;	position: relative;	margin-bottom: 30px; width: 280px; }
#footer_middle { float: left; margin: 0 55px; position: relative; margin-bottom: 30px; width: 280px; }
#footer_right { float: right; position: relative; margin-bottom: 30px; width: 280px; }
h5 { background: transparent url(images/h5_bg.gif) no-repeat 0 50%; border-bottom: 2px solid #555; clear: both; color: #b5b5b5; display: block; font-size: 1.2em; font-weight: bold; letter-spacing: 5px;	margin-bottom: 10px; padding: 2px 0 2px 20px; text-transform: uppercase; }
h6 { border-bottom: 1px solid #b5b5b5;	font-size: 1.2em; }
#footer p {	font-size: 1.2em; padding: 0; text-align: justify; }
img.buch { border: 2px solid #b5b5b5; display: block; height: 67px; margin: 13px 0; width: 275px; }
#copyright { clear: both; color: #848484; display: block; height: 2.6em; position: relative; background:url(images/cc.gif) left no-repeat;}
#copyright a {color:#707070;}
#copyright a:hover {color:#fff;}
#copyright p { line-height: 1.2em; padding-left: 34px; width: 50%; }
#copyright ul { font-size: 1.2em; list-style: none; margin-top: 2px; position: absolute; right: 0; top: 0; }
#copyright li {	float: left; margin-left: 5px; overflow: hidden; }
#copyright li a { display: block; float: left; height: 27px; text-decoration: none; text-indent: -5000px; }
ul.links { font-size: 1.2em; list-style: none; margin-bottom: 17px; width: 280px; }
ul.links li { border-bottom: 1px dotted #2a2a2a; }

ul.links li:hover { background: #ff0099 url(../images/footer_links.gif) no-repeat 235px 50%; }
ul.links li a { color: #ff0099; display: block; width: 278px; padding-top:4px; padding-bottom:2px; padding-left:2px; }
ul.links li a:hover, ul.links li a:focus { color: #000; }
dl.pr { font-size: 1.2em; margin-bottom: 31px; width: 280px; }
dl.pr dt { color: #b5b5b5; float: left; font-weight: bold; }
dl.pr dd a, #footer p.pr a { color: #ff0099; }
dl.pr dd a:hover, dl.pr dd a:focus, #footer p.pr a:hover, #footer p.pr a:focus { color: #b5b5b5;}
dl.pr dd.img { display: block; float: right; height: 40px; overflow: hidden; width: 102px; }
dl.pr dd.link { background: transparent url(../images/footer_url.gif) no-repeat 0 50%; float: left; padding-left: 15px; text-transform: uppercase; }
dl.pr dd.desc { clear: both; padding-top: 6px; text-align: justify; }

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}