/*
Theme Name: Isulong SEOPH
Theme URI: http://www.isulong-seoph.net
Description: SE Optimized theme, Holy Grail Format
Version: 1.2
Author: Jozzua
*/


body {
	margin: 0px 200px 0px 200px;
	padding-left: 0px;	/* LC fullwidth */
	padding-right: 0px;   /* RC fullwidth + CC padding */
	min-width: 220px;	   /* LC fullwidth + CC padding */
	font : 500 12px georgia, verdana, trebuchet, arial, 'sans serife';
	font-size: larger;
	color:#eeeeff;
	background-color: #003;
	}

.entry {
	color: inherit;
}
/* HEADER STUFF */

#masthead {
	margin: -10px 0pc 0px 0px;
	border-left: solid 1px #F60;
	border-right: solid 1px #F60;
	background-color: transparent;
}

#bannerImg {
	position: relative;
	z-index: -5;
	height: 220px;
  	margin-top: 0px;
  	margin-bottom: 0px;
	padding: 0px;
	background-color: #222;
	border: hidden 0px transparent;
}

#search {
	float: right;
	margin-top: -200px;
	margin-bottom: 0px;
	margin-right: 7px;   /* RC fullwidth + CC padding */
	text-align: right;
	background-color: transparent;
}

#header  {
	float: left;
	font-family: 'Lucida Grande', Verdana, Sans-Serif ;
	text-align: left;
	width: 20pc;
	margin-top: -175px; 
	margin-bottom: 20px; 
	margin-left: 30px; 
}

#header h1{
	letter-spacing: 0.5em;
	font-size: 45px;
	font-weight: 800;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #f60;
}

#header A, #header A:active, #header A:visited {
	letter-spacing: 0.5em;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	color: #ffc;
}

.description {
	letter-spacing: 0.5em;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	margin: 80px 0px 0px 30px; 
}

#header A:hover {
	color: #0ff;
	background-color: #222
}

#page {
	border-left: solid 1px #F60;
	border-right: solid 1px #F60;
	border-bottom: solid 1px #F60;
	margin: 0px 0px 0px 0px;
	padding: 0px 70px 0px 70px;
	background-color: #222;
}

.column { 
}

#content {
	background-color: #003;
}

#center {
	position : relative;
	margin: 0px 0px 0px -20px;
}

#left {
	position : relative;
	float : left;
	width: 190px;		   /* LC width */
	padding: 0 10px 0px 0px;		/* LC padding */
	color: #999;
	margin-top: -175px; 
	margin-left: -552px;
	margin-right: 0px;
	border-right: 1px solid transparent;
	border-bottom: 0px solid #633;
	background-color: transparent; 
}

#right {
	position : relative;
	float : right;
	width: 190px;		   /* RC width */
	padding: 0px 3px 0px 0px;		/* RC padding */
	color: #999;
	margin-top: -175px; 
	margin-right: -196px;
	border-left: 1px solid transparent;
	border-bottom: 0px solid #633;
	background-color: transparent; 
}

/* IE Fix 
* html #left {
	left: -200px;
}
*/		
		
/* SIDEBAR STUFF*/


#leftbar ul {
	font:12px/18px Arial, Helvetica, sans-serif;
	list-style: none;
	text-align: right;
}

#leftbar  li {
	list-style: none;
	margin: 10px 0px 10px 0px;
	line-height: 90%;
}

#leftbar a {
	color:#999;
}

#leftbar A:link:hover, #leftbar A:visited:hover {
	background-color:#ffffff;
	color:#330000;
}

#leftbar A:link:active, #leftbar A:visited:active {
	background-color:#ffcc00;
	color:#990000;
}

#leftbar h2 {
	background-color:#003;
	color: #999;
	font:12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	height: 17px;
	border: 1px solid #333;
}

#googleform {
	width: 170px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: none;
	border-left: none;
}

#rightbar {
	font-family: 'Lucida Grande', Verdana, Sans-Serif ;
	margin: 10px 0px 10px 10px;
	text-align: center;
}

#rightbar ul {
	text-align: left;
	list-style:none;
}

#rightbar li {
	text-align: left;
	list-style: none;
	margin: 10px 0px 10px 0px;
	line-height: 90%;
}

#rightbar A:link:hover, #rightbar A:visited:hover {
	background-color:#ffffff;
	color:#330000;
}

#rightbar A:link:active, #rightbar A:visited:active {
	background-color:#ffcc00;
	color:#990000;
}

.rss-comments,.rss-entries {
	font-size: 12px;
	padding:1px 0px 1px 20px;
	font-weight:bold;
}

.rss-entries, .rss-entries a, .rss-comments a {
	color:#c99;
	text-decoration: underline;
}

.entries-rss li a, .comments-rss li a {
	color:#f9c;
	text-decoration: none;
}

.entries-rss{
	background:url('img/rss-entries.gif') no-repeat;
	margin:0;
	width:130px;
}

.comments-rss{
	text-align:left;
	background:url('img/rss-comments.gif') no-repeat;
	margin:0;
}

.comments-rss ul, .entries-rss ul{
	margin: 1px 0px 15px 0px;
	padding: 3px 0px 3px 0px;
	font: 11px/17px Arial, Helvetica, sans-serif;
}

/*Comments*/

#commentbox {
	font-size: 12px;
	color: #999;
	height: 10em;
	overflow: auto;
	width: 75%;
	background-color: #000;
	border: solid 2px #333;
}

.commentlist li {
	margin: 0px 10px 25px 0px;
	border: solid 2px #100;
	padding: 15px;
}

/*SearchForm*/

#searchform {
	padding-left: 10px;
	padding-bottom: 5px;
}


/*Posts*/

.fromthepast {
  float: right;
  margin: 10px;
  padding: 5px;
  border: 1px solid #99a;
  background-color: #223;
}

.post {
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 5px 5px 0px 5px; 
}

.post a {
	clear: none;
	text-decoration: none;
	color:#f60;
}

.post h2 {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding: 3px 3px 0px 8px;
}

.post h2 a {
	clear: none;
	text-decoration: none;
	color:inherit;
	padding-left: inherit;
}

.post h2 A:link:hover, .post h2 A:visited:hover {
	background-color:#f60;
	color:#003;
}

.posteddate {
	text-align:right;
	font-size:10pt;
	margin-top:-16pt;
	margin-bottom:6pt;
}

.post A:link:hover, .post A:visited:hover {
	background-color:#f60;
	color:#003;
}

.post A:link:active, .post A:visited:active {
	background-color:#ffcc00;
	color:#990000;
}

.post p {
	text-align: left;
	text-indent : 3em ;
	letter-spacing : 1px ;
	padding: 0px 10px 0px 10px; 
}

.postmetadata {

	font:9px Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	border-top: 1px solid #ECECEC;
	padding-left: 5px;
}

.pauthor, .ptime, .pcat, .pdigg, .pdeli, .pcomment{
	padding:1px 10px 2px 18px;
}

.pcomment{
	background:url('img/commentcount.gif') no-repeat left;
}

.pauthor{
	background:url('img/user.gif') no-repeat left;
}

.ptime{
	background:url('img/time.gif') no-repeat left;
}

.pcat{
	background:url('img/postcat.gif') no-repeat left;
}

/*Navigation*/

.pagetitle {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px;
	border-bottom: 1px solid #111;
}

.navigation {
	font-size: .9em;
	margin: 0px 0px .2em 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #111;
	border-bottom: 1px dotted #CCC;
}

.navalignleft {
	text-align:left;
	height: 15px;
	margin-top:0px;
	margin-bottom: -15px;
	padding: 0px 0px 0px 18px;
	font-weight:bold;
}

.navalignright {
	text-align:right;
	height: 15px;
	margin-top: -15px;
	margin-bottom: 0px;
	padding:0px 18px 0px 0px;
	font-weight:bold;
}

img.alignleft {
	float:left;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding: 0px;
}

img.alignright {
	float:right;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding: 0px;
}

.imgleft {
	float:left;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding: 0px;
}

.imgright {
	float:right;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding: 0px;
}

.imghalfleft {
	float : left;
	margin : 15px 15px 15px -75px;
	background-color : transparent;
}


.imghalfright {
	float : right;
	margin : 15px -75px 15px 15px;
	background-color : transparent;
}

.tglsz {
	cursor :pointer;
	clear: both;
}

.typecast {
	text-align:left;
	height:auto;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:-3pc;
	padding: 0px;
}



/*Basic other stuff*/

h2 {
	font:20px Arial, Helvetica, sans-serif;
	color:#f60;
	background-color:#111;
	border-bottom: 1px dotted #CCC;
	margin-top: -2px;
	margin-bottom: 2px;
}

h2.pagetitle {
	font:30px Arial, Helvetica, sans-serif;
	margin: 0px -70px 0px -50px; 
	text-align: center;
	border-bottom: 1px dotted #CCC;
}

h3,h4 {
	font:20px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCC;
	height: 20px;
}

img{
	background-color:transparent;
}

a img:hover{
	background-color:transparent;
}

a {
	color:#fee;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover{
	color:#fee;
	text-decoration: none;
}


.qBoxL {
	float : left;
	clear : left;
	width : 400px;
	margin : -20px 15px 5px 0;
	border : 1px solid #000066;
	padding : 10px;
	color : #999999;
	background-color : #222222;
	font : 600 15px tahoma, verdana, courier;
	text-indent : 25px;
}


.qBoxR {
	float : right;
	clear : right;
	width : 300px;
	margin : -20px 0 5px 15px;
	border : 1px solid #000066;
	padding : 10px;
	color : #999999;
	background-color : #222222;
	font : 600 15px tahoma, verdana, courier;
	text-indent : 25px;
}


.quote {
	margin : 10px 30px 5px;
	width : 70%;
	border : 1px solid #000066;
	padding : 10px 10px 5px;
	color : #cccccc;
	background-color : #222222;
	font : 500 16px georgia, verdana, trebuchet, arial;
	text-indent : 20px;
	text-align : justify;
	letter-spacing : 1px;
}


blockquote { 
	background: url(img/blockquote-dark.png) no-repeat top left; 
	margin : 0px 30px;
	width : 70%;
	border : 1px solid #333;
	padding : 0px 10px 0px 20px;
	color : #cccccc;
	background-color : #111;
	font : 500 12px georgia, verdana, trebuchet, arial;
	text-indent : 20px;
	text-align : justify;
	letter-spacing : 1px;
}


/*footer stuff*/
#footer {
	clear: both;
	text-align: center;
}

p#blog-footer  {
	background: #111;
	color: #aaa;
	font-size:10px;
}

p#blog-footer a:link {
	color: #059;
	font-size: 10px;
}

form input, form textarea {
	font-family: monospace;
	border-style: hidden;
	border-color: #333;
	color: #ccc;
	background-color: #333;
	font-size: 16px;
}

/*overlib stuff*/

.oBGCLASS {
  border: 1px solid #600;
  background-color : #111; 
  text-align : right; 
  padding : 0 1px; 
} 
.oCAPTIONFONTCLASS {
font : 900 11pt Tahoma, OCR A Extended, verdana, arial; 
text-indent : 5px; 
color : #99ccff; 
background-color : transparent; 
letter-spacing : 2px; 
line-height : 100%; 
} 
.oCLOSEFONTCLASS {
font : 500 10px tahoma, verdana, courier; 
background-color : transparent; 
color : #0066ff; 
} 
.oFGCLASS {
text-align : left; 
color : #9999ff; 
background-color : #999; 
} 
.oTEXTFONTCLASS {
font : 600 10px tahoma, verdana, courier; 
letter-spacing : 1px; 
text-indent : 10px; 
background-color : transparent; 
color : #000; 
} 
.oTEXTFONTCLASS P {
padding : 0 7px; 
}