/*  
Theme Name: Tangradesign

Description: This theme has been writen for www.tangradesign.com All rights reserved.
Version: 1.0
Author: Stela Tasheva
Author URI: http://www.tangradesign.com
*/


body {margin: 0px; border: 0px; background-color:#0C0C0C; background-image:url(images/tangradesign-bckgrnd.jpg); background-position:top; background-repeat:no-repeat; font-family:Verdana, Geneva, sans-serif; font-size: 13px; color:#FFF; line-height: 18px;}
a {color:#CCC; height: 0px;}
hr { border-bottom:dashed 1px #666; background: transperant 1px; }

h1 {}
h2 {}
/*-- h3 index  ---*/
h3 {font-weight: bold; color:#99D0EB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px;}
/*-- h4 - contact ---*/
h4 {font-weight: bold; color:#99D0EB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; margin:0px;}
/*-- h5 - about ---*/
h5 {font-weight: bold; color:#99D0EB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin: 10px 0px 0px 0px;}
strong {color:#FFF557; margin: 0px 5px; letter-spacing: 0.7px;}

#container { width: 980px; position: relative; margin:0px auto; }

#header {
	width: 980px;
	height:200px;
	position: relative;
	margin: 0px;
}
.menu {margin: 0px; position: relative; float: left; height: 50px; width: 1000px;}
.menu ul {list-style: none;}
.menu ul li {display: inline; padding: 10px;}
.menu ul li:hover { background-color:#333; border-radius: 3px; height: 50px;}
.menu ul li a {font-size: 12px; color:#fff; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-decoration: none; height: 50px; }
.menu ul li a:hover {background-color:#333; border-radius: 3px; height: 50px; }

.logo {position: relative; float:left; margin:0px; border: 0px; width:1000px; height: 100px;}
.logo img {float:left; border: 0px;}


.sub_menu { width: 950px; height:50px; float:left; margin:0px; }
.sub_menu ul {margin: 0px; list-style: none; float: right;}
.sub_menu ul li {display:inline; padding:0px 5px; line-height: 40px;}
.sub_menu ul li a {font-size: 12px; font-weight: bold; text-decoration:none; }
.sub_menu ul li.title { font-size: 17px; font-weight: bold; color:#FFF; float: left; width: 750px;  }

#wrapper {
	width: 980px;
	margin: 0px auto;
}

/* ----------- index page ---------- */
.feature {position:relative; float:left; height: 250px; width: 500px; }
.welcome {position:relative; float:left; height: 230px; width: 430px;  padding: 10px 20px; }
.button {
	position:absolute;
	top:440px;
	width: 300px;
	height: 50px;
	left: 600px;
}
.button a {color: #FF3;}
.index_info {position:relative; float: left; width: 580px; margin: 20px 10px 10px 0px; }
.tagcloud {position:relative; float:left; width: 350px; margin: 40px 20px 10px 10px;  }

/* ----------- about page ---------- */
.profile_img {
	position: reltive;
	float:left;
	width:230px;
	height:200px;
	margin:10px;
}
.about_1 {
	position: relative;
	float:left;
	width: 700px;
	margin:10px;
	height: 200px;
}
.about_2 {
	position: relative;
	float:left;
	width: 450px;
	margin:10px 10px 10px 15px;
}
.about_3 {position: relative; float:left; width: 460px; margin:10px 10px 10px 15px; }
.about_folder {position:absolute; top:85px; left:576px;}

/* ----------- services page ---------- */
.services_1 {
	position: relative;
	float:left;
	width: 240px;
	height:300px;
	margin:10px 10px 10px 15px;
}
.services_1 ul {list-style: square;}
.services_1 ul li {line-height: 17px; margin-bottom: 5px;}
.services_1 ul li a {font-weight: bold; color:#FFF5A6; font-size: 13px; text-decoration: none; }

.services_2 {
	position: relative;
	float:left;
	width: 330px;
	height:300px;
	margin:10px 10px 10px 10px;
}
.services_2 ul {list-style: square;}
.services_2 ul li {line-height: 17px; margin-bottom: 5px;}
.services_2 ul li a {font-weight: bold; color:#FFF5A6; font-size: 13px; text-decoration: none; }

.services_3 {
	position: relative;
	float:left;
	width: 330px;
	height:300px;
	margin:10px 10px 10px 10px;
}
.services_3 ul {list-style: square;}
.services_3 ul li {line-height: 17px; margin-bottom: 5px;}
.services_3 ul li a {font-weight: bold; color:#FFF5A6; font-size: 13px; text-decoration: none; }

.services_4 {position: relative; float:left; width: 500px; height:200px;margin:10px 10px 10px 15px; }
.services_button img {border: 0px;}
.services_button {position: absolute; float:left; top: 550px; left: 574px; }
.services {position: absolute;  top: 184px; left: 0px; }
.services img {border: 0px;}


/* ----------- portfolio page ---------- */
.categories {
	margin: 0px 10px 30px 27px;
	height: 40px;
	line-height: 40px;
}
.categories ul {
	list-style:none;
	display:inline;
}
.categories ul li {
	display: inline;
	background-color: #0E0E0E;
	padding: 10px 10px;
	border: #333 dotted 1px;
}
.categories ul li:hover {
	display: inline;
	background-color: #181818;
	padding: 10px 10px;
	border: #666 dotted 1px;
}
.categories ul li a {
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	font-size: 12px;
}
.post {
	float: left;
	margin:10px 15px 30px 10px;
	width: 460px;
	height: 240px;
}
.post span {
	color:#C0C0C0;
	margin: 0px 10px 0px 0;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}
.post table {
	list-style: square;
	margin-bottom: 20px;
}
.post table tr td {
	line-height: 15px;
	background-color: #0E0E0E;
	border-bottom: 1px #333 dotted;
	vertical-align: text-top;
}
.post table tr td a {font-weight: bold; color:#FFF5A6; font-size: 13px; text-decoration: none; }

.portfolio_image {
	background-color:#1b1b1b;
	position:relative;
	height: 205px;
	width: 425px;
	margin: 10px 0 10px 10px;
}

.portfolio_image img {
	height: 200px;
	width: 420px;
	border-color:#000;
}

.portfolio_title a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight: bold;
	font-style:italic;
	margin:0 0 30px 20px;
	color:#99D0EB;
}

.post-inner {
	float: left;
	margin:10px 0px 30px 10px;
	width: 960px;
	
}
.post-inner span {
	color:#C0C0C0;
	margin: 0px 10px 0px 0;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}
.post-inner table {
	float: right;
	margin-bottom: 20px;
}
.post-inner table tr td {
	line-height: 15px;
	background-color: #0E0E0E;
	border-bottom: 1px #333 dotted;
	vertical-align: text-top;
}
.post-inner table tr td a {font-weight: bold; color:#FFF5A6; font-size: 13px; text-decoration: none; }

.post-inner p {width:430px; float:left; }
	
.navigation {float: left; margin-bottom:30px;}
.alignleft {width: 400px; float: left;}
.alignright {width:400px; float: right; text-align:right;}


/* ----------- contacts page ---------- */
.contact_form {
	float: left;
	position:relative;
	height: 520px;
	width: 570px;
	margin: 10px 0px;
}
.contact_form ul {margin:0px; list-style:none;}
.contact_form ul li {padding-bottom: 5px;}
.contact_form ul li.title {padding-bottom: 15px;}

.contact_info {
	float: left;
	position:relative;
	width: 250px;
	margin: 10px 5px;
}
.contact_info td {vertical-align:top;}
.contact_info td span {font-weight: bold;}
.contact_img {position:absolute; top: 479px; left: 700px;}
.contact_post_stamp {
	position:absolute;
	top: 428px;
	left: 337px;
}
.contact_stamp {position:absolute; top: 0px; left: 680px;}

/* ----------- footer ---------- */
#footer {float: left; margin: 10px; width: 980px;}
#footer ul {margin: 10px; list-style:none; text-align:center; width:980px; float: right;}
#footer ul li {display:inline; padding: 0px 5px;}
#footer ul li.right {font-size: 9px;}
#footer ul li.right a {font-size: 9px; text-decoration:none;}
#footer ul li a {font-weight: bold; font-size: 10px; text-decoration:none;}