/*  
Theme Name: photoblog
Theme URI: http://rootaxis.com/
Description: Designed by <a href="http://www.rootaxis.com">Wordpress Development</a> for <a href="http://www.tawhidarrahman.com">Tawhid ar-Rahman's Photo Gallery</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>
Version: 1
Author: Abdullah Al Kafi
Author URI: http://www.rootaxis.com/
Tags: photo, photo gallery, black and white, black, simple
*/


/* Begin Typography & Colors */
* { margin: 0; padding: 0; }

body {
color:#FFF;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
font-size:12px;

line-height:1.5;
background:#2A2A2A;
}
input, button, textarea, select { color:#2d3538; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: underline; color : #ccc; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #cc6600; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: underline; color : #ccc; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #4779ac; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3,h5,h6 {font-weight:normal;}

/* Header 
############################################################################################################## */
#header { overflow: hidden; padding-top: 15px;}
* html #header { height: 1%;}


/* Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head { overflow: hidden; }
* html .head { height: 1%;}

/* Logo
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head .logo { float: left; }
.head .logo .txt h1 { font-size:19px; font-weight:normal;color:#2375BF; padding-bottom: 5px; }
.head .logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#2375BF; font-family:Arial, Helvetica, sans-serif;}
.head .logo .txt p.desc { font-size:11px; font-style:italic; display: block; color:#999;}
.head .logo .img {}
.head .logo .img img { margin-bottom: 5px; }

/* Search
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head .search { float: right; width: 260px; height: 45px; background: #e0e3e4 url(images/widget-dotted.png) repeat-y left; padding: 10px 15px 15px 25px;}
.head .search h2 { padding-bottom:4px; color:#000;}
.head .search form { border: 1px solid #dfe2e3; }
.head .search fieldset { overflow: hidden; }
.head .search input { float: left; margin-right: 4px; background: #fff; border: 1px #b3b6b7 solid; padding: 4px; width: 180px; color:#666;}
.head .search #searchsubmit { float: left; background: #000; width: 55px; cursor: pointer; color:#fff; border: inset 1px #000; padding: 4px;}

/* Date
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.head .date { float: right; width: 125px; height: 40px; background: #f0f2f3 url(images/widget-dotted.png) repeat-y left; padding: 15px 15px 15px 20px; margin-right: 25px;  }
.head .date span.day { display: block; text-transform: uppercase; color:#000;}
.head .date span.time { color:#999; }


/* Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.top_menu { width:993px; min-height:20px; overflow: hidden; margin: 0 auto; padding:5px 0px 0px 0px;}
.top_menu a{ color:#FFFFFF; font-size:12px; text-decoration:none;} 


/* Feed
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu .feed { float: right; width: 300px;}
.menu .feed li { display: inline;float: left; height: 22px; margin-right: 20px; }
.menu .feed li a { color:#ff7e00;}
.menu .feed .rss { background: url(images/feed-rss.png) no-repeat left 0px; padding-left: 27px;}
.menu .feed .email { background: url(images/feed-email.png) no-repeat left 0px; padding-left: 25px;}


/* Center 
############################################################################################################## */
#container { overflow: hidden; width: 900px;}
* html #container { height: 1%; }

/* Center 
############################################################################################################## */
#center { float:right; width:610px; height:auto !important;padding-top:63px;}
#center-wap { float: left; width: 100%; padding-bottom:40px; }
.center-attachment { margin-right: 0px; height:auto !important;}

.border { background: url(images/border-bkg.png); overflow: hidden; height: 1px;}
.title { color:#ccc;padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #444;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post, .attachment { width: 100%;}
/**/ * html .post, .attachment { width: 99%;} /**/ 

.p-head h1, .p-head h1 a, .p-head h1 a:visited {  color:#409CD0;}
.p-head h1 a:hover { color:#ff7e00; text-decoration: none; }

.p-head h2 {  color: #CCCCCC; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px; font-weight:normal; }
.p-head h2 a, .p-head h2 a:visited {  color:#CCCCCC; text-decoration:none;  }
.p-head h2 a:hover { color:#FFF; text-decoration: none; }

.p-head h3 { color:#FFF;}
.p-head h3 a, .p-head h3 a:visited {  color:#FFF;}
.p-head h3 a:hover { color:#CCC; text-decoration: none;}

h4 {  color: #CCCCCC; font-size:22px; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px; font-weight:normal; text-shadow:0 1px 1px #000000; }
.p-time { position:absolute; right:-80px; top:0px; background-color:#EEEEEE;
border-top:2px solid #2375BF;
font-family:Georgia,serif;
margin-top:-1px;
text-align:center;
width:50px;}

.p-time .day { font-size:18px;}
.p-time .separator {
border-bottom:1px solid #CCCCCC;
margin:0 auto 2px;
width:25px;
}
.p-time .month{ text-transform:uppercase; font-size:12px; padding-bottom:6px;}

.p-con {}
.p-con p { padding: 5px 0px; margin: 5px 0px; width:610px; text-shadow:0 1px 1px #000000;}
.p-con p img{ width:584px; border:13px solid #FFFFFF;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.p-con blockquote { padding: 10px 20px; margin: 10px 0px; background: #f4f4f4; color:#666; }
.p-con blockquote p { Times, serif; color:#666; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.p-det { position:relative;
margin:18px 0 30px;
padding:0px 0px 8px 0px; font-size:11px; border-bottom:1px solid #444;}
.p-det span{font-weight:normal;}
.p-det span a{ text-decoration:none; color:#969696;} 

.p-det .sharet{ position:absolute; left:500px; top:12px;}


.p-more { padding-top: 10px; text-align: right;}
.p-more li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 20px; margin-right: 5px;}
.p-more li.p-more-read { background: url("images/p-more-read-ico.png") left center no-repeat; }
.p-more li.p-more-com { background: url("images/p-more-com-ico.png") left center no-repeat; }
.p-more li a,.p-more li a:visited { color:#ff7e00;margin-right: 3px;}
.p-more li a:hover { color:#4779ac; }

.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 20px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { color:#ff7e00; cursor: hand;}
.nav a:hover { color:#4779ac; }


/* Side Right 
############################################################################################################## */
.comments-list {}
.comments-list h2 { color:#000; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;}
.comments-list div.alt { border: 1px solid #e5e5e5; background: #f4f4f4;}
.comments-list p.name { color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;}

.comments-list .con { margin-right: 90px; color:#333;}
.comments-list .con p { padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote {color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form {color: #FFF;}
.comments-form h3 { color:#CCC; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #444; font-size:17px;}
.comments-form p { padding: 0px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#444;}
.comments-form .required2 { font-weight: normal; color:#CCC;}
.comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 0px 4px; height:14px; width: 210px; margin-right: 7px; color:#444; font-size:13px;}
.comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 300px; height:100px; color:#444;font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; font-size:13px;}
.comments-form .button { border:none; cursor:pointer; color:#fff; background:#2A2A2A; width: 55px; height:16px; margin-top:15px; font-weight:bold;}



/* Side Right 
############################################################################################################## */
#right { float: left; width:230px; height:auto !important; padding-top:68px;}

/* R1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.r1 { float: left; font-size: 14px; line-height:15px;}
.r1 .widget { line-height:17px; font-size:11px;}

.r1 .widget ul#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;width: 15em;}
.r1 .widget ul#menu li ul{ display:none;}

.r1 .widget ul#menu a {display: block;text-decoration: none;}
.r1 .widget ul#menu li a {color: #969696;}
.r1 .widget ul#menu li a:hover {color: #FFF;}

.r1 .widget ul#menu li ul li a {color: #969696; width:126px; padding-left:5px; line-height:17px; font-size:11px; border-bottom:1px solid #444;}
.r1 .widget ul#menu li ul li a:hover {background: #3B3B3C;color:#CCC;}

.r1 .widget ul#menu li ul li.current-cat a{ color:#FFF;}

.r1 .widget .main_menus{color:#969696;}
.r1 .widget .main_menus a{color:#969696; line-height:17px; text-decoration:none; font-size:11px;}
.r1 .widget .main_menus a:hover{ color:#FFF;}
.r1 .widget .rss a{ color:#969696; text-decoration:none;padding-left:20px; background:url(images/feed-rss.png) left top no-repeat; font-weight:normal; font-size:12px;}
.r1 .widget .rss a:hover{ color:#000000;}


.r1 .widget_flickrRSS { overflow: hidden; margin-bottom: 10px;}
* html .r1 .widget_flickrRSS { height: 1%;}
.r1 .widget_flickrRSS h3 { margin-bottom: 10px;}
.r1 .widget_flickrRSS li { background: none; list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; }
.r1 .widget_flickrRSS li a img, .r1 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;}
.r1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}

.r1 .widget_text {}
.r1 .widget_text p {padding: 5px 0px; margin: 0px;}
.r1 .widget_text blockquote {padding: 10px; margin: 0px; background: #e4e4e4;}

.r1 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}
.r1 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}

.r1 .widget_tag_cloud {line-height: 22px;}

.r1 .widget_calendar table { width: 100%;}
.r1 .widget_calendar table td { text-align: center; padding: 4px 3px; font-size: 11px; }
.r1 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;}
.r1 .widget_calendar #today { background: #f0f2f3; font-weight: bold;}

.r1 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }
.r1 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px;}


/* R2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.r2 { float: right; width: 300px;}
.r2 .widget { margin-bottom: 20px; background: #e7e9ea url(images/widget-dotted.png) repeat-y left; padding: 15px 15px 15px 25px;}
.r2 .widget h3 { font-weight: normal; color:#000; font-size: 19px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: solid 1px #c3c4c5;}
.r2 .widget label { display: block; color:#000; background: #f0f2f3; padding: 3px 4px; margin-bottom: 3px; }
.r2 .widget a { text-decoration: underline;}

.r2 .widget li { padding: 2px 0px 2px 7px; color:#999; background: url(images/r1-widget-li.png) no-repeat left 7px;  color:#000; }
.r2 .widget li ul li { padding-bottom: 0px;}
	
.r2 .widget_flickrRSS { padding: 15px 0px 5px 25px; overflow: hidden}
.r2 .widget_flickrRSS h3 { width: 260px;}
* html .r2 .widget_flickrRSS { height: 1%;}
.r2 .widget_flickrRSS ul { padding: 0px; margin: 5px 0px 10px 0px; float: left;}
.r2 .widget_flickrRSS li { list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; }
.r2 .widget_flickrRSS li a img, .r2 .widget_flickrRSS li a:visited img { border: solid 1px #999; padding: 1px; background: #fff; width: 53px; height: 53px;}
.r2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}

.r2 .widget_text {}
.r2 .widget_text p { padding: 5px 0px; margin: 0px;}
.r2 .widget_text blockquote { padding: 10px; margin: 0px; background: #e4e4e4;}

.r2 .widget_recent_entries ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}
.r2 .widget_recent_comments ul li { border-bottom: solid 1px #dadada; padding: 3px 0px 5px 7px;}

.r2 .widget_tag_cloud { line-height: 22px;}

.r2 .widget_calendar table { width: 100%;}
.r2 .widget_calendar table td { text-align: center; padding: 5px 3px; }
.r2 .widget_calendar caption { background: #f0f2f3; padding: 5px 0px; margin-bottom: 5px;}
.r2 .widget_calendar #today { background: #f0f2f3; font-weight: bold;}

.r2 .widget_search #s { border: 1px solid #ccc; padding: 2px; margin-right: 0px; }
.r2 .widget_search label { font-weight: normal; color:#000; font-size: 19px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: solid 1px #c3c4c5; background: none;}
.r2 .widget_search #searchsubmit { border: outset 1px #000; background: #666; color:#fff; width: auto; font-weight: bold; padding: 2px;}


/* Top
############################################################################################################## */
#b-top { clear:both; padding-bottom: 20px; padding-left:25px;}
#b-top span { background: #999 url(images/top-bkg.png) no-repeat top center; color:#fff; padding: 7px 7px 3px 7px;}
#b-top span a, #b-top span a:visited, #b-top span a:hover { color:#fff; text-decoration: none;}


/* Footer
############################################################################################################## */
#footer { clear:both; min-height:50px; overflow:hidden;}
#footer .logo{ width:68px; height:71px; padding:15px 0px 0px 0px; float:right; background:url(images/vision-logo.png) left bottom no-repeat;}
#footer .content{ width:575px; float:left; margin-left:291px; padding:23px 10px 20px 0px;font-size:11px; letter-spacing:0px; line-height:18px;}
#footer .content a{color: #999; text-decoration:none;}
#footer .content a:hover{ text-decoration:underline;}
#footer .panel1{ width:100%; min-height:10px; overflow:hidden;}
#footer .panel1 .left{ width:140px; height:130px;background:url(images/vision-logo.png) no-repeat left top; float:left;}
#footer .panel1 .left1{ width:270px;float:left; color:#666666;}
#footer p.by { color:#999; padding: 2px 0px; }
#footer p.by a { font-size:11px; letter-spacing:-1px;color:#999; }
#footer p.copy { padding: 2px 0px; }


.con-in1{ width:210px; height:20px; border:1px solid #CCCCCC; color:#999999; margin-bottom:3px;}
.con-in2{ width:270px; height:50px; border:1px solid #CCCCCC; color:#999999; margin-bottom:3px;}
.con-insub{ width:80px; height:22px; line-height:22px; border:1px solid #CCCCCC; background:#999999; color:#FFFFFF; margin-bottom:3px;}

.total{ width:993px; margin: 0 auto; padding-top:5px;}
p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	
	margin: 0;
	color:#999999;
}
.warning{display:none;}