/*



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



*/



/* ------- qtranslate ----------- */

#Language li{

padding-top: 40px;

float: right;

}



.qtrans_language_chooser li { float:left; margin-right:3px }



/* ------- reset me ----------- */



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







/* ------- sexy body ----------- */



body { background:#191919 url(images/bg.jpg) no-repeat top; font:11px Verdana, Arial, Helvetica, sans-serif; color:#fcfcfc;}







/* ------- hyperlink ----------- */



a { color:#fcfcfc;
	text-decoration: none;
}







/* ------- 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:650px; margin-top:20px; float:left; }



#nav ul { margin-top:5px; 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 .text a { color:#fcfcfc; text-decoration: underline;
}



#wrapper .pagenavi { background:url(images/pagenavi.gif) no-repeat; 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;}