/*   
Theme Name: smriyaz.com
Theme URI: http://smriyaz.com
Description: A theme for the personal design blog
Author: S.M.Riyaz
Author URI: http://smriyaz.com
Version: 0.0.2
Tags: grunge, dirt, monochrome, fixed width, footer, configurable, paper

	smriyaz theme by S.M.Riyaz
	Not for pulic use. Intended to use it in the own site only
	
	
	
*/



/* CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus
{
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
div#preloaded-images
{
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}
/* Original coding begins here   */

body
{
	background:#000;
	font: 75%/1.8em Georgia, "Times New Roman", Times, serif;	/* font:12px/1.8em Georgia, "Times New Roman", Times, serif; */
}
html>body
{
	font-size:12px;
}
#wrapper
{
	width: 1252px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#header
{
	background: url(images/header_bg.jpg) no-repeat;
	height: 264px;
	width: 1252px;
}
#art-area
{
	background: url(images/art_image.jpg) no-repeat;
	float: left;
	height: 255px;
	width: 1252px;
}
#content-area
{
	background: url(images/mid_tile.jpg) repeat-y left top;
	float: left;
	min-height:368px;
	height: auto !important;
	height:368px;
	width: 1252px;
}
#container
{
padding-left:2em;
}
#footer
{
	background: url(images/footerBG.jpg) no-repeat;
	height: 173px;
	width: 1258px;
}
.clear
{
	clear:both;
}
/* wp styles ----------------------------------- */
/* header styles ------*/
div#rss-main
{
	width:134px;
	height:59px;
	position:absolute;
	top:147px;
	right: 100px;
	z-index:3;
}
div#rss-main a, div#rss-main a:visited
{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:59px;
	background:url(images/rss_bg.png) no-repeat;
}
#header h2, {
text-indent:-9999px;
}
#header h1
{
	width:240px;
	height:120px;
	position:absolute;
	top:133px;
	left:220px;
}
#header h1 a, #header h1 a:visited
{
	width:240px;
	height:120px;
	display:block;
	text-indent:-9999px;
}
/*---Search area styles ------------------*/
div#search
{
	position:absolute;
	width:234px;
	height:82px;
	top:520px;
	right:100px;
	background:url(images/search-bg.png) no-repeat;
	padding: 28px 0 28px 20px;
}
div#search #s
{
	background:transparent;
	border:none;
	margin-right:15px;
}
div#search #searchsubmit
{
	background:#70553c;
	border:1px solid #7c6127;
	color:#ccb284;
	height:26px;
	width:67px;
	cursor:pointer;
}
/* page menu styles  ---------*/

ul#menu
{
	width:407px;
	height:50px;
	position:absolute;
	top:57px;
	right:312px;
}
ul#menu li
{
	float:left;
}
ul#menu li a, ul#menu li a:visited
{
	display:block;
	width:90px;
	height:48px;
	color:#999;
	background:url(images/page_link_bg.png) no-repeat;
	margin-top:5px;
	text-align:center;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	padding-top:5px;
}
ul#menu li a:hover
{
	color:#fff;
}

/* Page container styles ----------------*/
div#page
{
	width:660px;
	margin:10px 0 0 187px;
	/*border: 1px dashed #999; */
	padding:10px;
	min-height:550px;
	height:auto !important;
	height:550px;
}
/* side bar styles --------------------------*/
#sidebarContainer
{
	width:211px;
	position:absolute;
	right:145px;
	top:598px;
}
#sidebarTop
{
	width:249px;
	height:20px;
	background:url(images/side_bar_top.jpg) no-repeat;
}
#sidebarBottom
{
	width:249px;
	height:20px;
	background:url(images/side_bar_bottom.jpg) no-repeat;
}
.sidebar
{
	width:249px;
	height:auto;
	background:url(images/side_bar_mid.jpg) repeat-y;
}
.sidebar ul
{
	margin:0 10px 0 12px;
}
#sidebarContainer h2
{
	color:#603913;
	font-size:1.5em;
	text-align:center;
	padding:10px 0 5px 0;
}
#sidebarContainer li
{
	color:#603913;
	text-align:center;
}
#sidebarContainer a, #sidebarContainer a:visited
{
	color:#a8560d;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
}
#sidebarContainer a:hover
{
	color:#422509;
	text-decoration:underline;
}
/*---Calendar styles  ------ */
#sidebarContainer table
{
	text-align:center;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:separate;
	border-spacing:1px;
}
#sidebarContainer td
{
	background:url(images/cal-bg.png) no-repeat;
	-moz-border-radius-bottomleft:.3em;
	-moz-border-radius-bottomright:.3em;
	-moz-border-radius-topleft:.3em;
	-moz-border-radius-topright:.3em;
}

/* WP content styles -------------------------- */

#page h1
{
	color:#1a4357;
	font:2.1em Georgia, "Times New Roman", Times, serif;
	padding:10px 0 0 32px;
	background:url(images/h1_bg.png)no-repeat top left;
	margin-bottom:.2em;
	margin-left:-1.3em;
	/*text-indent: 32px;*/

}
#page h2
{
	color:#333;
	font:1.7em Georgia, "Times New Roman", Times, serif;
	padding:8px 0;
	margin-bottom:.3em;
	
}
#page h3
{
	color:#555;
	margin-bottom:.2em;

/* page link styles are here */	
}
#page a, #page a:visited
{
	color:#1a4357;
	text-decoration:none;
}
#page a:hover
{
	text-decoration:underline;
}

#page a.external:link, 
#page a.external:visited  
{

background:url("images/external-link.gif") no-repeat 100% 2px;
padding: 0 16px 0 0;
}
#page a:link span.external, 
#page a:visited span.external 
{
position:absolute;
left:-5000px;
width:100px;
height:13px;
}

.entry p
{
	color:#333;
	font: 1.16em/1.5em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1.16em;	
}
.entry img
{
padding:3px;
border: 1px solid #ccc;
background:#e9e9e9;
margin:5px 10px 5px 0; 
}

.entry pre
{
padding:20px;
border: 1px dashed #aaa;
background:#e3e3e3;
margin:10px 0 10px 0;
 
}

.entry ol
{
list-style:outside; 
list-style-type:decimal
 
}



.date
{
	width:66px;
	height:60px;
	float:right;
	background:url(images/date_bg.png) no-repeat;
}
.date span
{
	display:block;
	clear:left;
	text-align:center;
	margin-top:-2px;
}
.date .month
{
	color:#efefef;
	font-size:11px;
}
.date .day
{
	color:#fff;
	font-size:24px;
}
.date .year
{
	color:#ccc;
	font-size:10px;
}
.entry
{
	clear:both;
}
/* Download link styles  */

a.psd-link:link,
a.psd-link:visited
{
display:block;
width:194px;
height:74px;
background: url("images/ps-download-btn.png");
text-indent:-9999px;

}

a.ai-link:link,
a.ai-link:visited
{
display:block;
width:194px;
height:74px;
background: url("images/ai-download-btn.png");
text-indent:-9999px;

}





/*  this is where comments styles starts   */
.comments-template
{
	margin: 10px 0 0;
	border-top: 1px dashed #ccc;
	padding: 10px 0 0;
}
.comments-template ol
{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}
.comments-template ol li
{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #ccc;
}
.comments-template h2, .comments-template h3
{
	color:#081213;
	font: 1.7em Georgia, "Times New Roman", Times, serif;
}
.commentmetadata
{
	font-size: 12px;
}
.comments-template p.nocomments
{
	padding: 0;
}
.comments-template textarea
{
	color:#333;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	border: 1px solid #ccc;
	background:#fff;
}
.comments-template textarea:focus
{
	
	background:#f5f5f5;
	border: 1px solid #aaa;
}
#comments
{
	font-size: 1.7em;
	color:#005b7f;
}
#commentform #author, #commentform #email, #commentform #url 
{
	color:#333;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	border: 1px solid #ccc;
	background:#fff;
	
}

#commentform #author:focus, #commentform #email:focus, #commentform #url:focus 
{
	background:#f5f5f5;
	border: 1px solid #aaa;
	
}

/* For top image navigation ---------------------- */

#navigation
{
	height: 240px;
	width: 490px;
	position: relative;
	float: right;
padding-right:260px;
}
ul#nav li
{
	display: inline;
	position: absolute; /**/
	left: 0px;
	top: 16px;
	
}
ul#nav li a, ul#nav li a:visited
{
	text-indent: -9999px;
	color:#CCCC00;
	display: block;
	position:absolute;
}

/*  main navigation image bgs  */
ul#nav li a.aboutme, ul#nav li a.aboutme:visited 
{
	width:112px;
	height: 240px;
	background: url(images/about.png) no-repeat left top;
	top: -22px;
	z-index:0;
}

ul#nav li a.aboutme.current, ul#nav li a.aboutme:hover 
{
	background: url(images/about-hover.png) no-repeat left top;
}

ul#nav li a.portfolio, ul#nav li a.portfolio:visited 
{
	width:136px;
	height: 240px;
	background: url(images/portfolio.png) no-repeat left top;
	left: 73px;
	top: -22px;
	z-index:1;
}

ul#nav li a.portfolio.current, ul#nav li a.portfolio:hover 
{
	background: url(images/portfolio-hover.png) no-repeat left top;
}

ul#nav li a.services, ul#nav li a.services:visited 
{
	
	width:112px;
	height: 240px;
	background: url(images/services.png) no-repeat left top;
	left: 180px;
	top: -22px;
	z-index:2;
}

ul#nav li a.services.current, ul#nav li a.services:hover
{
	background: url(images/services-hover.png) no-repeat left top;
}
ul#nav li a.contacts, ul#nav li a.contacts:visited 
{
	
	width:136px;
	height: 240px;
	background: url(images/contacts.png) no-repeat left top;
	left: 253px;
	top: -22px;
	z-index:3;
}

ul#nav li a.contacts.current, ul#nav li a.contacts:hover
{
	background: url(images/contacts-hover.png) no-repeat left top;
}

ul#nav li a.home, ul#nav li a.home:visited 
{
	
	width:128px;
	height: 240px;
	background: url(images/home.png) no-repeat left top;
	left: 344px;
	top: -22px;
	z-index:4;
}

ul#nav li a.home.current, ul#nav li a.home:hover
{
	background: url(images/home-hover.png) no-repeat left top;
}


/* Top image navigation ends here ------------ */