/*  
Theme Name: OD v 3.0
Theme URI: www.omardesign.info
Description: Custom WP Theme Design.
Version: 3.0
Author: Tamim Omar
Author URI: www.omardesign.info
*/

/* GENERAL STYLES */

html, body, #wrap {height: 100%}
body > #wrap {height: auto; min-height: 100%;}




body {
	margin:0 auto;
	display:block;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cecece;
	height: 100%;
	
}


a:link {
	color: #FF0878;
	text-decoration:none;
}
a:visited {
	color: #FF2889;
}
a:hover {
	color: #FF0878;
	text-decoration:underline;
}
a:active {
	color: #FF2889;
}
h1 {
	font-size: 18px;
	color: #FFFFFF;
}
h2 {
	font-size: 16pt;
	color: #FFFFFF;
}
h3 {
	font-size: 14pt;
	color: #FFFFFF;
}
h4 {
	font-size: 12pt;
	color: #FFFFFF;
}

img{
	border:0px;}
	
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

p {
	margin-bottom:20px;
	margin-top:0px;
}

#paper_peel {
	width:69px;
	height:86px;
	background:url(images/paperjet_page_peel.png) no-repeat top left;
	position:absolute;
	left:0px;
	z-index:5;
}

#breadcrumb {
	width:109px;
	height:165px;
	background:url(images/paperjet_breadcrumb.png) no-repeat top left;
	position:absolute;
	left:-8px;
	top:164px;
	visibility:visible;
	
}

#breadcrumb_text {
	width:80px;
	text-align:center;
	font-family:Arial;
	color:#000;
	font-size:9px;
	position:relative;
	float:right;
	margin-top:12px;
	text-transform:uppercase;
	
}

#right_side {
	width:29px;
	height:170px;
	background:url(images/paperjet_right_side.png) no-repeat top left;
	position:absolute;
	bottom:512px;
	#bottom:312px;
	left:901px;
	z-index:1;
}



#wrap {
	margin:0 auto;
	display: block;
	width: 1000px;
	overflow:hidden;
	background:url(images/paperjet_bg_sides_repeat.png) repeat-y top center;
	position:relative;
	
}

#main_block {
	margin:0 auto;
	width: 800px;
	height:100%;
	position:relative;
	display:inline-block;
	clear:both;
	padding-bottom:260px;
	left:101px;
	#left:0px;
}

.transparency{
	filter:alpha(opacity=70); /* for IE */
	-ms-filter:"alpha(opacity=70)"; /* IE8 */
	opacity:0.7; /* CSS3 standard */
    background-color:#000000;   
    width:800px;   
    height:100%;   
    position:absolute;   
    top:0px;   
    left:101px;   
    z-index:-2; 
	
	
	 
}

clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {
	display: inline-block;/* Hides from IE-mac \*/
} 

* html .clearfix { 
	height: 1%;
}
	
.clearfix {
	display: block;/* End hide from IE-mac */
} 

/* HEADER STYLES */
#header {
	margin:0 auto;
	display: block;
	height: 195px;
	width: 794px;
	position:relative;
}

#header_top {
	margin:0 auto;
	display: block;
	height: 105px;
	width: 794px;
	background:url(images/paperjet_top.jpg) no-repeat top center;
}

#logo {
	display: block;
	float:left;
	height: 79px;
	width: 390px;
	margin-top:12px;
	margin-left:26px;
}

#header_top_right {
	display: block;
	float:left;
	height: 79px;
	margin-top:0px;
	top:0px;
	width:300px;
}

#description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	float:left;
	margin-top:12px;
	margin-left:40px;
	color:#505050;
	font-weight:bold;
}

#rss {
	float:right;
	margin-top:40px;
	margin-right:20px;
	color:#505050;
	font-weight:bold;
}

#top_flash {
	margin-top:2px;
	background-color:#000000;
}

/* Top menu STYLES */


#top_menu {
	margin-top:20px;
	text-align:left;
	display: block;
	width:310px;
	float:left;
	clear:both;
	margin-left:-10px;
	
}

#top_menu ul {
	float:left;
	list-style:none;
	margin:0px;
	text-align:left;
	padding-left:0px;
	}

#top_menu ul li{
	float:left;
	list-style:none;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}



#top_menu ul li a:link, #top_menu ul li a:active, #top_menu ul li a:visited{
	color:#FFFFFF;
	display:block;
	font-size:12px;
	padding-right:8px;
	padding-left:6px;
	font-weight:normal;
	background: url(images/paperjet_top_vert.jpg) no-repeat top right;
	text-decoration:none;

}

#top_menu ul li a:hover{
	color:#FF0878;
	display:block;
	text-decoration:none;
}

.current_page_item a{
cursor:default;
	color:#FF0878!important;
}

a[title="Contact"] {
	background:none!important;
	background-position:0 6px!important;
	padding-right:0px!important;
}

a[title="Latest posts"] {
	padding-left:0px!important;
}

/* Content STYLES */

#content_title_main {
	margin-top:20px;
	background-color:#000000;
	padding:12px 28px 14px 28px;
}

#content_title{
	color:#FFFFFF;
	font-size:22px;
	text-transform:uppercase;
}

#content_title_main_page {
	vertical-align:middle;
	margin-top:20px;
	background-color:#000000;
	padding:22px 28px 22px 28px;
}

#content_title_page{
	vertical-align:middle;
	margin-bottom:0px;
	color:#FFFFFF;
	font-size:22px;
	text-transform:uppercase;
}

#content_title_page_archive{
	vertical-align:middle;
	margin-bottom:0px;
	color:#FFFFFF;
	font-size:22px;
}



.arrow{
font-size:14px;
}

#content_title_date_cat{
color:#FFFFFF;
font-size:12px;
padding-top:4px;
padding-left:27px;
}

#content {
	margin:0 auto;
	display:block;
	padding:20px 10px 0 22px;
	position:relative;
	
}

#content_mar {
	margin:0 auto;
	display:block;
	padding:28px 28px 0 28px;
	position:relative;
	
}


#content_aria {
	width:285px; 
	float:left
}

#content_aria_ref {
	width:285px; 
	float:left;
	border:1px solid #000;
}

#the_content {
	float:left;  
	width:454px;
	text-align:justify;
	line-height:1.8;
	border-bottom:2px solid #000;
}

#the_content_full {
	float:left;  
	text-align:justify;
	line-height:1.8;
	border-bottom:2px solid #000;
}

#the_content_about {
	float:left;  
	width:454px;
	text-align:justify;
	line-height:1.8;
}

#the_content_contact{
	float:right;  
	width:364px;
	text-align:justify;
	line-height:1.2;
}

#the_comments{
	margin-top:0px;
	padding-top:0px;
	float:right;  
	width:458px;
	
}

#the_comments_ref{
	margin:0 auto;
	float:left;  
	width:100%;
	
}

.post_full{
	width:247px;
	float:left;
	margin:0 8px 10px 0;
	#margin:0 8px 0 0;
	height:284px;
	position:relative;
	
}

.post_full_single{
	width:247px;
	float:left;
	margin:0 8px 10px 0;
	#margin:0 8px 0 0;
	position:relative;
	
}

.single{
	#padding:0 8px 10px 0;
}

.thumb img{
	border:1px solid #000;
}


.post_info{
	width:247px;
	height:50px;
	color:#8E8E8E;
	padding-left:7px; 
	padding-top:6px;
	padding-bottom:7px;
	#padding:0px;
	font-size:10px;

}

.post_name		{display:block; clear:both; #padding-left:7px; #padding-top:6px;}
.post_date		{display:block; clear:both; #padding-left:7px;}
.post_comments  {
				 display:block; 
				 clear:both; 
				 #padding-left:7px;
				 color:#B30856;
				}

.post_comments a{
	color:#B30856;
	text-decoration:none;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	
	}
	
.post_comments a:hover{
	color:#B30856;
	text-decoration:underline;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	}


#main_block .post_transparency{
	filter:alpha(opacity=30); /* for IE */
	-ms-filter:"alpha(opacity=30)"; /* IE8 */
	opacity:0.3; /* CSS3 standard */
    background-color:#000000;   
	width:247px;
	height:50px;
    position:absolute;   
    top:234px;   
    left:0px;   
    z-index:-1; 
}
/* FOOTER STYLES */
#footer {
	margin:0 auto;
	position: relative;
	margin-top:-220px; /* negative value of footer height */
	height: 220px;
	#margin-top:-250px; /* negative value of footer height */
	#height: 245px;
	clear:both;
	display: block;
	width: 1000px;
} 

#footer_strip {
	#margin-top:20px;
	height:50px;
	background: url(images/paperjet_footer.png) no-repeat top center;
}

#prev_next{
	font-size:12px;
	color:#FF65B0;
	margin:0 auto;
	padding-top:15px;
	width:770px;
}

#prev_post{
	float:left;
}

#next_post{
	float:right;
}

#prev_post a, #next_post a{
	font-size:12px;
	text-decoration:none;
	float:left;
	color:#FFFFFF;
}

#prev_post a:hover, #next_post a:hover{
	font-size:12px;
	text-decoration:underline;
	float:left;
	color:#FFFFFF;
}

#footer_widgets{
	font-family:Arial;
	background: url(images/paperjet_footer_fade.png) no-repeat top left;
	color:#FF65B0;
	margin:0 auto;
	padding-top:0px;
	width:770px;
	height:50%;
}

.left_float{
	font-family:Arial;
	width:180px;
	padding-right:10px;
	float:left;
}

.left_float h3{
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:25px;
}

.left_float ul{
	margin-left:0px;
	padding-left:0px;
}

.left_float ul li{
	margin-left:0px;
	padding-left:0px;
	padding-bottom:5px;
	list-style:none;
}


.left_float ul li a{
	color:#ABABAB;
	text-decoration:none;
	font-size:11px;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
}

.left_float ul li a:hover{
	color:#FF0878;
	text-decoration:underline;
	font-size:11px;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
}

#showcase{
	margin-top:-177px;
	padding-top:10px;
	float:left;
	font-size:10px;
	margin-left:350px;
	}
	

#showcase h3{
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;}

#showcase a{
	text-decoration:none;
	font-size:12px;
	font-weight:normal;}
	
#showcase a:hover{
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;}

#disclaimer{
	padding-top:25px;
	line-height:18px;
	color:#ABABAB;
	font-family:Arial;
	font-size:10px}


/* Comment STYLES */

#comment_contact{
	width:364px;
	height:268px;
	#height:278px;
	float:left;
}

#comments-form{
	width:206px;
	padding:10px;
	border:10px solid #000000;
	clear:both;
	position:relative;
	#padding-bottom:0px;
}
element.style{
display: none;
}

#comments-form-contact{
	height:268px;
	#height:278px;
	width:294px;
	padding:25px;
	border:10px solid #000000;
	clear:both;
	position:relative;
	#padding-bottom:0px;
}

#comments-transparent{
	background-color:#000000;
	height:100%;
	width:100%;
	z-index:-1;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=30); /* for IE */
	-ms-filter:"alpha(opacity=30)"; /* IE8 */
	opacity:0.3; /* CSS3 standard */
	}

.box{
	width:208px;
	border:0px;
	height:17px;
	margin-bottom:0px;
	
	}
	
.box_contact{
	width:294px;
	border:0px;
	height:17px;
	margin-bottom:0px;
	
}


#comments-form h2{
	margin-top:0px;
	font-weight:normal;
	font-size:14px;
	margin-bottom:30px;
}

#comments-form-contact h2{
	margin-top:0px;
	font-weight:normal;
	font-size:14px;
	margin-bottom:30px;
}


.form_items{
	margin-top:0px; 
	margin-bottom:0px; 
	color:#FFFFFF; 
	padding-bottom:2px;
	padding-top:0px;
	margin-bottom:4px;
}

#the_comments h2 {
	padding-top:20px;
	#padding-top:0px;
	margin-top:0px;
	font-weight:normal;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:15px
}

.text_button {
   border: none;
   background-color: transparent;
   padding: 0;
   cursor:pointer;
   text-decoration: none; 
   color: #FF0878;  
}

#comment{
	height:50px;
}


#the_comments ul{

	padding-left:0px;
	margin-left:0px;
	list-style:none;
}

#the_comments ul li{
	padding:10px;
	margin-left:0px;
	margin-bottom:14px;
	list-style:none;
	position:relative;
}

#comments_trans_text{
	background-color:#000000;
	height:100%;
	width:100%;
	z-index:-1;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=30); /* for IE */
	-ms-filter:"alpha(opacity=30)"; /* IE8 */
	opacity:0.3; /* CSS3 standard */
	
	}

#comments li {
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:20px
}

.comment-meta{
	margin-bottom:0px;
	padding-bottom:0px;
}

.comment-text p{
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:1.8;

}

.comment-text-ref p{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	line-height:1.8;

}


