/*  
Theme Name: MyJournal.com PPMA default
Theme URI: http://www.myjournal.com
Description: The MyJournal.com PPMA Wordpress theme
Version: 0.1
Author: Chris Taylor
Author URI: http://yorkshiretwist.co.uk
*/

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely:
html, body, form, fieldset 
{
	margin: 0;
    padding: 0;
    font: 87%/140% Arial, Helvetica, sans-serif;
}
*/

body
{
	background: #FAFAFA url(images/header-bg.jpg) repeat-x top left;
}
#header ul li a:hover
{
	background: #084571;
}
#header ul li a.nohover:hover
{
background: none;
}
#header ul li.current a
{
	background: #000;
}
#userbar li a
{
	padding: 0.4em 1em;
}
#userbar li.current a
{
	color: #FFF;
	background: #215392;
}
#header h3
{
	margin: 18px 0 0 0;
}
#menubar p a.button
{
	color: #FFF;
}
#menubar p span.floatleft
{
	padding-left: 110px;
}
#content a, #sidebar a
{
	color: #2090c9;
	text-decoration: none;
}
#content a:hover, #sidebar a:hover
{
	color: #2090c9;
	text-decoration: underline;
}
#content .floatbox a:hover
{
	text-decoration: none;
}
.contentbox ul li
{
	padding: 0 0 0 8px;
	background: url(images/list-item.png) no-repeat top left;
}
ul.pagelinks li, ul.inline li
{
	padding: 0;
	background: none;
}
ul.pagelinks li a:hover
{
	background: #F4F4F4;
}
ul.pagelinks li.current
{
	font-weight: bold;
	border: 1px solid #44ACE1;
	padding: 0.3em;
}
a.registerbutton
{
	background: #2090c9;
	color: #FFF;
	text-decoration: none;
	padding: 0.3em 1em;
}
#content h1
{
	font-family: Trebuchet, Verdana, sans-serif;
}
ul.shaded
{
	background: #EAEAEA;
}
#page ul.shaded li.current a
{
	background: #000;
	color: #FFF;
}
#sidebar h3, #bloginfo h3
{
	background: #d2e5ec url(images/sidebox-blue-title.jpg) no-repeat top center;
	padding: 7px;
	margin: 0;
	font-size: 0.9em;
}
#sidebar h3.blue, #bloginfo h3.blue
{
	background: #d2e5ec url(images/sidebox-blue-title.jpg) no-repeat top center;
}
#sidebar h3 a, #sidebar h3 a:visited, #bloginfo h3 a, #bloginfo h3 a:visited, #sidebar h3 a:hover
{
	color: #FFF;
}
#sidebar h4, #bloginfo h4
{
	background: url(images/sidebox-grey-title.jpg) no-repeat top center;
	padding: 7px;
	margin: 0;
	font-size: 0.9em;
}
#sidebar p
{
	font-size: 0.8em;
}
#sidebar h4.blue, #bloginfo h4.blue
{
	background: url(images/sidebox-blue-title.jpg) no-repeat top center;
	color: #FFF;
}
#sidebar h4 a, #sidebar h4 a:visited, #bloginfo h4 a, #bloginfo h4 a:visited
{
	color: #2090c9;
}
.sidebox h5.grey
{
	background: #dbdfe2;
}
#content h3
{
	background: #d2e5ec url(images/contentbox-title.jpg) no-repeat top center;
	padding: 7px;
	color: #FFF;
}
#content h3 a
{
	color: #FFF;
}
#content h3.wide
{
	background: #d2e5ec url(images/contentbox-title-wide.jpg) no-repeat top center;
}
#content h5
{
	color: #AAA;
	text-align: right;
}
.post h2
{
	color: #4393c6;
}
#sidebar ul li
{
	padding: 0 0 0 8px;
	background: url(images/list-item.png) no-repeat top left;
}
form input, form select, form textarea
{
	border: 1px solid #CCC;
	padding: 3px 5px;
	background: #FFF url(images/input-bg.png) no-repeat top left;
}
#commentform input
{
	margin: 0;
	background: #FFF;
}
form textarea
{
	border: 1px solid #CCC;
	padding: 3px;
}
form button.button, a.button
{
	background: url(images/small-button.png) no-repeat center center;
	text-align: center;
	color: #FFF;
	border: 0;
	font-size: 0.9em;
	width: 103px;
	height: 22px;
}
#menubar a.button
{
	text-decoration: none;
	background-position: top center;
	padding: 4px 22px;
	width: 150px;
}

/* styled areas */
.blue-infobox, .blue-infobox-small
{
	background: #C3E2F4 url(images/blue-infobox-bottom.jpg) no-repeat bottom right;
	padding: 20px;
	margin: 0 0 18px 0;
}
.blue-infobox-small
{
	background-image: url(images/blue-infobox-small-bottom.jpg);
}
div.blue-infobox-small h2
{
	margin: 0;
	padding: 0;
}
.blue-infobox p, .blue-infobox-small p
{
	font-size: 120%;
}
#page .blue-infobox p, #pape .blue-infobox-small p
{
	line-height: 1.6em;
	margin: 0 0 0.6em 0
}
.blue-infobox-top
{
	background: #C3E2F4 url(images/blue-infobox-top.jpg) no-repeat top left;
	height: 7px;
}
.blue-infobox h1, .blue-infobox-small h1, .blue-infobox h2, .blue-infobox-small h2, .blue-infobox h3, .blue-infobox-small h3, .blue-infobox h4, .blue-infobox-small h4, .blue-infobox h5, .blue-infobox-small h5, .blue-infobox h6, .blue-infobox-small h6
{
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 105%;
}
div.blue-infobox h2, div.blue-infobox-small h2
{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}

.grey-infobox
{
	background: #dee2e5 url(images/grey-infobox-bottom.jpg) no-repeat bottom left;
	padding: 10px 20px;
	margin: 0 0 18px 0;
}
.grey-infobox-top
{
	background: #dee2e5 url(images/grey-infobox-top.jpg) no-repeat top left;
	height: 7px;
}
.grey-infobox h1, .grey-infobox h2, .grey-infobox h3, .grey-infobox h4, .grey-infobox h5, .grey-infobox h6, .grey-infobox p
{
	margin: 0 0 0.6em 0;
}

.grey-box
{
	margin: 0 0 1em 0;
	padding: 8px;
	background: #dee2e5 url(images/grey-box-bottom.jpg) no-repeat bottom center;
}
.grey-box-top
{
	height: 5px;
	background: #dee2e5 url(images/grey-box-top.jpg) no-repeat top center;
}

.sidebox
{
	border: 1px solid #CCC;
	border-width: 0 1px 1px 1px;
	padding: 8px;
	text-align: center;
	margin: 0 0 1em 0;
}

.contentbox
{
	border: 1px solid #CCC;
	border-width: 0 1px 1px 1px;
	padding: 8px;
	margin: 0 0 1em 0;
}
.floatbox
{
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
}
.floatbox:hover
{
	background: #E9EEF1;
	border: 1px solid #90BED5;
}
#imageflow
{
	background: #132730 url(scripts/imageflowbg.png) repeat-x top left;
	color: #FFF;
}
#imageflow h3
{
	text-align: center;
	background: none;
	color: #5e7b89;
	font-size: 1.5em;
	font-weight: normal;
	margin: 10px 0 0 0;
}
.commentbox
{
	border: 1px solid #e2e2e2;
	border-width: 0 1px 1px 1px;
	border-left-color: #aaa;
	padding: 0 8px;
	margin: 0 0 0 56px;
}
.commentbox .inner
{
	overflow: auto;
}
* html .commentbox .inner
{
	height: 1%;
}
#content h5.commenter
{
	border: 1px solid #e2e2e2;
	border-width: 0 1px 0 0;
	background: url(images/comment-box-top.png) no-repeat top left;
	margin: 1em 0 0 0;
	height: 36px;
	line-height: 36px;
	padding: 0;
	text-align: left;
}
h5.commenter img.commenterimage
{
	float: left;
	margin: 0 20px 0 0;
}

.pull-box
{
	margin: 0 0 1em 0;
	padding: 8px;
	background: #dee2e5 url(images/pull-box-bottom.jpg) no-repeat bottom center;
}
.pull-box-top
{
	height: 5px;
	background: #dee2e5 url(images/pull-box-top.jpg) no-repeat top center;
}

.greyblock
{
	background: #e1e2e6;
	padding: 0.3em;
	line-height: 1.8em;
	margin: 0 1em 0 0;
}

.postbox
{
	border: 2px solid #CCC;
	border-width: 0 0 2px 0;
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
}

#content img, #sidebar img
{
	border: 1px solid #CCC;
	padding: 3px;
}

#content div.blue-infobox img
{
	border: 0;
}

.commenticon
{
	padding: 0 1em 0 16px;
	background: url(images/comment.png) no-repeat center left;
}
.posticon
{
	padding: 0 1em 0 12px;
	background: url(images/post.png) no-repeat center left;
}
.usericon
{
	padding: 0 1em 0 12px;
	background: url(images/user.png) no-repeat center left;
}
.rss
{
	padding-left: 18px;
	background: url(images/icons/feed.png) no-repeat center left;
}

p.maleicon
{
	background-image: url(images/male.png);
	background-position: right center;
	background-repeat: no-repeat;
}
p.femaleicon
{
	background-image: url(images/female.png);
	background-position: right center;
	background-repeat: no-repeat;
}
body #content a.button
{
	background: #707E85;
	color: #FFF;
	font-size: 90%;
	padding: 0.3em;
}
body #content a.button:hover
{
	background: #333;
}
.border
{
	border: 1px solid #0F0;
}
.bigquote
{
	padding: 1em 1em 1em 60px;
	background: url(images/quote.png) no-repeat center left;
}
.add
{
	background: url(images/icons/add.png) no-repeat center left;
	padding-left: 18px;
}
.photo
{
	background: url(images/icons/camera.png) no-repeat center left;
	padding-left: 18px;
}
.video
{
	background: url(images/icons/webcam.png) no-repeat center left;
	padding-left: 18px;
}
.imagebrowser
{
	background: url(images/icons/pictures.png) no-repeat center left;
	padding-left: 18px;
}
.toggler
{
	background: url(images/icons/bullet_toggle_plus.png) no-repeat center left;
	padding-left: 14px;
}
.toggleropen
{
	background: url(images/icons/bullet_toggle_minus.png) no-repeat center left;
}
span.buttonlink
{
	background: url(images/smbutton-left.png) no-repeat center left;
	padding: 5px;
}
html body span.buttonlink a
{
	line-height: 25px;
	padding: 4px 5px 4px 0;
	color: #FFF !important;
	background: url(images/smbutton-right.png) no-repeat center right;
}
.quickpost
{
	color: #000;
	background: #FFFEEF;
	border: 1px solid #EFE686;
	padding: 0.6em;
}
table
{
	width: 99%;
}
table td, table th
{
	padding: 0.3em;
}
table tr
{
	border: 1px solid #CCC;
	border-width: 0 0 1px 0;
}
table th
{
	background: #DEE2E5;
}
#content .bigtabs .tabber
{
	float: left;
	height: 28px;
	width: 108px;
	text-align: center;
	line-height: 28px;
	background: url(images/taboff.png) no-repeat bottom left;
	margin: 0 2px 0 0;
	padding: 0;
}
#content .bigtabs .tabbercurrent
{
	float: left;
	height: 28px;
	width: 108px;
	line-height: 28px;
	background: url(images/tabon.png) no-repeat bottom left;
	margin: 0 2px 0 0;
	padding: 0;
}
#content .bigtabs .tabber a
{
	color: #000;
	text-decoration: none;
	padding: 0;
}
/* Reset styles for entries */
#content .entry h1, #content .entry h2, #content .entry h3, #content .entry h4, #content .entry h5, #content .entry h6
{
	background: none;
	padding: 0;
	margin: 1em 0;
}