@charset "utf-8";

/*-------------------------------------------------------------*/

/* CSS Document                                                */

/* Template Name: SkyLyne		                               */

/* Designed By: Santhosh                                       */

/* Homepage: www.themebin.com                                  */

/*-------------------------------------------------------------*/



body {

	background: #F5F5F5 url(images/body.png) repeat-x;

	font: 75%/150% Verdana, Arial, Helvetica, sans-serif; 

	text-align: justify;

	margin: 0px auto;

}



#wrap {

	width: 1000px;

	margin: 0px auto;

}



h1 {

	font-size: 24px;

}



h2 {

	color: #004FA8;

	font-size: 16px;

	background: url(images/h2.png) no-repeat;

	padding-left: 20px;

}



h3 {

	color: #000066;

	font-size: 12px;

	background: url(images/write.png) no-repeat;

	padding-left: 17px;

}



a {

	color: #000066;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* Header */



#header {

  height: 90px;

}

#loginbox {

  width: 900px;

  height: 20px;

  padding: 0px 20px 15px 20px;

  color: #FFFFFF;

  font-weight: bold;

}

#loginbox a {

  text-decoration: none;

  color: #FFFFFF;

  font-weight: bold;

}

#logo {

	margin-top: 0px;

	color: #fff;

	padding-left: 20px;

	width: 550px;

}

#logo a{

	color: #fff;

	text-decoration: none;

}

#desc {

	padding-top: 0px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	padding-left: 20px;

	width: 550px;

}



/* Nav */



#nav {

	height : 34px;

	padding: 0px 0 0 0;

}



/* Search */ 



#search {

	position: relative;

	background: url(images/search.png) center no-repeat;

	width: 247px;

	border: none;

	float: right;

	margin: 0;

	height: 44px;

}









/* Content */



#fullcontent-wrap {

	margin-top: 10px;

	background: url(images/full-content-wrap-bg.png) repeat-y;

	margin-bottom: 10px;

}



#fullcontent-wrap-top {

	background: url(images/full-content-top.png) no-repeat;

	height: 20px;

}



#fullcontent-wrap-bottom {

  clear: both;

	background: url(images/full-content-bottom.png) no-repeat;

	height: 71px;

	margin-left: 1px;

}

#fullcontent {

	width: 943px;

	padding: 5px 5px 5px 30px;

}



#fullcontent h1 {

	color: #013A79;

	font-size: 19px;

	background: url(images/h1.png) no-repeat;

	padding-left: 22px;

	border-bottom: dotted 1px #000066;

}



#content-wrap {

	margin-top: 10px;

	background: url(images/content-wrap-bg.png) repeat-y;

	margin-bottom: 10px;

	margin: 10px auto ;

}



#content-wrap-top {

	background: url(images/content-top.png) no-repeat;

	height: 20px;

	margin: 0 auto ;

}



#content-wrap-bottom {

  clear: both;

	background: url(images/content-bottom.png) no-repeat;

	height: 71px;

	margin-left: 1px;

}

#content {

	width: 680px;

	padding: 5px 5px 5px 30px;

}



#content h1 {

	color: #013A79;

	font-size: 19px;

	background: url(images/h1.png) no-repeat;

	padding-left: 22px;

	padding-bottom: 5px;

	border-bottom: dotted 1px #000066;

}

#content h1 a {

	text-decoration: none;

}

#content .entry img {

  float: center;

  margin: 0 5px 2px 0;

}

.post-footer {

	background: url(images/post-footer.png) center no-repeat;

	height: 55px;

	font-size: 10px;

	padding-top: 10px;

	text-align: right;

}

	



.dated {

	padding-top: 2px;

	background: url(images/calendar.png) left no-repeat;

	padding-left: 20px;

	float: left;

}



.category {

	background: url(images/category.png) left no-repeat;

	padding-left: 20px;

	margin-left: 10px;

	float: left;

	height: 16px;

}



.author {

	padding-left: 20px;

	padding-bottom: 5px;

	background: url(images/user.png) no-repeat;

}



.more {

	padding-left: 20px;

	margin-left: 10px;

	padding-bottom: 5px;

	background: url(images/more.png) no-repeat;
	color: #FF0000;

}

.more a {
	color: #f00;
	text-decoration: none;
}



.more a:hover {
	text-decoration: underline;
}





/* Images */



img {

	border: none 0px;

}



/* Addition Stuffs */



blockquote {

	background: #F2F2F2 url(images/quote.png) no-repeat left top;

	border: dotted 1px #D7D7D7;

	padding: 5px 5px 5px 25px;

}



code {

	margin : 4px 8px;

	padding : 8px;

	text-align : left;

	display : block;

	overflow : auto;

	font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

	background: #f8f4f1 url(images/code.png) right top no-repeat;

	border : 1px dashed #D7C3C3;

}



ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #333333;

}



ul span, ol span {

	color: #333333;

}





/* Sidebar */



#sidebar {

	width: 235px;

	float: right;

	margin-right: 14px;

	padding: 5px 7px 5px 7px;

	text-align: justify;

}



#sidebar h1 {

	color: #013A79;

	font-size: 17px;

	background: url(images/h1.png) no-repeat;

	padding-left: 22px;

	border-bottom: dotted 1px #000066;

}



#sidebar .widgetspace {

	padding: 0px;

	margin: 5px 5px 0 20px;

	background: url(images/side-footer.png) bottom no-repeat;

	padding-bottom: 28px;

}





#sidebar ul.flatmenu {

	list-style: none;

	text-decoration: none;

	margin : 3px 0 2px 0;

	padding: 0;

}



#sidebar ul.flatmenu li {

	background: url(images/bullet.png) no-repeat;

	padding : 0px 0 0px 20px;

	margin : 0 2px;

	vertical-align: middle;

}



#sidebar ul.flatmenu a {

	text-decoration : none;

	background-image : none;

}





#sidebar ul.flatmenu a:hover {

	padding-left: 2px;

}

/* Footer */

#footer {

	border-bottom: 2px solid #3399FF;

	text-align: center;

	font-size: 10px;

}

/* e107 core styles */ 

.tbox {

	width: auto;

	padding : 2px;

	border : 1px solid #C6D9E9;

	font : normal 1em Verdana, sans-serif;

	color : #000000;

	background:#fff url(images/gradtop.gif) repeat-x top;

	background-color : #ffffff;

}



.tbox:hover {

	background: #FFF;

}

.tbox:focus {

	background: #FFF;

}



.tbox.chatbox {

	width: 90%;

	padding : 2px;

	border : 1px solid #C6D9E9;

	font : normal 1em Verdana, sans-serif;

	color : #000000;

	background:#fff url(images/gradtop.gif) repeat-x top;

	background-color : #ffffff;

	margin: 10px auto;

}

.tbox.chatbox:hover {

	background: #FFF;

}

.tbox.chatbox:focus {

	background: #FFF;

}

.npdropdown {

  width: auto;

	margin: 0 0 0px 0;

	padding: 2px;

	height: auto;

	text-align: left;

}

.tbox.comment.subject {

  width: 98%; 

	border: 0px none #F1F1F1;

	border-collapse: collapse;

	background: #FFF;

	padding: 2px;

	margin-top: 3px;

  }

.tbox.comment.subject:hover {

  background-color: transparent;

}

.tbox.comment.subject:focus {

  background-color: transparent;

}



.tbox.search {

	position: relative;

	width: 200px;

	border: none;

	margin: 0;

	padding: 15px 3px 0 10px;

	color: #fff;

	

	background: none;

}



#comment.tbox.comment {

  width: 98%; 

	padding : 2px;

	border : 1px solid #C6D9E9;

	font : normal 1em Verdana, sans-serif;

	color : #000000;

	background:#fff url(images/gradtop.gif) repeat-x top;

	background-color : #ffffff;

}

#comment.tbox.comment:hover {

  background: #FFF;

}

#comment.tbox.comment:focus {

  background: #FFF;

}

#contactForm textarea.tbox {

  width: auto; 

	padding : 2px;

	border : 1px solid #C6D9E9;

	font : normal 1em Verdana, sans-serif;

	color : #000000;

	background:#fff url(images/gradtop.gif) repeat-x top;

	background-color : #ffffff;



}

#contactForm textarea.tbox:hover {

  background: #FFF;

}

#contactForm textarea.tbox:focus {

  background: #FFF;

}

input#helpb.helpbox {

  float: left;

	margin-top: 2px;

	margin-bottom: 2px;

	text-align: left;

}

#commentform .helpbox{

  width: 98%; 

	border-collapse: collapse;

	padding: 1px;

}

.helpbox {

  width: 98%; 

	background-color: transparent;

	border: 0px solid #F1F1F1;

	border-collapse: collapse;

	padding: 3px;

}

.indent {

	background: #F2F2F2 url(images/quote.png) no-repeat left top;

	border: dotted 1px #D7D7D7;

	padding: 5px 5px 5px 25px;

} 

.button {

	margin : 0;

	font : bolder 12px Arial, Sans-serif;

	border : 1px solid #ccc;

	padding : 2px 3px;

	background : #fff;

	color : #131212;

}

.button:hover {

  background-color: #ccc;

  border: 1px solid #131212;

}

.nextprev{

	border: 0px solid #F1F1F1;

	border-collapse: collapse;

	padding: 3px;

	text-align: left;

	width: auto;

}



.smalltext {

	font-size: 95%;

	font-weight: normal;

}

.smallblacktext {

	font-size: 95%;

	font-weight: bold;

}



.fborder {

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	margin-top: 3px;

	text-align: left;

}

/* forum parent headers, forum captions */

.forumheader {

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

  padding: 3px;

	vertical-align: middle;

	text-align: left;

}

.userheader {

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	color: #F8F8F8;

	font-size: 120%;

	vertical-align: middle;

	text-align: left;

}

.nforumcaption{

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	font-size: 110%;

	text-align: left;

}

.finfobar{

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	font-size: 95%;

	text-align: left;

}



/* two left columns */

.forumheader2{

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	font-size: 99%;

	text-align: left;

}



/* all the rest of the forum tables */

.forumheader3{

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	font-size: 99%;

	text-align: left;

}



.forumborder {

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	vertical-align: top;

	font-size: 99%;

	text-align: left;

}



/* where it says forum, information and all tables across */

.fcaption {

	border: 1px solid #F8F8F8;

	border-collapse: collapse;

	padding: 3px;

	font-size: 120%;

	text-align: left;

	line-height: 40px;

}



.fcaption a {

	padding-right:4px;

	text-decoration: underline;

}



.fcaption a:hover{

	text-decoration: none;

}

div.menuBar,

div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 

div.menu,

div.menu a.menuItem {

}



div.menuBar {



}



div.emenuBar {



}



div.menuBar a.menuButton, div.menuButton, div.menuButton_over {

  position: relative;

  text-decoration: none;

  z-index: 100;

	top: 0px;

	left: 15px;

    

    

	position: relative;

	width: auto;

	height: 24px;

	margin: 0;

	padding: 0 10px;

	font: bold 12px/25px Verdana, Arial, Tahoma, Sans-serif;



}



div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {

  color: #333;

	padding-top: 2px;

  font-weight: bold;

  top: 2px;

  left: 15px;

}



div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 

div.menuBar a.menuButtonActive:hover {

	top: 2px;

	left: 15px;

  color: #333;

	padding-top: 2px;

  font-weight: bold;

}



div.menu {

  position: absolute;

  top: 0px;

  left: 0px;

  visibility: hidden;

  z-index: 101;

  

}

/*sub links */

div.menu a.menuItem {

  color: #666;

  display: block;

  padding: 0px 21px 0px 0px;

  line-height: 26px;

  text-decoration: none;

  white-space: nowrap;

  background-color: #F1F1F1;

  margin: 0px 11px 0px 0px;

  top: 0px;

  left: 2px;

  font-weight: bold;

  text-align: left;

  border: 1px #fff solid;

  border-collapse: collapse;

}



div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

  background-color: #C1C1C1; 

  color: #FFFFFF;

  left: 0px;

  top: 0px;

  font-weight: bold;

}



div.menu a.menuItem span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  color: #ffffff;

}



div.menu a.menuItem:hover span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  color: #000000;

}



div.menu a.menuItem span.menuItemText {

	padding: 0px 0px 0px 3px;

}



div.menu a.menuItem span.menuItemArrow {

  margin-right: 0;

}



div.menu div.menuItemSep {

  border-top: 0px solid #a5a5a5;

  border-bottom: 0px solid #ffffff;

  margin: 4px 2px;

}



a.menuItem.header {

  border-bottom: 0px solid #b3b3b3;

}

#info {
    overflow-x: hidden;
    width: 99.9%;
    z-index:1000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    position:fixed;
    left:0;
    top:0;
    cursor:pointer;
}
  
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    overflow-x: hidden;
    width:100%;
    clear: both;
    color: InfoText;
    background: #ffffe1 url(http://www.photoshop-bg.com/forum/cache/skin_cache/red_shield.png) no-repeat fixed .3em .3em;
    padding: .45em .3em .45em 2em;
    border-bottom: .16em outset;
    border-color: #E9CFD6;
    text-decoration: none;
    cursor: default;
    position:fixed;
    left:0;
    top:0;
    cursor:pointer;
}

#infobar a:hover {
	color: #000000;
	background: #E9CFD6 url(http://www.photoshop-bg.com/forum/cache/skin_cache/red_shield.png) no-repeat fixed .3em .3em;
	position: fixed;
	left: 0;
	top: 0;
	cursor: pointer; 

}


#informationbar{
position: fixed;
left: 0;
width: 100%;
text-indent: 5px;
padding: 5px 0;
background-color: lightyellow;
border-bottom: 1px solid black;
font: bold 12px Verdana;
}

* html #informationbar{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}