/* @override http://www.design-gifts.com/blog/wp-content/themes/design%20n%20gifts/style.css */

/*
Theme Name: Design 'n' Gifts
Description: Corporate Theme of Design 'n' Gifts
Version: 2
Author: Hector Lee
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('style/css/type/Chunkfive.eot');
	src: local('ChunkFive'), local('ChunkFive'), url('style/css/type/Chunkfive.woff') format('woff'), url('style/css/type/Chunkfive.ttf') format('truetype'), url('Chunkfive.svg#ChunkFive') format('svg');
}

h1, h2, h3, h5, h5, h6 { font-weight:normal; font: normal 14px Helvetica, Verdana; } 

  * { margin:0; padding:0; }
/*common*/

p, li {
font-size:12px;
line-height:22px;
}
p {
	margin-bottom: 22px;
}
body {
	background:#fff url(img/header_bg.jpg) repeat-x 0 0;
	font-family:Verdana;
	color: #666;	
}
a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #333;
}
a:active {
	color: #666;
	text-decoration:none;
}
#container {
	width:960px;
	margin:0 auto;
}
#header {
	position:relative;
	height:372px;
	width:960px;
}
#header h1 {
	display:block;
	float:left;
	width:210px;
	height:225px;
	background:url(img/logo.jpg) no-repeat 0 0;
	text-indent:-1000px;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
}
#header h2 {
	display:block;
	width:340px;
	height:90px;
	background:url(img/slogan.jpg) no-repeat 0 0;
	text-indent:-1000px;
	position: absolute;
	top:225px;
	left:0;
}
#blogtitle {
	display:block;
	background:url(img/blogtitle.png) no-repeat 0 0;
	position:absolute;
	top:155px;
	right:0px;
	width:465px;
	height:205px;
	text-indent:-10000px;
}
#blogtitle a {
	display:block;
	width:100%;
	height:100%;
}
#navbar {
	display:block;
	float:right;
	width:696px;
	height:50px;
	background:url(img/menu.jpg) no-repeat 0 0;
	list-style:none;
	margin:57px 0;
}
#navbar li {
	display:block;
	float:left;
	height:50px;
	text-indent:-10000px
}
#services {
	width:97px;
}
#catalog {
	width:73px;
}
#aboutus {
	width:77px;
}
#subscribe {
	width:449px;
}
#header ul li a {
	display:block;
	width:100%;
	height:100%;
}
#services a:hover {
	background:url(img/menu.jpg) no-repeat 0 -50px;
}
#catalog a:hover {
	background:url(img/menu.jpg) no-repeat -97px -50px;
}
#aboutus a:hover {
	background:url(img/menu.jpg) no-repeat -170px -50px;
}
#subscribe a:hover {
	background:url(img/menu.jpg) no-repeat -247px -50px;
}

/*post*/

.post {
	margin-bottom:50px;
	padding-right:20px;
}

.post h2 {
	font-size: 36px;
	margin-bottom:2px;
	color: rgb(188, 208, 2);
	font-family: ChunkFiveRegular, Tahoma, Arial, Sans-serif;
}

.post h2 a:link {
	color: #555;
	text-decoration:none;
	color: rgb(188, 208, 2);
	font-family: ChunkFiveRegular, Tahoma, Arial, Sans-serif;
}

.post h2 a:active {
	color: #555;
	text-decoration:none;
	color: rgb(188, 208, 2);
	font-family: ChunkFiveRegular, Tahoma, Arial, Sans-serif;
}

.post h2 a:visited {
	color: #555;
	text-decoration:none;
	color: rgb(188, 208, 2);
	font-family: ChunkFiveRegular, Tahoma, Arial, Sans-serif;
}

.date{
	font-style: oblique;
	margin-bottom: 10px;
}

.post li {
	list-style-type:circle;
}

.post a:link {
	color:rgb(191, 2, 34);
}
li.morelink a {
	color:rgb(191, 2, 34);
	line-height: 100px;
}

/*content*/

#content {
	position:relative;
	width:600px;
	float:left;
	margin-left:20px;
	margin-top: 20px;
}

#sidebar {
	float:right;
	padding:10px;
	width:270px;
	border:1px solid;
	border-color:#CCC;
	margin-right:10px;
	margin-top: 30px;
}

#sidebar h2 {
	color: #000;
	font-size: 16px;
	line-height: 30px;
	font-variant: small-caps;
}


/*single.php*/

.singlecontent {
	width:600px;
	float:left;
	margin-left:20px;
}

/*comments*/
.archive {
	margin-top:10px;
	margin-bottom:30px;
}
.archive h3 {
	font-size:36px;
}
/*search*/
#searchcontent {
	width:600px;
	min-height:375px;
	float:left;
	margin-left:20px;
}

#searchsubmit {
	line-height: 15px;
	border-style: solid;
	border-color: #696969;
	width: 90px;
}

/*comments*/
#respond {
	margin-top:50px;
}
textarea, input {
	font-size:12px;
	padding:5px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
textarea:focus, input:focus {
	border: 1px solid #666;
}	
/*footer*/

#footer {
	clear:both;
	background-color:#f0f0f0;
	height:70px;
	padding:5px 0 0 0;
}
#footer li {
	font-size:12px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}
#footerlayout {
	width:960px;
	margin:0 auto;
}
#footerdetails {
	float:left;
	width:250px;
}
#contacticon {
	float:left;
}
#contactdetails li {
	line-height:25px;
	list-style-type:none;
}
#sitemaplist1 {
	position:relative;
	left:52%;
	float:left;
	list-style-type:none;
	font-size:small;
}
#sitemaplist2 {
	position:relative;
	left:55%;
	float:left;
	list-style-type:none;
	font-size:small;
}
#socialicon{
	float:right;
	display:block;
	width:45px;
	height:21px;
	background:url(img/socialicon.jpg) no-repeat 0 0;
	margin-top:15px;
}
#socialicon li {
	display:block;
	float:left;
	height:21px;
	text-indent:-10000px;
	list-style-type:none;
}
#socialicon li a{
	display:block;
	width:100%;
	height:100%;
}
#socialfacebook {
	width:22px;
}
#sociallinkedin {
	width:23px;
}
/* #socialtwitter {
	width:21px;
}
*/
.wp-pagenavi {
        font-size:12px;
        margin-bottom:20px;
        text-shadow: 1px 1px 1px #AAA;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CADF00;
	color: #FFFFFF;
	background-color: #CADF00;	
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CADF00;
	color: #FFFFFF;
	background-color: #CADF00;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #CADF00;
	color: #FFFFFF;
	background-color: #CADF00;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CADF00;
	color: #FFFFFF;
	background-color: #CADF00;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
	border: 1px solid #CADF00;
	background-color: #CADF00;
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #CADF00;
	color: #CADF00;
	background-color: #FFFFFF;
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #CADF00;
	color: #FFFFFF;
	background-color: #CADF00;
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}