/*  
Theme Name: PS3Explained
Theme URI: http://ps3explained.com/
Description: Original theme for PS3 Explained website.
Version: 1.3
Author: Flame
Author URI: http://ps3explained.com/
*/

body { margin:0; padding:0; font-size:0.9em; font-family:Tahoma, Arial, sans-serif; background:#fff }

h1, h2, h3, h4, h5 { margin:0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.05em }
h1 a, h2 a, h3 a, h4 a { text-decoration:none }

img { display:block }
ul, ol, li { margin:0; padding:0 }
ul, ol { margin:0.5em 2em 1em }
li { margin-bottom:0.2em }
.clear { clear:both }

img.right { float:right; margin:0 0 10px 10px }
a img { border:0 }

#page { position:relative }

#header { padding:0; background:#000 url(../../../images/bg_header.jpg) 315px 0px no-repeat; color:#ccc; position:relative }
#header hr { display:none }
#title h1 a { display:block; width:315px; height:69px; text-indent:-9999em; background:transparent url(../../../images/ps3ex_title.gif) top left no-repeat }
#title div { display:none }

#header form { position:absolute; top:10px; right:10px }
#header #s, form .q { background:#eee }
#header #searchsubmit, form .searchsubmit { background:#bbb; cursor:pointer }

#nav { height:54px; position:relative }
#nav ul { margin:0; padding:0; height:54px; background:transparent url(../../../images/nav_bg_all.gif) left top repeat-x; position:relative }
#nav li { margin:0 1px 0 0; padding:0; list-style:none; float:left; position:relative }
#nav li a { padding:0 0.8em 0; display:block; height:44px; line-height:40px; text-decoration:none; color:#fff; background:transparent url(../../../images/nav_bg_all.gif) left top repeat-x; float:left }
#nav .blue.on a, #nav .blue a:hover { background-position:0px -162px; }
#nav .green.on a, #nav .green a:hover { background-position:0px -108px; }
#nav .red.on a, #nav .red a:hover { background-position:0px -216px; }
#nav .green a, #nav .blue a, #nav .red a { position:relative; padding-left:23px }
#nav .green a img, #nav .blue a img, #nav .red a img { position:absolute; top:11px; left:4px }
#nav a:hover, #nav .on a { background-position:0px -54px; }

#central { background:#fff; position:relative }
#centralinner { position:relative }
#content { float:left; position:relative; width:74%; background:#fff; border-right:1px dotted #333 }
#content.widecolumn { width:100%; float:none; border:0 }

.post { margin:0 15px 30px; padding-left:48px }
.post .entry p { margin:0.3em 0 }
.post h3 {margin-bottom:0.4em }
.post h3 a { font-size:100%; color:#000; border-bottom:1px solid }
.post h3 a:visited { border-bottom:1px dotted }
.post h4 { font-size:1.3em; margin:1.2em 0 0 }
.post a { text-decoration:none; border-bottom:1px solid }
.post a:visited { border-bottom-style:dotted }
.post a:hover { background-color:#e5e5e5 }

#home h2 { margin:0 15px 15px }
.beginner, .intermediate, .advanced { background:#fff url(../../../images/aud_beg_m_rfl.gif) 0% 2px no-repeat }
.intermediate { background-image:url(../../../images/aud_int_m_rfl.gif) }
.advanced { background-image:url(../../../images/aud_adv_m_rfl.gif) }

#single .post { padding-left:0 }
#single .post h3, #single .post h3 a { font-size:1.4em; margin-bottom:0.4em; border:0 }
#single .post .entry p { margin:0 0 1em }
#single .beginner, #single .intermediate, #single .advanced { background:#fff }

.widecolumn .post { padding-left:38px; padding-right:38px; }

h2.archive { margin:0 15px 1em }
h2.tag { height:40px; line-height:40px; padding-left:85px; background:transparent url(../../../images/t/tag.gif) top left no-repeat }

.commentlink, .editlink { display:inline; font-size:80%; line-height:20px; margin-right:20px }
.commentlink a, .editlink a { color:#000; padding-left:18px; background:#fff url(../../../images/silk/comment.gif) 0% 50% no-repeat; border:0 }
.editlink a { background-image:url(../../../images/silk/pencil.gif) }

ul.steps, ol.steps { margin-bottom:2em }
ul.steps li, ol.steps li { margin-bottom:1em }

.ssbutton { margin-left:5px }

.tip, .warning { padding:10px; border:1px solid #999; background-color:#eee }

.thumbnails { position:relative }
.thumbnails hr { display:none }
.thumbnails ul { margin:0; padding:0; list-style:none; position:relative }
.thumbnails li { float:left; position:relative; margin-right:10px; padding-bottom:16px; background:#fff url(../../../images/ss/grey.gif) bottom center repeat-x; }
.thumbnails a { display:block; border:2px solid #000 }
.thumbnails a:visited { border-bottom-style:solid }

.thumbnails .pink { background-image:url(../../../images/ss/pink.gif) }
.thumbnails .gold { background-image:url(../../../images/ss/gold.gif) }
.thumbnails .blue { background-image:url(../../../images/ss/blue.gif) }

#commentsection { background:#333; color:#ddd }
#comments .first { border:none; padding-top:0 }
#comments, #respond { background:#333 url(../../../images/bg_comm.gif) top left repeat-x }
#commentsection a { color:#9DBCDA }
.commentlist { margin:1em 0 1em; padding:0 15px; color:#fff; clear:both }
.commentlist cite { font-style:normal; font-weight:bold }
.commentlist li { border-top:1px dotted #555; margin-bottom:0; list-style:none; clear:both }
.commentlist div { margin:0 15px 0 30px; padding:5px 15px 12px; }
.commentlist div.comment-number { margin:-1px 0 0; padding:14px 5px; width:20px; text-align:center; border:1px dotted #555; float:left }
.commentlist p { margin:7px 0; color:#ddd }
.commentmetadata a { text-decoration:none }
.commentlist .a, #commentsection .a a { color:#FE856A }
.commentlist .a p { color:#E1B8AF }
.commentlist .a .children, #commentsection .a .children a { color:#9DBCDA }
.commentlist .a .children p { color:#ddd }
.commentlist ul.children { margin:0 0 0 45px; padding:0 }
.avatar { float:right; margin:0 0 5px 5px }
.comment-page-numbers { padding:15px; margin-bottom:5px }
.comment-page-numbers span { display:block; padding:3px 7px 3px 0; float:left }
.comment-page-numbers a, .comment-page-numbers .current { display:block; text-decoration:none; padding:3px 7px; margin-right:2px; float:left; background:#222; border:1px solid #000 }
.comment-page-numbers .current { background:#444 }
.comment-page-numbers a:hover { border-color:#555; background:#333 }

#commentsection h3 { font-size:1.25em; color:#f5f5f5; padding:15px 15px 0 }
#comments h3, #respond h3, #comments h3#respond-heading { width:190px; height:19px; text-indent:-9999em; background:transparent url(../../../images/t/make_comment.gif) 15px 15px no-repeat }
#comments h3 { width:108px; height:24px; background-image:url(../../../images/t/comments.gif) }

#comments .reply { margin:-0.8em 0 0; padding:0 0 5px; text-align:right; font-size:0.7em }

#respond p { margin:0.3em 0 }

#commentform { margin:0 0 0 45px; padding:0 0 15px 0 }
#commentform input, #commentform #comment { padding:0.2em; background:#ddd }
#commentform input:focus, #commentform #comment:focus { background:#eee }
#commentform #submit { background:#9DBCDA }
#commentform #submit:hover { background:#fff; cursor:pointer }
#commentform #comment { width:40em; height:7em }

#sidebar, .sidebar { float:right; position:relative; width:25%; font-size:small }
#sidebar ul, .sidebar ul { list-style:none; margin-left:7px; margin-top:0 }
#sidebar ul ul, .sidebar ul ul { list-style:disc; margin:0 0 2em 15px }
#sidebar h2, #sidebar h3, #sidebar h4 { margin:0; font-size:118% }
#sidebar p, #sidebar .rating { margin:0 0 2em }
#sidebar a { text-decoration:none; color:#3A79B4 }
#sidebar a:hover { color:#000; background:#e5e5e5 }

.team { background:#333 url(../../../images/bg_comm.gif) top left repeat-x; position:relative; padding:10px 0 0; font-size:small; color:#ddd }
.team .member { float:left; position:relative; width:37% }
.team div div { border-right:1px dotted #555; padding:0 15px  }
.team h3 { margin:0; font-size:1.5em }
.team .avatar { float:right; margin:0 0 10px 10px }
.team a { text-decoration:none; color:#3A79B4 }
.team a:hover { text-decoration:underline }

#footer { clear:both; font-size:x-small; color:#ccc; background:#000; width:100% }
#footer a { color:#eee }
#footer p { padding:15px }
#footer p + p { padding-top:0 }
#footer hr { display:none }

img.wp-smiley, #php-code-1 img, .post-ratings img, .ssbutton img, #footer img { display:inline; vertical-align:middle }

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

.beginner h3, .beginner h3 a, .beginner a { color:#458538 /*519D42*/ }

.intermediate h3, .intermediate h3 a, .intermediate a { color:#3A79B4 /*3F84C5*/ }

.advanced h3, .advanced h3 a, .advanced a { color:#BF3D28 }

.tip { border-color:#458538; padding-left:46px; background:#E3EDE1 url(../../../images/box_tip_32.gif) 7px 10px no-repeat }
.warning { border-color:#BF3D28; padding-left:46px; background:#F5E2DF url(../../../images/box_warn_32.gif) 7px 10px no-repeat }