/*=============================================*/
/* LO-FI SCREEN CSS FILE                       */
/* (c) 2004 Invision Power Services, Inc.      */
/* This CSS by: Matthew Mecham                 */
/*=============================================*/

BODY
{ 
    background-color: #FFF;
	color: #000;
	font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 1em;
	margin: 0px auto;
	padding: 20px 0px;
}

a{ outline: none; }

.ipbnav
{
	font-size: 16px;
	font-weight: bold;
	border:1px solid gray;
    border-radius: 6px;
	padding:10px;
}

.ipbpagespan
{
	font-size: 16px;
	font-weight: bold;
    font-family: Arial;
	border:1px solid gray;
    border-radius: 6px;
	padding:10px;
	margin-top: 10px;
    line-height: 28px;
}

.ipbnavsmall
{
	font-size: 15px;
	border:1px dotted lightgray;
    border-radius: 6px;
	padding:8px 8px 8px 8px;
	text-align:center;
	width:150px;
	float:right;
}

#largetext
{
	font-size: 1.2em;
	font-weight: bold;
    font-family: Arial;
	margin-bottom: 10px;
	padding-top: 3px;
	width:auto;
}

#ipbwrapper
{
	max-width: 1100px;
	text-align: left;
	margin: 0px auto 200px auto;
}

#ipbcopyright
{
	margin-top: 10px;
	font-size: 16px;
	text-align:center;
}

#ipbcontent
{
	padding: 10px;
	margin-top:10px;
	border:1px solid gray;
    border-radius: 6px;
}



.topicwrap,
.forumwrap
{
	line-height:150%;
}

.topicwrap ul,
.forumwrap ul
{
	list-style-type: none;
}

.topicwrap li,
.forumwrap li
{
	font-size: 1em;
}

.linked-image{ max-width: 750px; }

.forumwrap strong
{
	font-size: 1.1em;
	font-weight: bold;
}

.desc
{
	color: gray;
	font-size: 16px;
}

.smalltext
{
	color: gray;
	font-size: 15px;
	text-align:center;
	padding:10px;
}

/*---------------------------------------*/
/* Post view */
/*---------------------------------------*/


.postwrapper
{
	border:1px solid #E6E3E4;
	padding:1px;
	margin-bottom: 15px;
}

.posttopbar
{
	background-color: #E6E3E4;
	padding: 6px;
}

.postname
{
	font-weight: bold;
	font-size: 1em;
	width: auto;
	float:left;
}

.postdate
{
	width:auto;
	font-size: 1em;
	color: gray;
	text-align:right;
}

.postcontent
{
	padding: 6px;
	font-size: 16px;
    line-height: 130%;
}

/*---------------------------------------*/
/* NEW QUOTE / CODE WRAPPERS             */
/*---------------------------------------*/

.quotetop
{
	color: #000;
	margin: 8px auto 0px auto;
	font-size:16px;
	padding: 8px;
	background-color:#E4EAF2;
	border-left: 4px solid #8394B2;
	border-top: 1px dotted #000;
	border-right: 1px dotted #000;
}
.quotemain
{
	color: #465584;
	background-color: #FAFCFE;
	border-left: 4px solid #8394B2;
	border-right: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 4px;
	margin: 0px auto 8px auto;
}

.codetop,
.sqltop,
.htmltop
{
	width:98%;
	color: #000;
	margin: 0px auto 0px auto;
	font-weight:bold;
	padding: 3px;
	background-color:#FDDBCC;
	background-repeat: no-repeat;
}
.codemain,
.sqlmain,
.htmlmain
{
	font-family: Courier, "Courier New", Verdana, Arial;
	color: #465584;
	background-color: #FAFCFE;
	border: 1px dotted #000;
	padding: 2px;
	width:98%;
	margin: 0px auto 0px auto;
}

iframe{ width: 100%; height: 100%; border: 0px; }

#smth{ max-width: 1100px; font-size: 16px; color: #666666; text-align: center; padding: 0px 0px 10px 0px; }
#smth a{ color: #666666; text-decoration: none; }

.youtube-owner{ text-align: left; margin: 10px 0px; }
.youtube{ max-width: 640px; height: 360px; position: relative; background: #EEEEEE; border: 5px solid #CCCCCC;
          border-radius: 5px; cursor: pointer; padding: 1px; margin: 5px 0px 3px 0px; clear: both; overflow: hidden; }

h1{ display: inline; font-size: 18px; font-family: Arial; }
h2{ display: inline; font-size: 16px; font-family: Arial; }

.copyright{ text-align: center; font-size: 16px; color: #555555; }
.copyright a{ color: #000000; text-decoration: none; }
/*
#push{ width: 240px; height: 160px; display: block; position: fixed; left: 20px; top: 20px; z-index: 1000;
       background: #EEEEEE url('../go/img/girl.jpg'); color: #00587A; font-family: verdana; outline: none;
       border: 1px solid #aaaaaa; border-radius: 5px; box-shadow: 1px 1px 3px #CCCCCC; }
#push-close{ height: 20px; float: left; border-radius: 5px; color: #333333; background: #DDDDDD; font-size: 20px;
             line-height: 14px; padding: 8px 10px; }
#text{ float: right; font-size: 18px; text-align: center; margin: 3px 7px 0px 0px; }
*/
@media screen and (max-width: 768px){
	#ipbwrapper{ max-width: 768px; overflow: hidden; }
	.forumwrap ul{ padding: 0px 0px 0px 20px; }
    .ipbpagespan{ font-size: 18px; }
    #socials{ padding-left: 130px; }
}