/*   
Theme Name: Roopokar Web Design Blog
Theme URI: http://http://www.roopokar.com/
Description: This is just a BLANK starter WordPress Theme template -- WordPress v3.0.1
Author: Ahmed Murad : March 2011
Author URI: http://chriscoyier.net
Version: 2
*/

/*
Theme Name: Roopokar
Author: Ahmed Murad

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background:#333333;
	background-image:url(images/main_images/bg_pattern.gif);
	color: #dddddd;
}
.grid_9{ background-color:#191919;}
.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

ol.ordered{ list-style:decimal; margin-left:40px; color:#999; margin-top:5px;}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #dbdbdb;
}
a:hover {
	color: #dbdbdb;
	
}
a:active {
	color: #dbdbdb;
}*/
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#848484; 
}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#cccccc;
	font-weight:bold;
	text-align: left;
}

h2 span {
	  font-size:24px; color:#fbc90a; font-weight:100;  
}
h3 {
	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; font-size:18px; color:#999999; 
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif; color:#CCCCCC; font-size:16px;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}

.body_text{ font-size:13px; color:#a1a1a1; text-align:justify;}
p{ font-size:13px; color:#a1a1a1; text-align:justify; font-weight:normal;}

.body_text_yellow{ font-size:13px; color:#fbc90a; text-align:justify;}
p{ font-size:13px; color:#a1a1a1; text-align:justify; font-weight:normal;}
a.yellow{color:#fbc90a; font-weight:lighter;}
.yellow{color:#fbc90a; font-weight:lighter;}
.bgyellow{background-color:#fbc90a;}


/* =4 Header

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#top_top_nav_container{ display:block;height:35px; background-color:#282828; width:100%; position:fixed; left:0px; top:0px; border-bottom: 1px solid #181818; display:inline; color:#929090; margin:auto; text-align:center; z-index:9999999999999;  }
#top_top_nav_container li{ display:inline-block; padding:10px; z-index:50000;}
#top_top_nav_container li:hover{ display:inline-block; padding:10px; background-color:#000000;}
#top_top_nav_container a{ text-decoration:none; color:#929090;}

#top_nav_container{height:88px; background-image:url(images/main_images/bg_top.png);width:100%; position:fixed; left:0px; top:36px; border-top: 1px solid #939292;}
#main_nav_cont{width:960px; margin-left:auto; margin-right:auto;}
#logo_roopokar{ float:left; width:305px; height:63px;}
#main_nav{float:right; width:655px; }
#main_nav ul li:hover{ background-color:#505050;}

#main_nav ul li{font-size:19px; line-height:20px; color:#dbdbdb; height:46px; padding-top:17px;  text-align:right; border-left:1px solid #adadad; border-right:1px solid #5c5c5c; padding-right:14px; padding-left:14px;  float:right;}
#main_nav ul li span {font-size:12px; line-height:13px; color:#ffd600;}
#main_nav ul a{text-decoration:none; display:block; height:100%; width:100%}




#creative_studio{position:fixed; width:100%; top:100px;}
/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#main_container{background-color:#191919; border:1px solid #4e4f4e; border-bottom:1px solid #0c0c0c; padding-bottom:40px; padding-top:100px;}
.paragraph_header{background-image:url(images/main_images/paragraph_header_bg.gif); border-top:1px solid #1f1f1f; height:38px; margin-top:40px; margin-bottom:10px; padding-left:10px;}
.paragraph_header h2{padding-top:2px}


#menu-main-nav-menu{margin-bottom:20px; margin-top:40px;}
#menu-main-nav-menu li{ ; border-top:1px solid #222222; border-bottom:1px solid #101010; height:38px; text-align:center; border-left:2px solid #555555;  font-size:15px }
#menu-main-nav-menu li:hover{ background-color:#161616; border-left:2px solid #fbc90a;}
#menu-main-nav-menu li a{ display:block; padding-top:9px; padding-bottom:8px; color:#aaaaaa;text-decoration:none;}
#menu-main-nav-menu li a:hover, #menu-main-nav-menu li a:active{ display:block; padding-top:9px; padding-bottom:8px; color:#fada33; text-decoration:none;}

#menu-main-nav-menu_img li{border-top:1px solid #222222; border-bottom:1px solid #101010; text-align:center; border-left:2px solid #555555;  font-size:15px; }
#menu-main-nav-menu_img li:hover{ background-color:#161616; border-left:2px solid #fbc90a; font-weight:bold;}
#menu-main-nav-menu_img li a{ display:block; color:#666666;text-decoration:none;}
#menu-main-nav-menu_img li a:hover{ display:block; color:#888888; text-decoration:none;}



#home_banner_cont{height:376px; background-image:url(images/main_images/home_banner_bg_texture.gif); margin-top:10px; width:100%; z-index:999999999999999;}

.home_mid_cont{ display:inline-block; float:left; width:206px; text-align:left;}
.home_mid_cont span{ padding:12px 0px; border-bottom: 1px solid #0f0f0f; display:block; }
.home_mid_cont p{ padding:18px 0px; border-top: 1px solid #2c2c2c; display:block; text-align:left; min-height:180px; }
.home_mid_cont_divide{ display:inline-block; float:left; margin:0px 18px 0px 18px;}

.paragraph_header{background-image:url(images/main_images/paragraph_header_bg.gif); border-top:1px solid #1f1f1f; height:38px; margin-top:40px; margin-bottom:10px;}

.right_menue_embussed{ margin-top:40px;}



/*about us*/
.our_team{min-height:200px;}
#our_team_images img{margin-top:3px; margin-bottom:72px; float:right; width:146px; height:125px;}




/* =7 Form

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F90;}
#contactform ol, #contactform ul { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text{ width:100%; border:1px solid #4b4b4b; margin:5px 0; padding:5px 2px; height:15px; background:#363636;}
#contactform input.mainForm {border:1px solid #4b4b4b; margin:5px 0; padding:5px 2px;  background:#363636; width:100%}

#contactform textarea { width:100%; border:1px solid #4b4b4b; margin:10px 0; padding:2px; background:#363636; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*portfolio images*/
ul.portfolio { background-image:url(http://localhost/roopokar.com/images/main_images/portfolio_bg_1.png); background-repeat:no-repeat; width:230px; height:302px; float:left; margin-left:3px; margin-bottom:5px; }
.fifth   { height:204px; width:220px; background-color:#333; display:block; float:left; margin-left:5px; margin-top:6px;}
.sixth   { height:36px;   width:220px; background-color:#3a3a3a; color:#121212; float:left; margin-left:5px; padding-top:2px;} strong{ font-size:12px; color:#ffffff; line-height:18px; margin-top:8px;}
.seventh { height:24px; width:220px; background-color:#272727; color:#949494; float:left; margin-left:5px; line-height:24px;   } .seventh a{ text-decoration:none; color:#949494;} .seventh a:hover{color:#ffffff;}
.eighth  { height:24px;  width:220px; background-color:#323232; color:#fbc90a; float:left; margin-left:5px; line-height:24px;} .eighth a{ text-decoration:none; color:#fbc90a;} .eighth a:hover{ color:#ffffff;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxportfolio images*xxxxxxxxxxxxxxxxxxxxxxxxx/


/*packages*/
li.web_pack_head{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:26px; color:#d7d7d7; padding:10px 16px ; background-color:#2d2d2d; border-bottom:1px solid #000000; font-weight:bold;}
li.web_pack_head1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#aaaaaa; padding:16px 16px 0px 16px; background-color:#0d0d0d; border-top:1px solid #272827; }
li.web_pack_head2{font-family:Arial, Helvetica, sans-serif;font-size:17px; color:#aaaaaa; padding:0px 0px 0px 16px; background-color:#0d0d0d; border-bottom:1px solid #fbc90a;}


.feature_list{ list-style:square; margin-left:20px; color:#cccccc; font-size:14px; max-width:408px; float:left; }
.feature_list li.first{ background-color:#fbc90a; padding:3px; font-size:26px;; color:#000000; list-style:none; margin-left:-16px; margin-bottom:8px;}

.feature_list1{ list-style:square; margin-left:40px; color:#999999; font-size:16px; width:212px; float:left; background-color:#000000; padding-left:20px; list-style:none; }

.feature_list1 li.first{ background-color:#fbc90a; padding:3px; font-size:26px;; color:#000000; list-style:none; padding-left:16px; margin-left:-20px; margin-bottom:5px; }

/*xxxxxxxxxxxxxxxxxxxxxxxxxportfolio images*xxxxxxxxxxxxxxxxxxxxxxxxx/





/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer_container{background-color:#565756; width:100%; background-image:url(images/main_images/footer_bg.jpg); background-repeat:repeat-x; background-color:#565756; border-top:1px solid #1e1e1e;}
#footer_cont_second{ background-color:#121212; height:200px; border:1px solid #333333; border-top:none; padding-top:20px; font: normal 12px Arial, Helvetica, sans-serif;}
#footer_cont_second.grid_3{height:180px; margin-top:20px; margin-bottom:10px;}
#explore{background-color:#121212; height:100px; border:1px solid #333333; border-top:none;}
#explore h4{margin-left:10px; padding-top:10px; margin-bottom:10px; float:left; display:inline;}
.footer_header{ font-family:Arial, Georgia, Times New Roman, Times, serif; font-size:20px; color:#5f5e5e; padding-bottom:10px; border-bottom: 2px dotted #5f5e5e; margin-bottom:15px; margin-left:12px; margin-top:10px;}
.footer_list{ list-style:square; margin-left:12px; color:#CCCCCC; font-weight:normal;}
.footer_list{ list-style:square; margin-left:12px; color:#CCCCCC; font-weight:normal;}
.footer_list li a{ color:#CCCCCC; text-decoration:none;}
#footer_bottom_nav{float:right; margin-top:14px; font: normal 12px Arial, Helvetica, sans-serif; }
#footer_bottom_nav, #footer_bottom_nav li{display:inline; color:#777777; padding: 0 10px; background-image:url(images/main_images/footer-links-seperator.gif) no-repeat scroll right center transparent; float:right;}
#footer_bottom_nav, #footer_bottom_nav li.first{padding-left:10px;}
#footer_bottom_nav, #footer_bottom_nav li a{color:#fbc90a; text-decoration:none;}
#footer_bottom_nav li a:hover{color:#ffffff; margin-bottom:1px;}
#copyright_p{display:inline; float:right; color:#444444; margin-top:18px; margin-right:18px; font-size:14px; font-weight:normal;}


#menu-main-nav-menu{ margin-top:40px;}

div.post{ margin-top:10px;}
a.post-edit-link{ margin-top:15px; float:right;}
div.postmetadata{ margin-top:5px; margin-bottom:30px; }
.meta, .meta a, div.postmetadata, div.postmetadata a { color:#555555; text-decoration:none; background-color:#333333; padding:5px;}
.wp-post-image{ disply:inline; float:left; margin:2px 10px 10px 0px;}
.entry{ margin-top:10px;}
#commentform p{ display:block; width:209px ; padding:10px; background-color:#202020; float:left;}
a.comments-link{ color:#000000; text-decoration:none;}

#respond h2, a.post-edit-link { display:block; width:209px ; padding:10px; background-color:#252525; text-decoration:none;}

#respond a{ color:#444444; float:left}

#comment{ background-color:#252525; margin-left:10px; width:461px; position:relative; top:-51px; height:84px; border:none; float:left; color:#888888;}
.web-design-bangladesh{ font-size:9px; color:#333; border-top:1px dotted #666; padding-top:5px;}
.web-design-bangladesh a{ color:#333;}