/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/style.css */

/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/style.css */

/*  
Theme Name: Guangzhou
Theme URI: http://bestofguangzhou.com/
Description: A flexible yet simple theme designed to promote content and reduce overhead
Version: 0.2
Author: John Godley
Author URI: http://urbangiraffe.com/
*/

/* A combination of various 'reset' styles */

* {padding: 0; margin: 0; font-weight: normal;}
body {font: 12px/1 Verdana, sans-serif; margin: 0; padding: 0; position:  relative;}
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* Default styles */

code, pre, kbd, var, sample { 
  font: 1.1em "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; 
  border: 1px solid #bbb;
  background-color: #eee;
  color: #666;
}
pre {
  padding: 0.5em;
}
/*code {
  display: block;
  color: #666;
  white-space: pre;
	padding: 0;
	overflow: hidden;
}
code.inline {
  display:inline;
	padding: 0;
}
*/
abbr, acronym { border-bottom: 1px dotted; cursor: help; font-size: 0.9em; letter-spacing: .07em; }
em { font-style: italic; }
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
strike, blockquote { color: #777; }
small { font-size: 0.8em; }
big { font-size: 1.2em; }
strong { font-weight: bold; }
dl { margin: 10px 0px; }
dt { font-weight: bold; }
dd { margin-left: 20px; }
ol { list-style-type: decimal; margin: 0px 0px 10px 25px; }
a code { text-decoration: underline; }

img.alignright, img.alignleft, img.centered
{
padding:  3px;
background-color: white;
border:  1px solid #aaa;
margin: 0px 1em 1em 1em;
}

img.alignright { float:  right; margin-right: 0px; }
img.alignleft { float:  left; margin-left: 0px; }
img.centered { display:  block; margin: 0px auto 1em auto; }
img.border { border: 1px solid #aaa; background-color: white; padding: 2px; }

a { text-decoration: none}
p { line-height: 1.6; margin: 0px 0px 1em 0px; }
img { border:  none; vertical-align: middle; }
h2 { font-size: 1.8em; margin: 0 0 0.33em; line-height: 1.2;}
h3 { font-size: 1.6em; margin: 0 0 0.25em; line-height: 1.2;}
h4 { font-size:  1.4em; margin: 0.5em 0 0; line-height: 1.2;}
h5 { font-size:  1.2em; margin: 0.5em 0 0; line-height: 1.2;}
h6 { font-weight: bold; margin: 0.5em 0 0; line-height: 1.2;}

p.centered
{
text-align: center;
}


/* Guangzhou styles */

.page
{
width: 900px;
margin: 0 auto;
min-width: 600px;
position: relative;
}


/* Lead elements on home page */
#lead
{
padding-top: 20px;
}

#lead ul li
{
float:  left;
width:  270px;
padding: 10px;
}


/* Header */

#header
{
position: relative;
padding-top: 1.2em;
color: #666;
padding-bottom: 1em;
}

#header h1
{
margin-left: -4px;
font: 4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#header .page
{
background-color: transparent;
}

#header p
{
margin-bottom: 0;
}

#header ul
{
padding-top: 1em;
}


/* Header menu */

#header ul
{
position: relative;
float: right;
margin-top: -2.4em;
}

#header ul li
{
float: left;
text-align: center;
padding: 1px 5px;
margin: 0px 3px;
}

#header ul li a:hover
{
text-decoration: underline;
}


/* Content */

#content
{
float: left;
width: 600px;
position: relative;
margin-top: 20px;
color: #333;
}

#content.full
{
width:  100%;
float:  none;
margin-top: 0px;
padding-top: 20px;
}

#content h2, #content h3
{
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
display: block;
}

#content h2 a, #content h3 a
{
text-decoration: none;
}

#content .meta {
	font-size: 0.9em;
	padding-bottom: 15px;
}



.post ul
{
list-style-type: square;
padding: 0px 0px 1em 2em;
line-height: 1.6;
}

.post ol
{
line-height: 1.6;
}

.post ul li ul, .post ul li ul
{
margin: 0px 0px 0px 2em;
}

#content blockquote, #comments blockquote
{
margin: 1em 2em;
font: italic 1.1em/1.7 Georgia, "Times New Roman", Times, serif;
}

#comments blockquote
{
border-left: 1px solid #999;
padding-left: 1em;
}

#content blockquote[cite]:after, #comments blockquote[cite]:after
{
display: block;
text-align: right;
content: "- " attr(cite);
font: normal 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 5px 0px 0px 0px;
padding-bottom: 10px;
}

/* We define this seperatley as IE6 gets confused with the :after */
#content blockquote cite, #comments blockquote cite
{
display: block;
text-align: right;
content: "- " attr(cite);
font: normal 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 5px 0px 0px 0px;
padding-bottom: 10px;
}

#content blockquote cite, #comments blockquote cite
{
margin-bottom: -8px;
}


.post
{
padding-bottom: 25px;
}

.post a
{
text-decoration: underline;
}

#pagetitle
{
margin-bottom: 1em;
}
#single h2 {
  color: #15316a;
}
#single h3
{
border: none;
}

#single .post
{
margin-bottom: 2em;
padding-bottom: 0;
}

.latest
{
margin-bottom: 1.5em;
}

#single.latest
{
margin-bottom: 0 ;
}

/* Recent posts */

#recent
{
margin-bottom: 2em;
}

#recent ul
{
width: 290px;
margin: 0px;
}

#recent ul li ul
{
width: auto;
}

#recent h2
{
border: none;
margin-bottom: 20px;
text-align: center;
background-color: #eee;
}

#recent h3
{
font-size: 1.2em;
}

#recent .left { float: left }
#recent .right { float: right }


.navigation
{
padding: 0.8em 0;
}

.navigation p
{
text-align: center;
margin: 0 auto;
padding: 0px;
line-height: 1;
}

.navigation .left
{
font-weight: bold;
text-align: left;
float: left;
}

.navigation .right
{
font-weight: bold;
text-align: right;
float: right;
}


.sidebar .navigation .left, .sidebar .navigation .right
{
width: 49%;
font-size: 11px;
}

.sidebar .navigation .left a, .sidebar .navigation .right a
{
display: block;
}

.sidebar .navigation .right a
{
padding-right: 1em;
}

.sidebar .navigation .left a
{
padding-left: 1em;
}

#content .navigation
{
margin-top: 2em;
margin-bottom: 1em;
padding-left:  1em;
padding-right:  1em;;
border: 1px solid #bbb;
background-color: #eee;
color: #666;
}

#content .navigation p
{
width: 350px;
}

#content .navigation a
{
text-decoration: none;
}

#content .navigation a:hover
{
text-decoration: underline;
}



#comments
{
padding-top: 1.5em;
padding-bottom: 1em;
background-color: #eee;
overflow: hidden;
}

#comments ol
{
list-style-type: none;
margin: 0px;
}

#comments li
{
padding: 10px 10px 0.4em 70px;
margin: 15px 0px;
}

#comments li.alt
{
background-color: #dedede;
}

#comments .meta
{
border-bottom: 1px solid #aaa;
margin-bottom: 10px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#comments .meta p
{
color: #666;
padding-top: 2px;
margin-bottom: 0.5em;
}

#comments .meta cite
{
font-size: 1.4em;
font-weight: normal;
font-style: normal;
}

#comments .meta a
{
text-decoration: none;
}

#comments .meta .info
{
font-size: 2em;
}

#comments .blogowner a:hover
{
color:  red;
}

#comments .gravatar
{
margin-left: -58px;
background-color: white;
width: 44px;
height:  44px;
position: absolute;
border: 1px solid #ddd;
}

#comments .gravatar img
{
padding: 2px 2px;
}

#comments .gravatar a img:hover
{
border: 2px solid #d58700;
padding:  0px;
}

#comments .blogowner, #comments .blogowner.alt
{
background-color: #ccc;
}

#commentform textarea
{
width:  95%;
border:  1px solid #bbb;
padding: 3px;
}

#comments ol li ul
{
list-style-type: square;
margin: 1em 0 1em 2em;
padding: 0;
line-height: 1.6;
}

#comments ol li ol
{
line-height: 1.6;
list-style-type: decimal;
margin: 1em 0 1em 2em;
padding: 0;
}

#comments ol li ul li, #comments ol li ol li
{
margin: 0;
padding: 0;
}

#comments #author, #comments #email, #comments #url, #comments #submit
{
border:  1px solid #999;
}

#submit
{
background-color: white;
}

#commentform small
{
color: #666;
}

#comments .navigation
{
padding: 1em 0;
text-align: center;
background-color: white;
border: 1px solid #ccc;
margin: 10px 0px;
}

#comments h3
{
border-bottom: 1px solid #ccc;
padding-bottom: 0.4em;
}


#main .sidebar
{
margin-bottom: 1.5em;
}


#footer .page
{
padding: 10px 0px;
padding-bottom: 15px;
}

#footer a:hover
{
text-decoration: underline;
}

#end
{
padding: 15px 0px;
font-size: 0.9em;
}

#end a
{
text-decoration: underline;
}

#end .content
{
margin-left: 10px;
}

#end .sidebar
{
margin:  0px; padding:  0px;
margin-top: -4px;
text-align: right;
background-color: transparent;
}

/* Sidebar */

.sidebar
{
float: right;
width: 265px;
margin-top: 15px;
padding: 6px;
line-height: 1.6em;
}

.sidebar h2
{
border-bottom: 1px solid #bbb;
padding-bottom: 5px;
color:  #222;
font-size: 1.4em;
}

.sidebar h3
{
font-size: 1em;
line-height: 1.6em;
border-bottom: none !important;
}

.sidebar ul li
{
margin-bottom: 10px;
padding: 5px 5px 8px 5px;
color: #555;
}

.sidebar ul li ul li
{
padding: 0px;
}

.sidebar ul li ul li a
{
border-bottom: 1px dotted;
}

.sidebar ul li ul li ul li
{
margin-left: 10px;
}

.sidebar ul li ol
{
padding: 0px;
margin: 0px;
margin-left: 20px;
}

.sidebar ul li ol li
{
padding: 0.4em 0px;
margin: 0px;
}

.sidebar .comments li
{
margin-bottom: 10px;
}

.sidebar .comments blockquote
{
padding: 0px 10px 0px 10px;
font: italic 1em/1.4em Georgia, "Times New Roman", Times, serif;
}

.sidebar .comments cite
{
font: normal 0.8em Verdana, sans-serif;
}

.sidebar ul li:last-child
{
margin-bottom: 0px;
}


#horizontal.sidebar
{
float:  none;
width: 900px;
margin: 0 auto;
margin-bottom: 2em;
}

#horizontal.sidebar ul li
{
float:  left;
margin: 5px 5px;
width: 285px;
padding: 0px;
}

#horizontal.sidebar ul li ul li
{
float: none;
width: auto;
}

/* Bottom section */
#interesting
{
margin: 0px 10px;
}

#interesting h2
{
font-size: 1.6em;
margin-bottom: 4px;
}

#interesting li
{
line-height: 1.4em;
float: left;
width: 33%;
}

#interesting li ul
{
list-style-type: square;
margin-left: 20px;
}

#interesting li ul li
{
padding-top: 2px;
color: #aaa;
float: none;
width: auto;
border: none;
}

#interesting p
{
line-height: 1.4em;
margin-bottom: 8px;
}

#interesting .feeds
{
list-style-type: none;
margin-left: 10px;
}

#page-info
{
padding: 5px 5px 8px 5px !important;
}

#page-info p:last-child
{
margin-bottom: 0px;
}

.info
{
float: right;
}


table td, table th
{
padding: 0.5em;
}

table.border
{
margin-bottom: 1em;
border-collapse: collapse;
border: 1px solid #ccc;
}

table.border th
{
font-weight: bold;
background-color: #eee;
border: 1px solid #ccc;
}

table.border td, table.border th
{
border: 1px solid #ccc;
vertical-align: top;
}


#s
{
width: 180px;
margin-top: 5px;
}

.clear
{
clear: both;
}

.noborder
{
border:  none !important;
}

.noindent
{
list-style-type: none !important;
margin: 0px !important;
padding: 0px !important;
}

.noindent li
{
margin-left:  0px !important;
}





/* Forms */

fieldset
{
padding: 1em;
border: none;
border-top:  1px solid #999;
clear: both;
}

fieldset legend
{
padding: 0px 0.5em;
color:  #333;
font-size: 1.4em;
}

fieldset label
{
display: block;
float:  left;
width: 120px;
text-align: right;
padding: 0 10px;
margin: 0.5em 0px;
}

fieldset .required label
{
font-weight: bold;
}

fieldset input
{
margin: 0.5em 0px;
}

fieldset p
{
margin-left: 140px;
margin-top: 10px;
}

fieldset textarea
{
width: 700px;
}

fieldset .inset
{
float: right;
width:  250px;
background-color: #FFFFE1;
border: 1px solid #333;
color:  #444;
font-size: 0.8em;
}

fieldset .inset p
{
margin-left: 0px;
margin-top: 0px;
}

fieldset #submit
{
margin-left: 140px;
}

fieldset .inset h3
{
font-weight: bold;
}



.warning
{
border: 3px solid red;
background-color: #fff2ed;
padding: 1em;
margin: 2em 0em;
color:  #A8254A;
}

.warning p:last-child, .notice p:last-child
{
margin-bottom: 0px;
}

.notice
{
border: 3px solid #DCEEEE;
padding: 1em;
margin: 2em 0em;
color: #2530A8;
background-color: #F1FAF9;
}

.inset
{
float: right;
width:  200px;
border: 1px solid #ccc;
padding: 5px 1em 0px 0.9em;
margin: 0px 0px 5px 1em;
color: #888;
background-color: #eee;
clear:  both;
}

.inset h3
{
font-size: 1.2em;
}

.simple-review
{
margin-bottom: 1em;
font-size: 10px;
background-color: #f4f4f4;
/*padding: 8px;
padding-bottom: 0;*/
padding-top: 10px;
border: 1px dotted #ccc;
border-left: none;
border-right:  none;
padding-left: 10px;
}

.simple-review ul li, #simple-review ul li
{
float:  left;
width: 80px;
font-size: 9px;
text-align: center;
margin-right: 5px;
margin-bottom: 3px;
line-height: 1.4;
height: 12em;
}

.simple-review ul li
{
margin-right: 18px;
margin-bottom: 1.5em;
line-height: 1.2;
}

.simple-review ul li img, #simple-review ul li img
{
border:  1px solid #ccc;
padding: 2px;
background-color: white;
vertical-align: middle;
margin-bottom: 2px;
}

.simple-review img:hover, #simple-review img:hover
{
border:  1px solid #999;
background-color: #ccc;
}

.simple-review ul li.selected img, #simple-review ul li.selected img
{
border: 2px solid red;
padding: 1px;
}

.simple-review .selected img:hover, #simple-review .selected img:hover
{
border: 2px solid #ffb400;
background-color: white;
padding: 1px;
}

#simple-review .meta
{
text-align: right;
font-size: 0.8em;
padding-right: 1em;
clear:  both;
}

.digg
{
float:  right;
padding:  0px;
}


/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/skins/blue-orange/style.css */

/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/skins/blue-orange/style.css */

/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/skins/blue-orange/style.css */

/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/skins/blue-orange/style.css */

/* @override http://local.urbangiraffe.com/site/wp-content/themes/guangzhou/skins/blue-orange/style.css */

/*
Name: Blue Orange
Author: John Godley
*/

body
{
color: #333;
}

a { color: #2650a3;}
#page-info strong, a:hover { color:  #d58700; }
a:visited
{
color: #15316a;
}

#main
{
background: url(images/page-border-top.png) repeat-x 0 top;
}

#header
{
background: #102754 url(images/header-background.png) repeat-x left top;
border-bottom: 6px solid #d58700;
color: #7e86b0;
}

#header h1
{
color: white;
}


#header h1 a { color: white; }
#header a:hover { color: #d58700; }

#header ul li a
{
color: #7e86b0;
}

#header ul li .selected
{
color: #d58700;
font-weight: bold;
}

#content .meta, #content .meta a { color: #97a3ce; }
#content .meta a:hover { color:  #d58700; }
#content a:hover { color:  #d58700; }
#comments
{
background: #eee url(images/comments-border-bottom.png) repeat-x 0 bottom;
}

#pageborder
{
height:  8px;
margin: 0;
padding: 0;
background: #eee url(images/page-border-bottom.png) repeat-x 0 bottom;
}

#footer
{
background: url(images/footer-background.png) repeat-x bottom;
background-color: #102754;
border-top: 6px solid #d58700;
}

#footer a:hover
{
color: #d58700;
}

#footer .page
{
color: white;
}

#end, #end a
{
color: #43548e;
background-color: #02102e;
}

#end a:hover
{
color:  #d58700;
}

#main .sidebar
{
background-color: #e9e9e9;
/*border-left: 1px solid #eee*/
}

.sidebar h2 a
{
color: #1a397b;
}

.sidebar h2 a:hover
{
color:  #d58700;
}

#page-info
{
background-color: #102754;
color: white;
}



#interesting a
{
color: #96AFDD;
}



#interesting .feeds li
{
color: white;
}

.sidebar .navigation
{
border-top: 1px solid #96AFDD;
}



#page-info .highlight
{
color: #d58700;
}

#page-info a
{
color: #96AFDD;
}

#page-info a:hover
{
color:  #d58700;
}

#page-info h2
{
color: white;
border-bottom: 1px solid #999;
}

#recent h2
{
color: #999;
}

#comments
{
border-top: 6px solid #d58700;
}