/*

Theme Name: Art Photo

Theme URI: http://test.qualitywordpress.com/?preview_theme=art-photo

Description: Art Photo is a creative magazine that works well for anyone looking for a unique creative blog design.

Version: 1.0

Author: qualitywordpress

Author URI: http://qualitywordpress.com

*/







/* General */



body {

	margin: 0;

	background: url("images/bg.jpg");

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: -42px auto 0 auto;

	width: 895px;

	background: url("images/page.gif") repeat-y;

}



#page-top {

	width: 895px;

	background: url("images/page_top.jpg") no-repeat;

}



#page-bottom {

	width: 895px;

	min-height: 460px;

	background: url("images/page_bottom.gif") no-repeat left bottom;

}





/* Header */



#header {

	width: 890px;

	height: 369px;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 223px;

		left: 23px;

		width: 525px;

		height: 81px;

		padding-left: 92px;

		background: url("images/logo.gif") no-repeat;

	}

	

	#header #header-info h1 {

		color: #ffffff;

		font: normal 32px Verdana, Arial, Helvetica, sans-serif;

		padding: 1px 0 5px 0;

	}

	

	#header #header-info h1 a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #ffffff;

		font: normal 17px Verdana, Arial, Helvetica, sans-serif;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 42px;

		left: 26px;

		width: 640px;

		height: 46px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		width: 640px;

		height: 46px;

	}

	

	#header #header-menu ul li {

		float: left;

		height: 46px;

		font: normal 14px/46px Verdana, Arial, Helvetica, sans-serif;

		color: #C5C5C5;

	}

	

	#header #header-menu ul li a {

		color: #C5C5C5;

		text-decoration: none;

		padding: 0 15px;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		background: url("images/header_menu.gif") repeat-x;

	}

	

	#header #header-menu ul li ul {

		display: none;

	}

	

	#header #header-menu ul li.current_page_item a {

		background: url("images/header_menu.gif") repeat-x;

	}

	

	/* Header - Search */

	

	#header #header-search {

		position: absolute;

		top: 59px;

		left: 655px;

		width: 217px;

		height: 22px;

	}

	

	#header #header-search #searchform {

		margin: 0;

		padding: 0;

		width: 217px;

		height: 22px;

	}

	

	#header #header-search #s {

		width: 117px;

		height: 18px;

		padding: 2px 5px;

		border: 0;

		font: normal 13px Verdana, Arial, Helvetica, sans-serif;

		color: #000000;

		background: transparent;

		float: left;

	}

	

	#header #header-search #searchsubmit {

		background: transparent;

		border: none;

		width: 85px;

		height: 22px;

		padding: 0;

		float: right;

	}

	

	/* Header - Newsletter */

	

	#header #header-newsletter {

		position: absolute;

		top: 230px;

		left: 32px;

		width: 200px;

		height: 90px;

		padding-top: 40px;

		background: url("images/header_newsletter.gif") no-repeat;

		color: #ffffff;

		font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	}

	

	#header #header-newsletter p {

		margin: 0;

		padding-bottom: 7px;

	}

	

	#header #header-newsletter form {

		margin: 0;

		padding: 0;

	}

	

	#header #header-newsletter span {

		width: 55px;

		float: left;

		height: 18px;

		line-height: 18px;

	}

	

	#header #header-newsletter input {

		width: 123px;

		height: 18px;

		background: url("images/header_input.gif") no-repeat;

		border: none;

		padding: 0 5px;

		font: normal 12px Verdana, Arial, Helvetica, sans-serif;

		color: #000000;

	}

	

	#header #header-newsletter .submit {

		width: 85px;

		height: 26px;

		background: url("images/header_button.gif") no-repeat;

		margin-left: 104px;

	}

	

	/* Header - Recent Articles */

	

	#header #recent-articles {

		position: absolute;

		top: 223px;

		left: 264px;

		width: 305px;

		height: 145px;

	}

	

	#header #recent-articles h3 {

		width: 285px;

		height: 22px;

		color: #ffffff;

		font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;

		background: url("images/title_recent_articles.gif") no-repeat;

		padding: 0 10px;

	}

	

	#header #recent-articles ul {

		margin: 0;

		padding: 0 0 0 10px;

		list-style-type: none;

	}

	

	#header #recent-articles ul li {

		padding-left: 8px;

		background: url("images/header_articles.gif") no-repeat;

		color: #ffffff;

		font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;

	}

	

	#header #recent-articles ul li a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #recent-articles ul li a:hover {

		text-decoration: underline;

	}

	

	/* Header - Popular Articles */

	

	#header #popular-articles {

		position: absolute;

		top: 223px;

		left: 595px;

		width: 278px;

		height: 145px;

	}

	

	#header #popular-articles h3 {

		width: 258px;

		height: 22px;

		color: #ffffff;

		font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;

		background: url("images/title_popular_articles.gif") no-repeat;

		padding: 0 10px;

	}

	

	#header #popular-articles ul {

		margin: 0;

		padding: 0 0 0 10px;

		list-style-type: none;

	}

	

	#header #popular-articles ul li {

		padding-left: 8px;

		background: url("images/header_articles.gif") no-repeat;

		color: #ffffff;

		font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;

	}

	

	#header #popular-articles ul li a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header #popular-articles ul li a:hover {

		text-decoration: underline;

	}



/* Header - Feed */

	

	#header #header-feed {

		position: absolute;

		top: 290px;

		left: 700px;

		width: 40px;

		height: 40px;

	}



/* Header - Feed1 */

	

	#header #header-feed1 {

		position: absolute;

		top: 290px;

		left: 750px;

		width: 40px;

		height: 40px;

	}



/* Header - Feed2 */

	

	#header #header-feed2 {

		position: absolute;

		top: 290px;

		left: 803px;

		width: 40px;

		height: 40px;

	}



/* Header - Feed3 */

	

	#header #header-feed3 {

		position: absolute;

		top: 290px;

		left: 8px;

		width: 40px;

		height: 40px;

	}



/* Header - Stu */

	

	#header #header-stu {

		position: absolute;

		top: 290px;

		left: 680px;

		width: 40px;

		height: 40px;

	}







/* Main */



#main {

	margin: 0 auto;

	width: 869px;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 541px;

		padding: 10px 17px 0 16px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 30px;

		width: 541px;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 541px;

			height: 59px;

			font: bold 12px Verdana, Arial, Helvetica, sans-serif;

			color: #6A0050;

		}

		

		#content .post .post-title a {

			color: #6A0050;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title h2 {

			color: #000000;

			font: bold 24px Verdana, Arial, Helvetica, sans-serif;

			padding: 2px 0;

		}

		

		#content .post .post-title h2 a {

			color: #000000;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			background: url("images/post_date.gif") no-repeat;

			width: 59px;

			height: 59px;

			margin-right: 18px;

			color: #ffffff;

			text-align: center;

			text-transform: lowercase;

			font: bold 13px Verdana, Arial, Helvetica, sans-serif;

			letter-spacing: 1px;

		}

		

		#content .post .post-title .post-date span {

			padding: 9px 0 1px 0;

			display: block;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

			color: #6A0050;

			width: 521px;

			padding: 0 10px;

		}

		

		#content .post .post-entry a {

			color: #6A0050;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;

			color: #6A0050;

			text-decoration: none;

		}

		

		#content .post .post-entry a.more-link:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #e6e6e6;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			padding: 0 15px;

			width: 511px;

			height: 26px;

			background: url("images/post_info.gif") no-repeat;

			clear: both;

			font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif;

			color: #ffffff;

		}

		

		#content .post .post-info a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comments */

		

		#content .post h3 {

			margin: 30px 0 5px 0;

			color: #ffffff;

			font: bold 18px Verdana, Arial, Helvetica, sans-serif;

		}

		

		#content .post .comments {

			font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

			color: #ffffff;

			width: 521px;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #e6e6e6;

		}

		

		#content .post .comments ol li cite {

			color: #ffffff;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		#content .post #commentform {

			margin: 0;

			padding-left: 25px;

			font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;

			color: #ffffff;

			width: 496px;

		}

		

		#content .post #commentform a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		margin-bottom: 30px;

		font: bold 12px Verdana, Arial, Helvetica, sans-serif;

		color: #ffffff;

		width: 541px;

	}

	

	#content .navigation a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}

	

	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 295px;

		font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif;

		color: #ffffff;

	}

	

	#sidebar a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}

	

	#sidebar .sidebar-box {

		width: 295px;

		padding-bottom: 10px;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;

			color: #FFFFFF;

			width: 265px;

			height: 30px;

			padding: 0 15px;

			margin-bottom: 2px;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0 0 0 15px;

			list-style-type: none;

		}

		

		#sidebar ul li {

			padding-left: 8px;

			background: url("images/sidebar_menu.gif") no-repeat;

			font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif;

			color: #ffffff;

		}

		

		#sidebar ul li a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

		#sidebar ul li ul {

			padding: 0 0 0 10px;

		}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 10px 0;

			width: 295px;

			text-align: center;

		}

		

		#sidebar #searchform #s {

			width: 205px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding-top: 5px;

			width: 116px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 0 5px;

		}

		

		/* Sidebar - Ads */

		

		#sidebar .sidebar-ads {

			padding: 10px 0 0 15px;

		}

		

		#sidebar .sidebar-ads-in {

			float: left;

			padding: 0 14px 14px 0;

		}







/* Footer */



#footer {

	margin: 0 auto;

	width: 869px;

	height: 270px;

	color: #ffffff;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

}



#footer a {

	color: #ffffff;

	text-decoration: underline;

}



#footer a:hover {

	text-decoration: none;

}



	/* Footer - Footerbar */

	

	#footer #footerbar {

		width: 869px;

		height: 180px;

		padding-top: 17px;

	}

	

	#footer #footerbar h3 {

		font: bold 12px Verdana, Arial, Helvetica, sans-serif;

		color: #ffffff;

		padding: 0 0 25px 15px;

	}

	

	#footer #footerbar ul {

		margin: 0;

		padding: 0 0 0 15px;

		list-style-type: none;

	}

	

	#footer #footerbar ul li {

		font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif;

		color: #ffffff;

		padding-left: 8px;

		background: url("images/footer_menu.gif") no-repeat;

	}

	

	#footer #footerbar ul li a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#footer #footerbar ul li a:hover {

		text-decoration: underline;

	}

	

		/* Footer - Footerbar - Boxes */

		

		#footer #footerbar #footerbar-left {

			width: 249px;

			padding: 0 17px 0 10px;

			float: left;

		}

		

		#footer #footerbar #footerbar-center {

			width: 273px;

			padding: 0 14px 0 11px;

			float: left;

		}

		

		#footer #footerbar #footerbar-right {

			width: 264px;

			padding: 0 14px 0 16px;

			float: left;

		}

	

	/* Footer - Copyright */

	

	#footer #copyright {

		width: 869px;

		text-align: center;

		line-height: 42px;

	}

.hidelink { 
font-size: 5px;
color: #333333;
		text-align: center;
}
.hidelink a {
color: #333333;
	text-decoration: none;

}