/*  

Theme Name: Blorge

Theme URI: http://www.blorge.com/

Description: Version 1.2 fixes tabs, ad/code placement.

Version: 1.2

Author: John Pospisil

Author URI: http://pospisil.com.au/

*/



*

{

margin: 0px;

padding: 0px;

}



ul

{

list-style: none;

}



body 

{

margin: 0px;

text-align: center;

background: #041A36;  

color: #fff;

font:normal 13px Trebuchet MS, Verdana;

line-height:19px;

}



#comment

{

width: 350px;

}

                        

#container

{
overflow: hidden;

background: #162a44;

color: #fff;

margin: 25px 38px 0px 38px;

}



.commentmetadata a{

color:#ccc;

}



#leftnav

{
position: absolute;
top: 173px;
left: 48px;
width: 190px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;
background: #203755 url(img/navbg.gif) top repeat-x;

}



#rightnav

{
position: absolute;
top: 173px;
right: 48px;
width: 190px;
margin: 0;
padding-top: 12px;
text-align: left;
background: #203755 url(img/navbg.gif) top repeat-x;
}

                       

#content

{

padding: 0pt;

margin: 67px 200px 0px 200px;
min-height: 3528px;
text-align: justify;
background: #ffffff;
border-top: 11px solid #305070;
color: #3E3E3E;
}

#content ul li{

padding-left: 15px;

background: url(img/star.gif) no-repeat;

}



#content ul li ul li{

padding-left: 10px;

background: url(img/bullet.png) no-repeat;

}



#content ol{

list-style-position: inside;

padding: 2px;

margin-bottom: 10px;

}



#content p{

font:normal 10pt Verdana,Tahoma, Trebuchet MS, Arial;

line-height: 1.4em;

}



#content img{

margin-right: 6px;

margin-bottom: 6px;

}





#footwrap

{

clear: both;

margin: auto;

width: 100%;

background-color: #111111;

color: #ccc;

padding-top: 14px;

padding-bottom: 14px;

font-weight: normal;

height:20px;

border-top: 1px solid #c1d2e7;

}



#footwrap a:link {

color: #fff;

text-decoration: none;

border: none;

font-weight: bold;

}

#footwrap a:hover {

color: #eee;

text-decoration: underline;

border: none;

}



#footwrap a:visited:hover {

color: #eee;

text-decoration: underline;

border: none;

}



#footwrap a:visited {

color: #eee;

text-decoration: none;

border: none;

font-weight: bold;

}









#sidebarleft

{

margin-top: 15px;

margin-bottom: 0px;

background: none;

padding-left: 8px;

padding-right: 0px;

border-right: 1px solid black;

}



#sidebarleft ul li

{

padding:0 0 3px 15px;

margin: 0 0 0 5px;

color: BurlyWood;

font:normal 13px Trebuchet MS, Verdana;

background: url(img/bullet.png) no-repeat 0px 5px;

letter-spacing: .2px;

}



#sidebarleft ul li ul li{

padding-left: 15px;

padding-top:9px;

background: url(img/bullet.png) no-repeat 0px 13px;

}



#sidebarleft ul li li{

padding-left: 10px;

background: url(img/bullet.png) no-repeat;

}



#sidebarleft a:link {

color: lightgrey;

text-decoration: none;

border: none;

}



#sidebarleft a:hover {

color: white;

text-decoration: underline;

border: none;

}



#sidebarleft a:visited:hover {

color: white;

text-decoration: underline;

border: none;

}



#sidebarleft a:visited {

color: lightgrey;

text-decoration: none;

border: none;

}



#sidebarleft h2 {

background: transparent url(img/leftbar.gif) right no-repeat;

font:bold 14px Verdana, Trebuchet MS;

padding:6px 0 5px 12px;

color: #3e3e3e;

}





#sidebarright

{

margin-bottom: 0px;

margin-top: 15px;

background: none;

padding-left: 0px;

padding-right: 8px;

border-left: 1px solid black;

}



#sidebarright ul li

{

padding:0 0 6px 15px;

margin: 0 0 0 5px;

color:#203755;

font:normal 13px Trebuchet MS, Verdana;

background: url(img/bullet.png) no-repeat 0px 5px;

letter-spacing: .2px;

}



#sidebarright ul li ul li{

padding-left: 10px;

background: url(img/bullet.png) no-repeat;

}



#sidebarright a:link {

color: lightgrey;

text-decoration: none;

border: none;

}



#sidebarright a:hover {

color: white;

text-decoration: underline;

border: none;

}



#sidebarright a:visited:hover {

color: white;

text-decoration: underline;

border: none;

}



#sidebarright a:visited {

color: lightgrey;

text-decoration: none;

border: none;

}



#sidebarright h2 {

background:url(img/rightbar.gif) left no-repeat;

font:bold 14px Verdana, Trebuchet MS;

margin-top:10px;

padding:6px 0 5px 8px;

color: #3e3e3e;

}



#sidebarright li strong {margin-left: 10px;}



#leftnav p, #rightnav p { margin: 0 0 1em 0; }

#content h2 { margin: 0 0 .5em 0; }







p

{

margin-bottom: 12px;

}





blockquote

{

padding: 10px 10px 5px 10px;;

margin: 15px;

border-left:1px dotted #9BB6D9;

background:#E5ECF5;

color: #2e2e2e;

}





.postmetadata

{

border-top: 1px dotted #9BB6D9;

border-bottom: 1px dotted #9BB6D9;

margin:20px 0  20px 0;

padding: 6px;

background-color: #E5ECF5;

clear: left;

}



.postmetadata a:link, .postmetadata a:active, .postmetadata a:visited

{

border: none;

color: #3e3e3e;

font-weight: normal;

text-decoration: underline;

}



.postmetadata a:hover

{

border: none;

color: #3e3e3e;

text-decoration: none;

font-weight: normal;

}



a:link

{

color: #305070;

text-decoration: none;

}



a:hover

{

text-decoration: underline;

}



a:visited

{

color: #305070;

text-decoration: none;

font-weight: normal;

}



#feed, #feed img a:link, #feed img a:visited

{

border: none;

}







.commentlist

{

padding-left: 40px;

padding-right: 15px;

}



.commentlist li

{

margin: 8px 10px 15px 15px;

padding-left: 12px;

list-style: none;

border-left:5px solid #c1d2e7;

}



.commentlist a:link

{

border: none;

text-decoration: none;

font-weight: bold;

color: #223E6F;

}



.commentlist a:visited

{

border: none;

text-decoration: none;

font-weight: bold;

color: #223E6F;

}



.commentlist a:hover

{

border: none;

text-decoration: underline;

font-weight: bold;

color: #000;

}



.commentlist a:visited:hover

{

border: none;

text-decoration: underline;

font-weight: bold;

color: #000;

}





h1

{

font-size: 26px;

padding-left: 5px;

color: #666666;

}



h2

{

display: block;

font-size: 16px;

font-weight: bold;

padding-top: 5px;

padding-left: 10px;

margin-top: 5px;

margin-bottom: 6px;

text-align: left;

}



h3

{

display: block;

font:normal 1.4em Trebuchet MS, Verdana;

padding-left: 5px;

padding-top: 0px;

margin-top: 0px;

margin-bottom: 0px;

text-align: left;

letter-spacing: 0.05em;

}



h3 a:link, h3 a:visited

{

color: #3e3e3e;

}



h4

{

margin-top: 2px;

font-size: 12px;

padding: 0pt 10px 0pt 10px;

}



.date

{

float: left;

color: #3E3E3E;

font-weight: normal;

text-transform: uppercase;

letter-spacing: 0.05em;

font-size: 1.10em;

margin: 0px;

padding: 2px 5px  0px 0px;

}



.post

{margin: 0pt auto;

display: block;

overflow:hidden;

width:97%;

}



#wp-calendar 

{

empty-cells: show;

margin: 10px auto 0;

width: 160px;

}



#wp-calendar #next a 

{

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a 

{

padding-left: 10px;

text-align: left;

}



#wp-calendar td 

{

padding: 2px 0;

text-align: center;

}



#wp-calendar th 

{

/*padding: 3px 0;*/

text-align: center;

}



#wp-calendar caption 

{

text-align: center;

width: 100%;

text-transform: uppercase;

font-weight: bold;

}



img 

{	

border:none;

}



.alignright {

text-align: right;

}



.alignleft {

text-align: left

}



.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 0;

}



/*  

New styles

*/



#top {

/*background: #041A36 url(img/topbg.gif) repeat-x top;    ---omitted for new tabs*/

background-color: black;

border-bottom: 1px solid #c1d2e7;

margin-bottom: 0;

padding: 5px 10px 0;

text-align: left;

height: 56px;

overflow: hidden;

}



#headr {

padding: 0;

width: 99%;

margin: 0 auto;

}

.logotext {

float: left;

}

.search {

float: right;

padding-top: 0px;

}

input.textbox, textarea

{

background: white;

border: 2px solid #203755;

font: 1em Verdana, Arial, Serif;

padding: 2px;

}

input.textbox:focus, textarea:focus

{

background: #fff url(images/shadow_top.gif) repeat-x top;

border: #999 1px solid;

}

#submit

{

padding: 3px 5px;

}

br.clear {

clear: both;

}



.leftnavbottom{

height: 17px;

background: url(img/leftnavlcorner.gif) no-repeat bottom left;

border-right: 1px solid black;

}



.rightnavbottom{

height: 17px;

background: url(img/rightnavlcorner.gif) no-repeat bottom right;

border-left: 1px solid black;

}



.leftnavtop{

height: 17px;

/*background: url(img/leftnavcorner.gif) no-repeat top left;
leftnavtop can be completely omitted if we choose to go with the new tabs;
make sure that you add a top margin of 17px to whatever resides below. */

}



.rightnavtop{

height: 17px;

background: url(img/rightnavcorner.gif) no-repeat top right;

margin-top: -12px;

}



.containerltop{

background: url(img/containerul.gif) no-repeat top left;

float: left;

width: 17px;

height: 17px;

}



.containermtop{

float: left;

padding: 2px 0px; width: 95%;

height: 15px;

}



.containerrtop{

background: url(img/containerur.gif) no-repeat top right;

float:right;

width: 17px;

height:18px;

}



.contentltop{

background: url(img/contentul.gif) no-repeat top left;

float:left; 

width: 17px;

height:17px;}



.contentrtop{

background: url(img/contentur.gif) no-repeat top right;

float:right;

width: 17px;

height:17px;}



#sidebarright ul{padding-left: 6px;}



#sidebarleft h2 a:link, #sidebarleft h2 a:active, #sidebarleft h2 a:visited{

color: #3e3e3e; 

text-decoration: none;

font-weight: bold;

}



#sidebarleft h2 a:hover, #sidebarleft h2 a:visited:hover {color: #3e3e3e; text-decoration: underline;}



#s, #searchsubmit {margin: 5px 0pt 0px 10px; border: 1px solid #c1d2e7;}



.logotext a img {padding: 0px; margin: 5px 0 0 0; border: none;}



.post-teaser a:visited, .post-teaster a:link{

color: SlateGray;

text-decoration: none;

}



.post-teaser a:hover{

text-decoration: underline;

}





#commentcontainer{

margin-left: 15px;

padding-bottom: 20px;

}



#respond{

margin-left: 5px;

}



.sidebartext{

text-align: center;

font-size: 11px;

padding-left: 2px;

color: lightgrey;

}



#footwrap a img{

margin: 0px 10px;

border: none;

}



.print{

font-size: 13px; color: #305070; padding-left: 8px;

}



.print a:link, .print a:active, .print a:visited{

color: #3e3e3e; text-decoration: underline;}

.print a:hover{ text-decoration: none;}

.print img{

border: none !important;

}



/*



Styles necessary to support various bsuite features.

bsuite is a a WordPress plugin that does stats tracking

and a lot of other things I wanted done on my blog.

http://maisonbisson.com/blog/search/bsuite



Author: Casey Bisson

Author URI: http://maisonbisson.com/blog/





This CSS, such as it is, is released under the GPL:

http://www.opensource.org/licenses/gpl-license.php



*/



/* span styles for the search word highglighting feature */

.hl0	{ background-color: #FFFF99 }

.hl1	{ background-color: #FF99FF }

.hl2	{ background-color: #99FFFF }

.hl3	{ background-color: #FF9999 }

.hl4	{ background-color: #9999FF }



/* the style for the div that lists the hightlighted words */

#bstat_hilite	{ margin: 10px 0px 10px 0px; border: 1px dotted #999; padding: 10px; }





/* styles related to the pulse graph */

#bstat_pulse	{ height: 110px; margin: 2px 0px 2px 0px; text-align:center; } 

#bstat_pulse p	{ text-align: center; line-height: 1em; text-shadow: #ffffff 1px 1px 4px; margin-top: -30px; } 

#bstat_pulse img	{ display:inline; vertical-align: middle; background-color: #999999; border: solid 0px #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: solid 2px #000000; } 



/* styles related to the bsuggestive list of related posts */

.bsuggestive_footer	{ 

	margin: 0px 0px 0px 0px; 

	border-top: 1px dotted #999; 

	padding: 10px; 

	background: transparent;

	color: #443;

	font-size: 11px;

	text-align: left;	

	}

	

.bsuggestive_footer h3	{

	color: #3e3e3e;

	font-size: 13px;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}



.bsuggestive_footer ul {

	list-style-type: none;

	margin: 0 0 0 10px;

	padding: 0;

	}

	

.bsuggestive_footer li {

	text-indent: -10px;

	line-height: 1.5em;

	list-style-type: none;

	margin: 0;

	padding: 0; font-size: 13px;

	}



.bsuggestive_footer li:before {

	content: "\00BB \0020";

	}

.tab1, .tab2, .tab3, .tab4{
position: absolute;
top: 101px;
height: 72px;
margin: 0px;
}

.tab1{
width: 296px;
left: 48px;
}

.tab2{
width: 181px;
left: 343px;
background: url(http://tech.blorge.com/wp-content/themes/BLORGE12/img/tabs/tabs0_02.gif) bottom; 
}


.tab3{
width: 180px;
left: 524px;
background: url(http://tech.blorge.com/wp-content/themes/BLORGE12/img/tabs/tabs0_03.gif) bottom; 
}

.tab4{
width: 181px;
left: 704px;
background: url(http://tech.blorge.com/wp-content/themes/BLORGE12/img/tabs/tabs0_04.gif) bottom; 
}


.tab2 a img, .tab3 a img, .tab4 a img{
border: none;
display: block;
}

.tab2 a:hover img, .tab3 a:hover img, .tab4 a:hover img{
visibility: hidden;
border: none;
}

.show script{
display: block !important;
}
