/*  
Theme Name: OB1og
Theme URI: http://seanobrien.org/about/colophon
Description: The theme used by OB1og
Version: 4.0
Author: Sean O'Brien
Author URI: http://seanobrien.org/about
*/

/* make things stay in position */
* { margin: 0; padding: 0; }
p { margin-top: 15px; }
blockquote { margin: 10px 0; padding: 0 30px 15px 50px; }
ol, ul { margin-left: 30px; }
img { border-width: 0; }
input, textarea { padding: 4px; border-width: 1px; }
button { margin: 5px; padding: 5px 5px; vertical-align: middle; }

img.wp-smiley { margin: 0; padding: 0; border: 0; }
img#wpstats { width: 0; height: 0; overflow: hidden; }

ul.fields { margin: 20px 5px 20px 0; }
ul.fields li { padding: 3px; }
ul.fields li.label { float: left; clear: left; width: 55px; padding: 5px 3px; }
ul.fields li.text { padding: 5px 3px; }

#container { width: 900px; margin: 0 auto; }
#content { width: 800px; margin: 0 auto; padding: 0 0 10px 0; }
#sidebar { padding: 0; }
#sidebar li { padding: 5px 3px; }
#footer { padding: 0 20px; }
#footer a { border-width: 0 0 1px 0; }
#footer ul { margin-top: 100px; }
#innerfooter { margin-right: 100px; padding: 20px 0; }

#flickrfave { width: 550px; margin: 20px 0 0 0; vertical-align: middle; }
#logo { width: 280px; margin: 0 0 50px 10px; padding: 40px 0 180px 0; }
#logo a { padding: 40px 100px 180px 90px; }
#navmenu { margin: 20px 0 10px 50px; }
#navmenu a { border-width: 0 0 1px 0; }
#navmenu li { display: inline; margin: 20px 40px 0 0; padding: 5px; }

#sociallinks { margin: 20px 0; padding-top: 10px; border-width: 1px 0 0 0; }
#sociallinks img { margin: 5px 10px 0 0; }
#comments h3 { margin-bottom: 30px; }
#formwrapper h2 { border-width: 0 0 1px 0; }
#formwrapper ul.fields { margin-top: 50px; }
#pagesearchform { margin-bottom: 30px; }

#gamercard { margin-top: 15px; }
#gamercard img { border-width: 1px; }
#gamercard img.gamertile { float: left; margin: 5px 5px 5px 0; }
#gamercard h3.gamertag { margin: 0; padding: 0; }
#gamercard span.last5games img { margin: 2px 3px 0 0; }

#flickr { margin: 10px 0 0 40px; }
#flickr li { display: inline; text-align: center; }
#flickr a img { margin: 0 5px 0 0; padding: 5px 12px 29px 5px; }

#lastxcomments { width: 450px; }
#lastxcomments ol li { padding: 15px 0 0 0; }
#lastxcomments ol li img.avatar { float: right; margin: 10px 0 10px 20px; }

div.catlist { width: 550px; }
div.catlist ul { margin-left: 0; list-style-type: none; }
div.catlist li.cat-item { display: inline; }
div.catlist li.cat-item a { margin-right: 30px; line-height: 30px; }
div.tagcloud a { margin-right: 10px; line-height: 30px; }

div.postwrapper { margin-bottom: 50px; }
div.postmeta { width: 200px; margin: 30px 30px 10px 0; }
div.postexcerpt, div.postcontent { width: 550px; }
div.postexcerpt img.left { padding: 0 10px 10px 0; }
div.postcontent h3 { margin: 20px 0 5px 0; border-width: 0 0 1px 0; }
div.postcontent h4 { margin: 15px 0 0 0; }
div.postcontent p.left img, div.postcontent img.left { padding: 0 10px 10px 0; }
div.postcontent p.right img, div.postcontent img.right { padding: 0 0 10px 10px; }
div.postcontent ul { margin-top: 10px; }
div.postcontent ul li { padding: 2px 0; }
div.postcontent ol { margin-top: 5px; }
div.postcontent ol li { padding: 5px 0; }

div.commentwrapper { margin-bottom: 50px; }
div.commentmeta { width: 200px; margin: 5px 30px 0 10px; }
div.commentmeta img.avatar { float: left; margin: 0 10px 0 0; }
div.commentmeta h4 { margin: 10px 0 20px 0; }
div.commentcontent { width: 540px; }

div.flickrwrapper { margin-bottom: 20px; }
h2.flickrtitle { margin-top: 50px; }

div.column { margin: 0 0 0 2%; padding: 15px 0 5px 10px; float: left; }
div.column ul { margin: 0; }
div.column ol { margin-left: 25px; }
div.column ul li, div.column ol li, div.column ul li ul li { padding: 5px 5px 0 0; }
div.column ul li ul { margin-left: 20px; }
div.first { clear: both; margin: 0; }
div.thirty { width: 30%; }
div.forty { width: 40%; }
div.sixty { width: 60%; }

div.rchr { height: 20px; }
div.rcfr { height: 25px; }

div.rating img { margin: 3px 10px 10px 0; }

img.photograph { padding: 10px; border-width: 2px; }

p.description, div.catdescription p { margin-top: 0; margin-bottom: 30px; padding-bottom: 10px; border-width: 0 0 1px 0; }

input.searchbox { vertical-align: middle; }

.navigables { padding: 10px; }
.navigables a { margin: 0 10px; }
.contentblock { margin-bottom: 30px; }
.underlined { padding-bottom: 10px; border-width: 0 0 1px 0; }
.more { display: block; margin: 10px 0 20px 0; }

.clear { clear: both; height: 1px; }
.left { float: left; }
.right { float: right; }

.lefttext { text-align: left; }
.centertext { text-align: center; }
.righttext { text-align: right; }


/* make things look pretty */
body { background: #fff url(images/4bgheader_temp.gif) repeat-x top; font-size: 0.81em; font-family: tahoma, geneva, arial, helvetica, sans-serif; }
a, a:visited, a:active { color: #00c; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-weight: normal; font-family: "lucida sans", arial, helvetica, sans-serif; }
ul { list-style-type: square; }
blockquote { background: url(images/quote.gif) no-repeat top left; }
input, textarea { color: #000; border-style: solid; border-color: #666; }

ul.fields, ul.nobull { list-style-type: none; }

#container { background: url(images/ob1.jpg) no-repeat top right; }
#footer { color: #232323; font-size: 0.85em; }
#footer a, #footer a:visited, #footer a:active { color: #b2b2b2; border-style: solid; border-color: #464646; }
#footer a:hover { color: #fff; text-decoration: none; border-bottom-color: #d54e21; }
#innerfooter { background: url(images/ob1og.gif) no-repeat bottom right; }

#logo a, #logo a:visited, #logo a:active, #logo a:hover { color: #1a4e8e; text-decoration: none; }
#navmenu li { color: #464646; font-size: 1.3em; }
#navmenu a, #navmenu a:visited, #navmenu a:active { color: #fff; border-style: solid; border-color: #464646; }
#navmenu a:hover { text-decoration: none; border-bottom-color: #d54e21; }

#sociallinks { color: #464646; border-style: solid; border-color: #b2b2b2; }
#comments h3 { color: #464646; }
#formwrapper h2 { border-style: solid; border-color: #000; }

#gamercard img { border-style: solid; border-color: #eee; }
#gamercard h3.gamertag { font-family: arial, helvetica, sans-serif; }
#gamercard span.gamerscore { color: #000; }

#flickr ul { list-style-type: none; }
#flickr a img { background: url(images/polaroidbg.gif) no-repeat top left; }
h2.flickrtitle a:hover { color: #ff0084; }
.flickrblue, .flickrpink { font-weight: bold; font-family: arial, helvetica, sans-serif; }
.flickrtext { color: #000; }
.flickrblue { color: #0063dc; }
.flickrpink { color: #ff0084; }

div.postcontent h3 { border-style: solid; border-color: #b2b2b2; }
div.postmeta, span.commentdate { color: #464646; font-size: 0.85em; }
div.commentmeta h4 { font-size: 1.1em; }
div.postcontent h4 { font-weight: bold; }

div.column ul, div.column ul li ul { list-style-type: none; }

div.sbe { background: url(images/e.gif) repeat-y right #b2b2b2; }
div.sbne { background: url(images/ne.gif) no-repeat top right; }
div.sbnw  { background: url(images/nw.gif) no-repeat top left; }
div.fe { background: url(images/darke.gif) repeat-y right #464646; }

img.photograph { background-color: #fff; border-style: solid; border-color: #333 #000 #000 #333; }

p.description, div.catdescription p { border-style: solid; border-color: #b2b2b2; }

.underlined { border-style: solid; border-color: #b2b2b2; }
.warning { color: #f00; }
.under { text-decoration: underline; }
.strike { text-decoration: line-through; }