/*
Theme Name: Anything Apple
Theme URI: http://www.anythingapple.net
Description: Anything Apple theme
Version: 1
Author: James Thomson

This theme was designed and built by James Thomson

*/

/*--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom: 1pt; }
p { margin: 0 0 12pt 0; }

li {list-style:none;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; margin-bottom:0.1pt;  }
body { height:100%; font: 10pt/15pt Helvetica, Arial, Geneva, sans-serif; color: #4e4e4e; background:#F9F7ED url(images/banner-bg.jpg) repeat-x; }

#wrapper {margin: 0 auto; width: 980px; min-height: 100%; margin-bottom: -60px;}
#header {height: 202px; background: url(images/logo.jpg) no-repeat;}
#content {padding: 20px 0px 120px 40px;}

#banner_ad {padding-top: 15px; text-align: right;}

.left {float: left; width: 656px; padding-bottom: 40px;}
.right {margin-left: 690px;}

.hr {background: #E1E3DE; padding-top: 2px; margin: 15px 0 0 0}
div.error {color: #fb000d;}

/*------------------------------------------------------------------------------
TEXT
------------------------------------------------------------------------------*/
h1 {color: #A32020; font-size: 22pt; font-weight: bold; padding: 15px 0 0 23px; line-height: 26pt;}
h2 {color: #66737F; font-size: 17pt; font-weight: bold; padding-bottom: 5px; letter-spacing: 1px; line-height: 20pt;}
h3 {color: #66737F; font-size: 15pt; font-weight: normal; letter-spacing: 1px;}

h2 a {color: #66737F;}
h2 a:hover {color: #F9F7ED; background: #66737F;}

a {color: #A32020;}
a:hover {color: #F9F7ED; background: #A32020;}

ul li ul {padding-left: 10px;}

code {display: block; background-color: #f1f1f1; border: 1px dashed #cccccc; color: #66737f; margin: 3px 0px; padding: 0px 5px;}

/*------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------*/
#nav {color: #ffffff; width: 600px; text-align: right; margin-left: 379px; margin-top: 52px; line-height: 16pt; padding-bottom: 5px;}
#nav li {display: inline; padding-left: 8px; font-size: 10pt; letter-spacing: 1pt;}
#nav li #current {background: url(images/nav_current.gif) repeat-x 0 19px; padding-bottom: 10px;}
#nav li a {color: #ffffff;}
#nav li a:hover {background: url(images/nav_hover.gif) repeat-x 0 19px; padding-bottom: 10px;}


/*#nav {color: #ffffff; width: 600px; text-align: right; line-height: 10pt; margin-left: 379px; margin-top: 57px;}
#nav li {display: inline; padding-left: 8px; padding-bottom: 9px; font-size: 10pt; letter-spacing: 1pt;}
#nav li a {color: #ffffff;}
#nav li a:hover {background: url(images/nav_hover.gif) repeat-x 0 18px; padding-bottom: 9px;}*/

/*------------------------------------------------------------------------------
CONTAINER
------------------------------------------------------------------------------*/
.container-top {height: 13px; background:url(images/container-top.gif) no-repeat top left;}
.container-mid {background:url(images/container-mid.gif) repeat-y top left;}
.container-btm {height: 15px; margin-bottom: 15px; background:url(images/container-btm.gif) no-repeat bottom left;}

/*------------------------------------------------------------------------------
POST
------------------------------------------------------------------------------*/
.post {margin: 0px 3px; padding: 20px 20px 10px 20px; background:url(images/post-bg.jpg) repeat-x bottom left;}

.post h1 {padding: 0 0 5px 0;}
.post h1 a {color: #66737F}
.post h1 a:hover {color: #F9F7ED; background: #66737F; }
.postInfo {color: #898989; font-size: 8pt; padding-bottom: 5px; margin: 0;}
.postLink {padding: 10px 0px 0px 0px; font-weight: bold; line-height: 0;}
.red {color: #A32020;}

.post ol {padding-bottom: 10px;}
.post ol li {margin-left: 20px; margin-bottom: 10px; list-style-type: decimal; color: #4e4e4e;}
.post ol li p {color: #4e4e4e;}
#playerContainer {padding-bottom: 15px;}
.post img {border: 1px solid #E1E3DE; display: block; margin: 10px 0 10px 0;}
.post form img {display: inline;}

.post-ad {margin: 0 3px; padding: 20px 0px 15px 0px; text-align: center; background:url(images/container-btm-bg.jpg) repeat-x bottom left;}

/*------------------------------------------------------------------------------
COMMENTS
------------------------------------------------------------------------------*/
.commentlist h4 {color: #66737F; font-size: 13pt; font-weight: normal; padding-bottom: 0; margin-bottom: 0; line-height: 4pt;}
.commentlist h4 a, .commentlist h4 a:hover {color: #66737F; background: none;}
.commentlist small {font-size: 8pt; color: #898989;}

.nocomments {padding-left: 20px;}
h3#comments {padding: 10px 0 0 20px;}
#respond {margin: 10px 0 10px 20px;}
#commentform {padding: 0 20px;}
#commentform #submit {width:150px; padding:5px; margin: 0px 0px 20px 0px; font-size:0.8em; background:url(images/button-bg.gif) repeat-x; border:1px solid #adadad!important;	border-left-color:#ececec!important; border-top-color:#ececec!important;}
#commentform #comment {width: 530px;}

/*------------------------------------------------------------------------------
QUICK TIP
------------------------------------------------------------------------------*/
.quickTip {width: 474px; }
.qt-top {background: url(images/qt-top.gif) no-repeat; width:474px; height: 21px;}
.qt-mid {background: url(images/qt-mid.gif) repeat-y; width:474px;}
.qt-btm {background: url(images/qt-btm.gif) no-repeat; width:474px; height: 49px; padding-bottom: 25px;}

.qt-mid h1 {padding: 0 0 10px 20px;}
.qt-mid p { margin-bottom: 0; padding-left: 20px; padding-right: 10px; line-height: 14pt;}
.qt-mid .p-bg { margin-left: 3px; width: 464px; height: 100%; background:url(images/container-btm-bg.jpg) no-repeat bottom left;}

/*------------------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------------------*/
.sidebar-container-top {height: 6px; margin-top: 20px; background:url(images/sidebar-container-top.gif) no-repeat top left;}
.sidebar-container-mid {background:url(images/sidebar-container-mid.gif) repeat-y top left;}
.sidebar-container-btm {height: 7px; background:url(images/sidebar-container-btm.gif) no-repeat top left;}
.sidebar-content {margin: 0px 2px; background:url(images/container-btm-bg.jpg) repeat-x bottom left;}
.sidebar-content form {padding-left: 6px;}

.sidebar .hr {background: #E1E3DE; padding-top: 2px; margin: 2px 0;}
.sidebar h3 { padding: 0px 0 5px 7px;}
.sidebar ul {margin: 0;}
.sidebar li {color: #626262; font-size: 9pt; font-weight: bold; padding: 2px 0 0 7px; border-top: 2px solid #E1E3DE}
.sidebar a {color: #A32020;}
.sidebar a:hover {color: #F9F7ED; background: #A32020;}

.friends img {padding: 5px 0px 2px 7px;}
.friends a:hover {background: none;}
.request {padding-top: 20px;}
.request a:hover {background: none;}

/*------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------*/
.submit {width: 60px; padding:2px 2px 1px 2px; margin: 0px 0px 4px 5pt; font-size:0.8em; background:url(images/button-bg.gif) repeat-x; border:1px solid #adadad!important;	border-left-color:#ececec!important; border-top-color:#ececec!important;}

/*------------------------------------------------------------------------------
LEARN APPLE
------------------------------------------------------------------------------*/
.learnBtn {text-align: center;}
.learnBtn a:hover {background: none;}
.learnBtn img {display: inline; border: none;}

/*------------------------------------------------------------------------------
CATEGORIES
------------------------------------------------------------------------------*/
.cat_page .hr {background: none; padding-top: 0px; margin: 0px 0;}

/*------------------------------------------------------------------------------
PAGINATION
------------------------------------------------------------------------------*/
div.pagination { padding:3px; margin:3px; text-align:left; }
div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #E1E3DE; text-decoration: none; color: #8192A2; }
div.pagination a:hover, div.pagination a:active { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #E1E3DE; background: #8192A2; color: #F9F7ED; } 
div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #E1E3DE; font-weight: bold; background: #8192A2; color: #F9F7ED; } 
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #E1E3DE; color: #E1E3DE; display: none; }

/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#foot_wrapper {background: #8192A2; clear:both; width: 100%; height: 60px;}
#foot_wrapper p {margin: 0;}
#footer {margin: 0 auto; width: 980px; padding: 5px 0;}

.f_left {float: left; width: 220px; margin-left: 40px; }
.f_right {margin-left: 265px; }
.f_legal {clear: both; padding-left: 40px; padding-top: 10px; line-height: 15px;}

#footer p {color: #ffffff; font-size: 8pt;}
#foot_nav {color: #ffffff; text-align: right;}
#foot_nav li {display: inline; padding-left: 8px; font-size: 8pt; }
#foot_nav li a {color: #ffffff;}
#foot_nav li a:hover {color: #8192A2; background: #F9F6ED; }