/*
Theme Name: Photo Bob
Theme URI: http://bob.my/
Description: The Photo Blog
Version: 1.0
Author: Bob
Author URI: http://bob.my/photo-bob/
Tags: black, fixed width, photo blog
*/

/* ------- reset me ----------- */
* { padding:0; margin:0; list-style:none; text-decoration:none; }

/* ------- sexy body ----------- */
body { background:#191919; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fcfcfc;}

/* ------- hyperlink ----------- */
a { color:#fcfcfc;}

/* ------- top & bottom ----------- */
#top { width:721px; margin:20px auto 20px auto; height:50px;}
#header { width:300px; float:left;}
#header h1 { font:normal 30px Georgia, "Times New Roman", Times, serif;}
#header h1 a { color:#fff;}
#header p.desc { font:12px Verdana, Arial, Helvetica, sans-serif; display:block; margin-top:5px;}

#nav { width:400px; float:right; }
#nav ul { margin-top:20px; float:right;}
#nav ul li { float:left; height:30px; margin:0 5px 0 0; display: inline; line-height:30px; }
#nav ul li a { display: block; padding:0 10px 0 10px; color:#ccc; }
#nav ul li a:hover{ color:#fff;}
#nav ul li.current_page_item {background: #000 url(images/mright.gif) no-repeat right;}
#nav ul li.current_page_item a{background: url(images/mleft.gif) no-repeat left; }
#nav ul li.date { display: block; padding:0 0 0 10px; }


/* ------- main entry ----------- */
#wrapper { width:721px; background:#000; border:1px solid #2d2d2d; margin:0 auto 20px auto; }
#wrapper img, #wrapper #img { border:1px solid #1d1d1d; margin:9px; }
#wrapper .text { padding:10px; background:#111; border:1px solid #333; width:680px; margin:0 auto 10px auto;}
#wrapper #title h2 { display:block; font:bold 14px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-bottom:1px solid #070707; }
#wrapper #title h2 { background:#000000 none repeat scroll 0 0; color:#FFFFFF; margin:-500px 0 0 45px; padding:10px; position:absolute; text-transform:uppercase; opacity:0.8; }
#wrapper .title a {height:38px; width:40px; display:block; position:absolute; text-indent:-9999px; background:#000 url(images/toggle.gif) no-repeat 10px 9px; margin:-500px 0 0 5px; outline:none; opacity:0.8; }
#wrapper h2.page { font:20px Georgia, "Times New Roman", Times, serif; color:#fff; border-bottom:1px solid #dadada; display:block; padding-bottom:5px; margin-bottom:10px;}

#wrapper .text p { padding-bottom:10px; line-height:18px;}
#wrapper .pagenavi { height:29px; width:702px; margin:-10px auto 10px;}
#wrapper .pagenavi .options a { float:left; width:117px; text-indent:-9999px; display:block; background:url(images/comment.gif) no-repeat; height:29px; outline:none; }
#wrapper .pagenavi .prevnext { width:185px; float:right; }
#wrapper .pagenavi .prevnext .prev { float:left; border:0; margin:0; }
#wrapper .pagenavi .prevnext .next { float:right; border:0; margin:0;}
#wrapper .pagenavi .prevnext .linkprev a { display:block; float:left; text-indent:-9999px; background:url(images/prev.gif) no-repeat; width:104px; height:29px; margin:0; padding:0; outline:none;}
#wrapper .pagenavi .prevnext .linknext a { display:block; float:right; text-indent:-9999px; background:url(images/next.gif) no-repeat; width:81px; height:29px; margin:0; padding:0; outline:none;}

/* ------- comment box ----------- */
#wrapper .text #slickbox { display:block; margin:20px auto 0; }
#wrapper .text #commentbox { width:360px; float:left; }
#wrapper .text h3 { display:block; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
#wrapper .text #commentbox p { padding-bottom:2px;}
#wrapper .text #commentbox label { width:80px; float:left;}
#wrapper .text #commentbox input { width:355px; border:1px solid #dadada; margin-bottom:5px; cursor:pointer;}
#wrapper .text #commentbox textarea { width:355px; border:1px solid #dadada; margin-bottom:5px;}
#wrapper .text #commentbox #register { display:block; padding:10px; background:#111; border:1px solid #333; margin:20px auto 20px auto;}
#wrapper .text #commentbox #loginnow { display:block; padding:10px; background:#111; border:1px solid #333;}
#wrapper .text #commentbox #loginnow input { width:335px;}
#wrapper .text #commentbox #register a { color:#FF0000;}

/* ------- comment lists ----------- */
#wrapper .comment-0 { padding:10px; background:#111; border:1px solid #333; width:680px; margin:0 auto 10px auto; }
#wrapper .comment-1 { padding:10px; background:#111; border:1px dashed #FFFF99; width:680px; margin:0 auto 10px auto; }
#wrapper img.avatar {  padding: 4px; margin: 0 7px 2px 0; display: inline; float: left;}
#wrapper small.commentmetadata { display:block; border-bottom:1px solid #070707; padding-bottom:5px; margin-bottom:5px;}
#wrapper .commenttext { width:600px; float:right;}

/* ------- additional infos ----------- */
#wrapper .text #pinfo { width:305px; float:right; }
#wrapper .text #pinfo h3 { display:block; padding:10px 0 10px 0; font:20px Georgia, "Times New Roman", Times, serif;}
#wrapper .text #pinfo p { padding-bottom:2px; display:block; border-bottom:1px dashed #323335;}
#wrapper .text #pinfo img.thumbnail { margin:0 0 10px 0;}
#wrapper .text #pinfo label.exif { width:80px; display:block; float:left;}

/* ------- random photos ----------- */
#wrapper #random {padding:10px; background:#111; border:1px solid #333; width:680px; margin:0 auto 10px auto;}
#wrapper #random h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; display:block; margin-bottom:10px;}
#wrapper #random img { margin:0 10px 0 0; padding:0; border:1px solid #dadada;}
#wrapper #random ul { margin-left:10px;}
#wrapper #random ul li { display:inline; }
#wrapper #random ul#full { margin-left:10px;}
#wrapper #random ul#full li.full a { display:inline; }
#wrapper #random ul#full li.full img.space { margin-bottom:10px;}
#wrapper #random h2.page { font:20px Georgia, "Times New Roman", Times, serif; color:#fff; border-bottom:1px solid #dadada; display:block; padding-bottom:5px; margin-bottom:10px;}


/* ------- misc ----------- */
.clear { clear:both;}
p img { max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* ------- misc ----------- */
#footer {width:721px; margin:auto; padding-bottom:20px; text-align:center;}