@charset "utf-8";
@import url("reset.css");

body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

/* header elements ----------------------- */
#header {
	position: fixed;
	top: 0px; 
	left: 0px;
	margin-top: 10px;
	padding: 20px 0 20px 30px;
	width: 100%;
	height: 64px;
	line-height: 18px;
	font-size: 10px;
	background: url("../imgs/white-trans.png");
	z-index: 50;
	}
	
#header ul { list-style: none; position: relative; top: -6px; }	
#header ul li.current-cat, #header ul li.current-cat-parent, #header ul li.current_page_item { text-decoration: line-through; }
#nav { width: 800px; }
#global-nav, #local-nav { float: left; margin-right: 75px;}
#links-nav { float: left; }

#global-nav a { color: #333333; text-decoration: none; }	/* properties of links in main navigation */
#global-nav a:hover { text-decoration: line-through; }		/* properties of links in main navigation when hovered */

#local-nav a { color: #666666; text-decoration: none; }		/* properties of links in local nav */
#local-nav a:hover { text-decoration: line-through; }		/* properties of links in local nav when hovered */

#links-nav a { color: #999999; text-decoration: none; }		/* properties of other links in navigation */
#links-nav a:hover { text-decoration: line-through; }		/* properties of other links in navigation when hovered */


/* content elements ---------------------- */
#front-content { clear: both; position: relative; top: 120px; padding: 0 0 0 30px; }
#content { clear: both; position: relative; top: 120px; padding: 0 0 0 30px; }

p { margin-bottom: 20px; font-size: 10px; }

/* thumbnails */
.thumbnails { padding-bottom: 50px; }
.thumbnails ul { list-style: none; } 				
.thumb { float: left; height: 145px; margin: 5px 5px 0 0; background-position:0 0; }
.thumb a { display: block; height: 145px; text-decoration: none; outline: none; background-position: 0 0; }
.thumb a:hover { background-position: 0 -145px; }
.thumb a:visited { background-position: 0 -290px; }

	/* single portfolio item elements ---- */

	#project-desc {
		float: left;
		position: fixed;
		top: 135px;
		left: 30px;
		padding-right: 15px;
		width: 300px;
		z-index: 51;
		}
		
	#project-imgs {
		padding: 19px 0 20px 350px;
		width: 715px;
		color: #333333;
		font-size: 10px; 
		}

	#project-desc p, #project-imgs p { color: #333333; }
	#project-desc a { color: #ff3333; text-decoration: none; } 
	#project-desc a:hover { text-decoration: line-through; }
	
	#project-imgs { margin-bottom: 30px; }
	#project-imgs img { margin-bottom: 5px; }
	#project-imgs p a { font-size: 10px; color: #333333; text-decoration: none; }
	#project-imgs p a:hover { text-decoration: underline; }
	.cycle-nav { position: relative; top: -3px; margin-bottom: 10px; height: 14px; }
	.pics { position: relative; top: -7px; }

	.cycle-overlapnav { position: relative; top: -5px; width: 715px; height: 500px; z-index: 99; }
	.cycle-overlapnav span.cycle-left { float: left; width: 357px; height: 500px; }
	.cycle-overlapnav span.cycle-right { float: right; width: 357px; height: 500px; }
	.cycle-overlapnav span.cycle-left a,
	.cycle-overlapnav span.cycle-right a { display: block; width: 357px; height: 500px; text-decoration: none; outline: none; }
	.cycle-overlapnav span.cycle-left a:hover,
	.cycle-overlapnav span.cycle-right a:hover { text-decoration: none; }

	/* pages elements ------------- */
	
	textarea,input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 10px; }
	
	.category-news {
		margin-bottom: 25px;
		}
		
	#page-content {
		padding: 21px 0 20px 350px;
		position: relative;
		width: 555px;
		color: #333333;
		}

	#info-sidebar {
		float: left;
		position: relative;
		top: 20px; 
		left: 30px;
		margin-bottom: 75px;
		padding-right: 15px;
		width: 300px;
		z-index: 90;
		}

	#page-sidebar {
		float: left;
		position: fixed;
		top: 140px; 
		left: 30px;
		margin-bottom: 75px;
		padding-right: 15px;
		width: 300px;
		z-index:51;
		}
	li.current-cat { text-decoration: line-through; }
		
	#info-sidebar ul,
	#page-sidebar ul { list-style: none; line-height: 12px; }

	#info-sidebar ul li,
	#page-sidebar ul li { margin-bottom: 5px; }

	#info-sidebar ul li a,
	#page-sidebar ul li a { font-size: 10px; text-decoration: none; color: #000000;}

	#info-sidebar ul li a:hover,
	#page-sidebar ul li a:hover { text-decoration: line-through; }

	#info-sidebar ul.blogroll,
	#page-sidebar ul.blogroll { list-style: none; }

	#info-sidebar ul.blogroll li,
	#page-sidebar ul.blogroll li { margin-bottom: 0px; }
	
	/* search form elements ---------*/
	input#s {
		float: left;
		padding: 5px;
		width: 133px;
		height: 10px;
		border: 1px solid #414142;
		color: #a8a8a9;
		}
		
	input#searchsubmit {
		position: relative;
		left: -1px;
		height: 22px;
		width: 22px;
		background: url("../imgs/magnify.jpg") no-repeat;
		border: 1px solid #414142;
		color: #a8a8a9;
		outline: none;
		}
		
	/* posts properties */
	.post { margin-bottom: 30px; }
	.post a { color: #ff3333; text-decoration: none;}
	.post a:hover { text-decoration: line-through; }
	.post img { margin-bottom: 5px;}
	
	/* display comments */
	ul.commentlist { list-style: none; }
	ul.commentlist a { color: #ff3333; text-decoration: none; }
	ul.commentlist a:hover { text-decoration: line-through; }
	
	.commentuser{ font-size: 10px; color: #a7a9ac;}
	.commentuser span { color: #000000; }
	
	/* comment form */
	textarea#comment {
		margin-bottom: 5px;
		padding: 5px;
		width: 223px;
		height: 27px;
		border: 1px solid #414142;
		color: #a8a8a9;
		}
		
	input.commentinput {
		margin-bottom: 5px;
		padding: 3px;
		width: 227px;
		height: 10px;
		border: 1px solid #414142;
		color: #a8a8a9;
		}
		
	input#submit {
		width: 60px;
		height: 20px;
		background: #414142;
		border: 1px solid #414142;
		color: #ffffff;
		}
		
	/* contact page */
	.contact-sidebar a { color: #ff3333; text-decoration: none; }
	.contact-sidebar a:hover { text-decoration: line-through; }
	
	.linklove {display: none;}
	.reqtxt, .emailreqtxt { visibility: hidden; }
	
	ol.cf-ol,
	ol.cf-ol li{
		list-style: none;
		}
	
	.cform textarea { 
		width: 235px;
		height: 145px;
		padding: 3px;
		border: 1px solid #414142;
		color: #a8a8a9;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		font-size: 10px;
		}
		
	.cform input {
		padding: 3px;
		width: 235px;
		height: 10px;
		border: 1px solid #414142;
		color: #a8a8a9;
		}
		
	.cform input:focus,	.cform textarea:focus, .cform select:focus { color: #000000; }
		
	.cform input.sendbutton {
		position: relative;
		top: -20px;
		width: 60px;
		height: 20px;
		background: #414142;
		border: 1px solid #414142;
		color: #ffffff;
		}
		
	.cf_li_text_err,
	div.success,
	div.failure,
	div.waiting {
		font-size: 12px;
		}

	.cf_li_text_err { color: #ff3333; }
	div.success { color: #3d7816; }
	div.failure { display: none; }
		
	

/* footer -------------------------------- */
#footer {
	position: fixed;
	bottom: 0px; 
	left: 0px;
	width: 100%;
	height: 40px;
	font-size: 10px;
	background: url("../imgs/white-trans.png");
	z-index: 50;
	font-size: 10px;
	}
	
#footer-nav {
	float: left;
	margin-right: 5px;
	padding-right: 15px;
	width: 330px;
	}	
	
#footer-nav a { color: #000000; text-decoration: none; }

#footer-nav ul { margin-left: 30px; }
#footer-nav ul li#prev-proj { float: left; padding-left: 10px; width: 145px; list-style-type: none; background: url("../imgs/footer-prev.png") no-repeat; }
#footer-nav ul li#next-proj { float: left; padding: 0 10px 0 10px; list-style-type: none; background: url("../imgs/footer-next.png") right no-repeat; }

#copyright {
	float: left;
	width: 400px;
	text-transform: uppercase;
	color: #999999;
	 }

/* headers ------------------------------- */

h1 a {		/* your <h1> acts as your top left logo. this is done for SEO purposes. */
	display: block;
	float: left;
	margin-right: 165px;
	width: 155px;
	height: 64px;
	background: url("../imgs/payam.png") no-repeat;
	text-decoration: none;
	outline: none;
	}
	
h2 { font-size: 12px; font-weight: bold; }
h2.news-title { font-size: 24px; position: relative; top: -8px; }
h2.news-title a { color: #000000; text-decoration: none;}
h2.news-title a:hover {text-decoration: none;}


h3 { font-size: 12px; font-weight: bold; }
h3.underline { border-bottom: 1px solid #d1d3d4; }	


	

/* miscellaneous elements ----------------- */

hr.pagehr { margin: 120px 0 0 30px; width: 96%; height: 1px; color: #999999; background-color: #999999; border: 0; }
hr.footerhr { margin: 0 0 5px 30px; width: 96%; height: 1px; color: #999999; background-color: #999999; border: 0; }
hr.newshr { height: 1px; color: #A7A9AC; background-color: #A7A9AC; border: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
var { visibility: hidden; }		/* this hides anything in <var> tags */
.push-left { position: relative; left: -10px; }