/*
Theme Name: Theme for App4iPhone
Theme URI: http://www.designbasket.co.uk/
Description: App4iPhone designed by Patrick from Design Basket Limited.
Version: 1.0
Author: Patrick Ta
Author URI: http://www.designbasket.co.uk/
Tags: Elegent & suitable for App4iPhone.
*/


* { margin: 0px; padding: 0px; }

body { background: #fff url(images/bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222; }

a { color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }

hr { margin: 10px 0 10px 0; }

h1, h2, h3 { margin-bottom: 10px; }

h3 { margin-top: 10px; }

p { margin-bottom: 10px; }

/* --- box layouts --- */
.quarter { width: 24%; min-height: 200px; height: 200px; }

.green { background: #009900; margin: 0 5px 0 5px; }
.pink { background: #CC33FF; margin: 0 5px 0 5px; }
.blue { background: #006699; margin: 0 5px 0 5px; }
.yellow { background: #CC9900; margin: 0 5px 0 5px; }

.green img, .pink img, .blue img, .yellow img { margin: 5px 0; }
.green p, .pink p, .blue p, .yellow p { color: #fff; font-size: 14px; text-align: center; margin: 0 10px 10px 10px; }
.green a, .pink a, .blue a, .yellow a { color: #fff; font-weight: bold; text-decoration: underline; }
.green a:hover, .pink a:hover, .blue a:hover, .yellow a:hover { text-decoration: none; }

/* --- layout styles --- */
#wrapper { width: 1000px; }
#header { width: 100%; }
#footer { width: 100%; }

/* --- header styles --- */
#header { width: 100%; text-align: left; }

#header #logo a { display: block; background: url(images/logo.png) no-repeat; width: 252px; height: 59px; }

#header #navigation { margin: 0 0 0 50px; }
#header #navigation ul li { float: left; display: inline-block; list-style: none; list-style-type: none; background: url(images/bg-navigation.gif) repeat-x; }
#header #navigation ul li.seperator { float: left; display: inline-block; padding: inherit 0 inherit 0; }
#header #navigation ul li a { float: left; color: #222; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 21px; }
#header #navigation ul li a:hover { color: #fff; text-decoration: none; background: #222; }
#header #navigation ul li.current_page_item a, #header #navigation ul li.current_page_parent a { color: #fff; text-decoration: none; background: #222; padding-bottom: 25px; }

#header #navigation ul ul { position: absolute; display: none; width: 250px; top: 58px; }
#header #navigation ul li:hover ul { display: block; }
#header #navigation ul ul li a, #header #navigation ul li.current_page_item li a, #header #navigation ul li.current_page_parent li a { list-style: inside; list-style-type: circle; padding: 5px; text-transform: none; width: 250px; background: #ccc; border-bottom: 1px solid #222; font-weight: normal; color: #222; }
#header #navigation ul ul li.current_page_item a, #header #navigation ul ul li a:hover { color: #fff; text-decoration: none; background: #222; padding-bottom: 5px; }

/* --- special styles --- */
#banner { }

/* --- container styles --- */
#content { width: 716px; text-align: left; padding: 5px 10px 10px 10px; line-height: 18px; border-left: 1px dotted #ccc; }

#content ol { list-style: none; }
#content ol li .comment { float: left; }
#content ol li p { margin: 10px 0 10px 0; }

#content #respond { width: 100%; }

#content form { width: 100%; }
#content form input { margin: 5px 0 5px 0; }
#content form textarea { margin: 5px 0 5px 0; width: 97.7%; }
#content form label { display: block; margin: 0 0 0 5px; font-weight: bold; }

#content ul li { list-style: inside; }

/* --- home styles --- */
#home { width: 100%; }

#home #featues { width: 100%; }

#home #bottom { width: 100%; margin: 10px 0 0 0; }
#home #bottom .text { width: 48.5%; min-height: 200px; border-right: 1px dotted #ccc; text-align: left; padding: 0 10px 0 5px; }
#home #bottom .updates { width: 24.8%; min-height: 200px; border-right: 1px dotted #ccc; }
#home #bottom .last { width: 24.2%; }

/* --- sidebar styles --- */
#sidebar { background: #FDFDFD; width: 259px; color: #222; text-align: left; }

#sidebar a { color: #cbac71; }

#sidebar ul li { list-style: none; list-style-type: none; padding: 5px; }
#sidebar ul ul li { list-style: inside; padding: 1px 5px 1px 5px; }
#sidebar ul ul li a { color: #444; }

#sidebar ul li div { padding: 0 5px 0 5px; }

#sidebar h2 { color: #222; font-weight: bold; padding: 0 5px 5px 5px; margin: 0; }

#sidebar ul li form { padding: 0 5px 0 5px; }
#sidebar ul li form input { margin: 5px 0 5px 0; }

#sidebar ul li #login_error { color: #CC3300; }

/* --- sidebar-middle --- */
#sidebar-middle { width: 100%; text-align: left; }

#sidebar-middle ul li { list-style: none; list-style-type: none; padding: 0 5px 5px 5px; }

#sidebar-middle ul ul li { list-style: none; list-style-type: none; padding: 5px; }
#sidebar-middle ul ul li dl dt a { color: #222; text-decoration: underline; font-weight: bold; }
#sidebar-middle ul ul li dl dt a:hover { text-decoration: none; }
#sidebar-middle ul ul li dl dd.sidebardate { font-size: 9px; color: #444; }

#sidebar-middle h2 { color: #222; font-weight: bold; padding: 0 5px 5px 5px; margin: 0; }

/* --- sidebar-right --- */
#sidebar-right { width: 100%; text-align: left; }

#sidebar-right ul li { list-style: none; list-style-type: none; padding: 0 5px 5px 5px; }

#sidebar-right h2 { color: #222; font-weight: bold; padding: 0 5px 5px 5px; margin: 0; }

/* --- sidebar-bottom --- */
#sidebar-bottom { width: 1000px; text-align: left; background: #666; padding: 10px 0 10px 0; }

#sidebar-bottom ul li { display: inline-block; float: left; list-style: none; list-style-type: none; padding: 0 5px 5px 5px; width: 239px; border-right: 1px dotted #efefef; min-height: 140px; }

#sidebar-bottom h2 { color: #fff; font-weight: bold; padding: 0 5px 5px 5px; margin: 0; }
#sidebar-bottom a { color: #fff; }

#sidebar-bottom ul ul li { border: none; min-height: 0; }

#sidebar-bottom form { padding: 0 5px 0 5px; color: #fff; }

/* --- footer styles --- */
#footer { width: 980px; text-align: left; padding: 10px 0; margin: 10px 0; }

#footer a { color: #444; font-weight: bold; }

#footer ul li { float: left; display: inline-block; list-style: none; padding: 0 10px 0 0; }
#footer ul li a { font-weight: normal; }
#footer ul li.current_page_item a { font-weight: bold; }