/*	Created for OnePlaybook.com login page		*/
/*	Styles key
	darker blue (borders): #bbd9ee
	lighter blue (login background): #e0ecff	*/

/*** General ***/
body
{
	background:#ffffff url(/img/head-bg.png) repeat-x 0 25px;
	font-size:62.5%;
}
div#content a:visited
{
	color:#8ebedc;
}

div#content
{
	padding:25px 75px 0px;
	line-height:1.7em;
	color:#222;
}
div#content p
{
	padding:.5em 0;
}
div#content h1
{
	font-family:Georgia, Serif;
	font-size:1.5em;
	margin:0 0 .5em
}
div#content h2
{
	font-family:Verdana, Sans-Serif;
	font-size:1.4em;
	padding:.5em 1em;
}
div#content h2.first
{
	font-family:Georgia, Serif;
	font-size:1.3em;
	padding:0 0 .5em;
	font-style:italic;
}
div#content h3#home-title
{
	font-family:Georgia, Serif;
	font-size:1.8em;
	margin:0 0 .5em;
	font-style:normal;
}
div#content ul
{
	font-size:1em;
	padding-left:0;
	margin-left:0;
	list-style:none;
	padding:.5em 0;
	line-height:1.75em
}
div#content ul.bullets
{
	list-style-type:disc;
	margin-left:15px;
	margin-right:125px;
}
div#content ul li img
{
	margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    float:none;
}
div#content ul li
{
	padding:3px 0;
}
div#content ul.right-list
{
	float:right;
}
div#content ul.link-list
{
	padding-left:50px;
}
div#content ul.right-list img, div#content img.border
{
	border:solid 1px #dddddd;
	padding:3px;
	margin:10px;
	height:auto;
	width:auto;
}
div#content .border
{
	border:solid 1px #dddddd;
	padding:3px;
	margin:10px;
}
div#content .border div.cite
{
	text-align:center;
	font-size:.7em;
	line-height:1.2em;
}
div#content div.home-description
{
	width:380px;
}
div#content div.home-image, div#content div.about-image
{
	border:solid 1px #dddddd;
	padding:3px;
	margin-bottom:.5em;
}
div#content div.home-image
{
	height:377px;
}
div#content div.home-image img, div#content div.home-image div, div#content div.about-image img
{
	display:block;
	height:377px;
}
div#content div#bblog-posts
{
	background-color:#eeeeee;
	padding:25px;
	height:327px;
}
div#content h3
{
	font-size:1.2em;
	font-style:italic;
}
div#content div.home-image a:visited
{
	color:#005aff;
}
div#content div#bblog-posts p
{
	font-size:.9em;
}
div#content div#bblog-posts img
{
	height:auto;
	display:inline;
}
div#content div.about-image img
{
	height:auto;
}

/*** Sign Up ***/
div#content table.blue
{
	font-size:1em;
	padding-left:0;
	margin-left:0;
	list-style:none;
	padding:.5em 0;
	line-height:1.75em;
	vertical-align:middle;
	width:100%;
}
div#content table.blue img
{
	padding-top:6px;
}
div#content table.blue tr
{
	border-top:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
}
div#content table.blue th, div#content table.blue td
{
	/*width:13%;*/
	text-align:center;
	padding:3px 5px;
}
div#content table.blue th
{
	font-weight:bold;
	border-bottom:solid 1px #dddddd;
}
div#content table.blue .free, div#content table.blue .team, div#content table.blue .pro
{
	background:#e7f1f8;
	padding:3px 5px;
}
div#content table.blue .first-column, div#content table.blue .basic, div#content table.blue .premium
{
	background:#e0ecff;
}
div#content table.blue .first-column
{
	border-left:solid 1px #dddddd;
}
div#content table.blue .pro
{
	border-right:solid 1px #dddddd;
}
div#content table.form, div#content table.blue .form, div#content table.blue .first-column
{
	text-align:left;
	width:auto;
}
div#content table.blue .first
{
	width:auto;
	text-align:left;
	border-right:solid 1px #dddddd;
	font-weight:bold;
}
div#content table.blue .auto
{
	width:auto;
}
div#content img.sticker
{
	padding:10px;
}

/*** Register ***/
div.register
{
	width:370px;
	clear:none;
}
div.register h1
{
	text-align:center;
}
div#content div.center
{
	margin:0 auto 15px;
	clear:both;
	float:none;
}
div#content a.center
{
	margin:5px auto;
	clear:both;
	float:none;
	text-align:center;
	display:block;
}

/*** Header ***/
div#header
{
	color:#000000;
	height:105px;
	background-image:none;
}
div#header a.header
{
	font-size:2.2em;
	font-weight:bold;
	font-family:Georgia, Serif;
	text-decoration:none;
	color:#000000;
	display:block;
	text-indent:-9999px;
	background:transparent url(/img/opb2-small.png) no-repeat scroll 50% 8px;
	height:75px;
}

/*** Login fields ***/
div#login
{
	padding:10px 3px 3px 10px;
	position:relative;
	margin-right:178px;
}
div#login ul.spacing
{
	padding-bottom:0;
}
div#login ul.spacing li
{
	margin-bottom:16px;
	padding:0;
}
div#login ul.spacing li.login-info
{
	font-size:1.5em;
}
div#login ul.spacing li input
{
	position:absolute;
	right:17px;
	font-size:1em;
}
div#login li#forgotten-password
{
	font-size:.7em;
	float:left;
	margin-bottom:2px;
}
div#login span.error
{
	color:#ff0000;
	font-size:.9em;
}

/*** Screenshots ***/
div#content ul.img-list
{
	width:650px;
}
div#content ul.img-list li
{
	display:inline;
}
div#content ul.img-list li img
{
	border:solid 1px #dddddd;
	padding:3px;
	margin:3px;
	height:100px;
	width:auto;
}

/*** Register ***/
div#content #tac-text
{
	display:none;
}

/*** News ***/

div#sidepanel
{
	float:right;
	border-left:1px solid #bbbbbb;
	padding-left:15px;
	width:200px;
}
div#sidepanel ul li
{
	clear:left;
}
div#sidepanel div.search
{
	margin-bottom:3em;
}
div#sidepanel div.monthlist h4
{
	font-family:Verdana, Sans-Serif;
	font-size:1.2em;
	border-bottom:solid 1px #bbbbbb;
}
div#content div.post h1, div#content div#relatedPosts h1, div#content div.commentForm h1
{
	font-family:Verdana, Sans-Serif;
	font-size:1.2em;
	margin:.5em 1em;
	border-bottom:solid 1px #bbbbbb;
}
div#content div.post h2
{
	font-size:1.1em;
	margin:1em 0;
}
div#content div.post
{
	font-size:1em;
	margin-bottom:3em;
}
div#relatedPosts
{
	float:left;
	width:250px;
}
div#relatedPosts a
{
	display:block;
}
div#relatedPosts span
{
	font-size:.9em;
}
div#relatedPosts div
{
	padding-bottom:1em;
}
div.commentForm
{
	padding:3px;
	/* Will add comment form in later */
	display:none;
}
div.commentForm span.bbcode
{
	display:none;
}
div.commentForm span.bbcode
{
	float:left;
}
div.commentForm div#commentCompose, div.commentForm div#commentPreview
{
	display:none;
}
div.commentForm ul#commentMenu
{
	padding:0;
}
div.commentForm ul#commentMenu li
{
	display:block;
    float:left;
    margin:5px 7px 5px 0;
    /* preload backgrounds for buttons to eliminate flicker effect */
    background:#a9c3d8 url(/img/button-hover-bg.png) repeat-x top;
    background:#fcfdfe url(/img/button-active-bg.png) repeat-x top;
    background:#cfcfcf url(/img/button-bg.png) repeat-x top;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
div.commentForm ul#commentMenu li:hover
{
	background:#a9c3d8 url(/img/button-hover-bg.png) repeat-x top;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration:none;
}
div.commentForm ul#commentMenu li:active
{
	background:#fcfdfe url(/img/button-active-bg.png) repeat-x top;
    border:1px solid #6299c5;
    color:#fff;
    text-decoration:none;
}
div#blog-content
{
	padding-right:225px;
}
div#blog-content div.post span.author
{
	margin-left:1.2em;
}

/*** Sports ***/
ul.sportsNav
{
	float:left;
	width:139px;
	margin:0 15px 15px 0;
}
div#content ul.sportsNav li.activetab a
{
	color:#222;
}
div#content ul.sportsNav a
{
	color:#005AFF;
}

/*** Footer ***/
div#footer
{
	padding:10px 75px 20px;
	font-size:1.1em;
	line-height:1.5em;
}
div#footer div.inner
{
	background-color:#eeeeee;
	width:auto;
	text-align:center;
	margin:0;
}
div#footer h2
{
	font-size:1.1em;
	color:#222222;
	margin-bottom:8px;
}
div#footer div
{
	text-align:left;
	width:180px;
	margin:10px;
}
div#footer p.bottom
{
	font-size:.8em;
	margin:15px;
}