/*   
Theme Name: 12MorePages
Theme URI: http://www.12morepages.com
Description: Custom Template
Author: INM United
Author URI: www.inmunited.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
ul.bullet{list-style:inside;}
ul.bullet li{padding:2px 0px;}

ul.list{padding-left:10px; list-style:outside; line-height:20px; width:90%; }
ul.list li{ margin-bottom:7px;}

caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Page layout styles ------------------------------ */

body{ background:url(bg.jpg) top left repeat; text-align:center; font:11px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans'; color:#444; }
#heading{ width:100%; height:150px; background:url(heading.png) center no-repeat; margin:0px auto; position:relative; }
#container{ width:100%; height:650px; background:url(contentbg.png) center no-repeat; margin:0px auto; padding-top:10px; position:relative; }
#content{ width:865px; height:625px; margin:0px auto; }
#left,#right,#left2{ width:45%; padding:10px; padding-left:20px; height:96%; float:left; text-align:left; position:relative;}
#left{ position:relative; left:-10px;}
#right{ float:right; padding-top:25px; margin-right:5px;}
#nav{ height:150px; width:865px; margin:0px auto; position:relative; }
#nav img{ position:absolute; bottom:-8px; right:100px;}
#nav a{ display:block; height:100px; width:200px; position:absolute; left:0px; top:45px; text-decoration:none; }
#nav a span{ visibility:hidden;}

div.sidebar{ margin:0px auto; padding:20px;}
div.post{ padding-right:25px; padding-top:15px; clear:both; margin-bottom:15px; }
div.entry{ padding-bottom:15px;}
div.left, div.right{ width:45%; float:left; margin-bottom:20px; }
div.right{ float:right;}
div.full{ clear:both; margin-bottom:20px; }
div.col{ width:28%; margin-right:12px; float:left; margin-bottom:10px;}

#left div{ padding-left:25px; padding-right:25px; }
div.sidebar div{ padding-left:0px !important; padding-right:0px !important;}
div.sidebar-div ul { margin-top:-5px; }

a, a:visited{ color:#d65176;}
p{ line-height:18px; margin-bottom:20px;}
strong{ font-weight:bold; }

h1{ font-size:18px; font-weight:bold; margin-bottom:10px; color:black;}
h1 a{ color:black; text-decoration:none; }
h2,h4{ font-size:13px; font-weight:bold;  margin-bottom:10px; color:#222;}
h3{ font-size:16px; font-weight:bold; color:black; margin-bottom:10px;}

h1.sIFR-replaced, h2.sIFR-replaced{ font-size:25px; padding-bottom:25px; }
span.sIFR-alternate{ display:none; height:20px; }

small{ font-size:10px;}
h3.inline, ul.inline li{ display:inline; }
ul.inline li{ border-left:1px solid #333; padding:0px 5px 0px 5px;}
li.categories{ display:none;}

#left ul{ list-style-type:none;}
#left ul li{ margin-bottom:5px;}


#left div.scrollable ul, #right ul{ margin-bottom:15px; list-style-type:disc; margin-left:35px; line-height:18px;}
#left div.scrollable li, #right li{ margin-bottom:5px;}
#footer{ clear:both; margin:0px auto; width:925px; text-align:right; padding:0px 10px 10px 10px;}

label{ font-weight:bold; display:inline;}
img.tag{ position:relative; left:-10px; }
img.tab{ position:absolute; top:-7px; right:10px; z-index:100;}
span.break{ display:block; width:100%; height:10px; background:url(linebreak.gif) center no-repeat; padding:10px 0px 10px 0px;}

p.postmetadata, small, #respond small{ font-size:smaller;}
div.scrollable small{ display:block; margin-bottom:10px;}
h2.pagetitle{ color:#aaa; font-size:19px; padding:25px 20px 35px 45px; width:93%; background:url(titlecircle.gif) 1px -2px no-repeat;  }
h2.sIFR-replaced{ font-size:23px;}

#respond label span{ display:inline-block; width:50px; font-size:smaller;}

/* --- Scrollbars ------------------------------------ */

div.scrollable{ overflow:auto; }
#left div.scrollable{ padding-left:0px; width:85%;}

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background:url(scrollbase.gif) center repeat-y; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background:url(scrollhandle.gif) -1px 50% no-repeat; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0;	left: 0; overflow: hidden; }

a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden;
	/*background-color: #666;*/	height: 9px; }
	
a.jScrollArrowUp:hover { /*background-color: #f60;*/}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0; text-indent: -2000px;
	overflow: hidden; /*background-color: #666;*/ height: 9px;}