/*
Theme Name: ART-MAGAZINE
Theme URI: http://toplez.textdriven.com/
Description: Wordpress Theme. By: Ahmad Raflis.
Version: 1.0.5
Author: Ahmad Raflis
Tags: White, Black, Red, two-columns, fixed-width, theme-options, custom-header
*/
@import url('reset.css');
@import url('class.css');
@import url('typo.css');
@import url('navi.css');
@import url('featured.css');

#wrapper {
	margin: 0 175px;
	padding: 0;
        width:auto;
	background:#FFF;
}
#white {
	background:#FFF;
}
#header {
	background:#fff ;
	margin:20px 0;
	height:80px;
	width:650px;
	text-align:left;
}

xtitle {
font-size:14px;
font-weight:bold;
}

#leftBlock {
float: left;
width: 45%;
}
#rightBlock {
float: right;
width: 40%;
line-height:150%;
font-size:14px;
}

.afterDiv {
clear: both;
}

.rightBlock {
position:absolute;
right:15%;
top:auto;
width:20%;
height:auto;
margin:0;
padding: 0;
}


#rss {
	position: relative;
	top: -20px;
        float:left;
	overflow:hidden;
}
#rss a {
	width:50px;
	height:100px;
	display: block;
	background: url(images/rss2.png) 0 0 no-repeat;
	overflow: hidden;
	text-align:left;
	text-indent:-9999px;
}
#content {
	background:#fff;
	width:600px;
	float:left;
        margin:0;
}
#c1 {
	width:425px;
	margin:auto;
	float:center;
}
#c1-post {
	width:600px;
	margin:auto;
	float:center;
}
#c2 {
	width:235px;
	margin:auto;
	float:center;
}
.magcat1 {
	background:#fff;
	width:100%;
	float:left;
	margin-bottom:15px;
}
.magcat2 {
	background:#fff;
	border:#f3f3f3 solid 5px;
	width:100%;
	float:left;
	margin-bottom:15px;
}
.magcat2 h2 {
	font-weight:normal;
}
.magcat2 .cathead {
	background:#f3f3f3;
	padding:10px;
}
.magcat1 p {
	margin:5px 10px 0 0;
}
.magcat2 p {
	margin:5px 10px 0 10px;
}
.magcat1 img, .magcat2 img {
	border:#eee solid 1px;
	padding:2px;
}
.magcat1 div.more {
	width:98%;
	border:#eee solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:3px;
	margin-top:5px;
	text-align:right;
	background:#f4f4f4;
}
.magcat2 .more {
	border:#eee solid 1px;
	color:#464646;
	padding:2px 10px 2px 10px;
	float:right;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sidebar {
        font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#FFF;
	width:280px;
	float:right;
	margin:15px;
}
#sidebar .widget, #sidebar ul {
	margin-bottom:15px;
	list-style:none;
}

.module { padding:0px; margin-bottom:20px; overflow:hidden; height:1%; }
.moduleContent { padding:15px 20px 15px 20px; background-color:#fff; margin:0 10px; height:1%; }
.moduleContentFacebook { background-color:#fff; margin:0 10px; height:1%; }
.moduleContent ul.moduleList li{ line-height:21px; margin-bottom:10px; color:#fff;}
.moduleContent ul.moduleList li ul{ margin-left:20px; margin-bottom:10px; margin-top:0; color:#fff;}

.module h3 { margin-top:0px; padding:10px 20px; margin:0 10px; color:#fff; font-size:17px; height:1%; line-height:21px; text-transform:uppercase; background-color:#333; font-stretch: condensed; }
.moduleContent .form { margin:0; padding:0; }
.module.shadowed { background-position:bottom; background-repeat:no-repeat; background-image:url(http://foresighthomesolutions.com/images/bg-white-inset-bottom.png); }
.module.shadowed h3 { padding:10px 30px; margin:0; background-repeat:no-repeat; background-position:center top; padding-top:15px; background-color:transparent; background-image:url(http://foresighthomesolutions.com/images/bg-gray-module-title.png); }
.module.shadowed .moduleContent { padding:15px 30px 10px 30px; background-repeat:repeat-y; background-position:center; background-image:url(http://foresighthomesolutions.com/images/bg-white-inset.png); margin:0 0 14px 0; background-color:transparent }
.module.gray { background-image:url(http://foresighthomesolutions.com/images/bg-gray-inset-bottom.png); }
.module.gray .moduleContent { background-image:url(http://foresighthomesolutions.com/images/bg-gray-inset.png); }
.module.shadowed h3.redTitle { background-image:url(http://foresighthomesolutions.com/images/bg-red-inset-title.png); }
.module.gray .form label { color:#ccc; }
.module.gray .moduleContent p { color:#ccc; }


#comment-table {
	width:600px;
}
#comment-table p {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
}
#postmeta {
	font-size:11px;
	border:#eee solid 1px;
	margin:20px 15px 20px 0px;
	padding:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#paging {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	font-style:italic;
	margin-bottom:15px;
}
#comments {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	font-style:italic;
	margin-bottom:15px;
}
#title-arc {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	font-style:italic;
	margin-bottom:15px;
	text-align:right;
	margin-right:15px;
}
.alt {
	background:#f3f3f3;
	border:#eee solid 1px;
	float:none;
	margin-bottom:15px;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.alt img, .standard img {
	border:#464646 solid 1px;
}
.commenttext-admin img {
	border:#fff solid 1px;
}
.standard {
	border:#eee solid 1px;
	float:none;
	margin-bottom:15px;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.commenttext-admin {
	background:#464646;
	color:#FFF;
	float:none;
	margin-bottom:15px;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.comment-avatar {
	float:left;
	width:60px;
}
.comment-name {
	padding:5px;
	margin-left:5px;
	width:550px;
	float:left;
}
.comment-content {
	margin:10px;
        width:550px;
	float:none;
}
#comment-form {
	width:550px;
	padding:15px;
	background:#464646;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#comment-form p {
	color:#fff;
	margin:5px;
	width:100%;
}
#comment-form p a {
	color:#CCC;
	margin:5px;
}
#respond {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	font-style:italic;
	margin-bottom:15px;
	color:#FFF;
}
#comment-form input, #comment-form button, #comment-form textarea {
	border:none;
}
#comment-form button.btn-com {
	float:left;
	width: 208px;
	height: 40px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(images/btn-com.png) no-repeat top left;
}
#comment-form button.btn-com:hover {
	background:url(images/btn-com.png) no-repeat bottom left;
}
#bottom {
	background:#f4f4f4;
	margin-top:15px;
	width:100%;
	float:left;
	padding:15px;
}
#bottom1 li, #bottom2 li, #bottom3 li {
	list-style:none;
}
.widget-bottom {
	margin-bottom:15px;
}
#bottom1 {
	width:375px;
	float:left;
	margin-right:10px;
}
#bottom2 {
	width:250px;
	float:left;
	margin:0 5px;
}
#bottom3 {
	width:225px;
	float:left;
	margin-left:10px;
}
#footer {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	background:#464646;
	width:100%;
	float:left;
	padding:15px;
}
#top-link {
	display:none;
	position:fixed;
	right:5px;
	bottom:5px;
	color:#fff;
	text-decoration:none;
	border: 1px solid #C00;
	background-color: #66cc33;
	padding:5px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.isi-post h1 {
	font-size: 360%;
}
.isi-post h2 {
	font-size: 220%;
}
.isi-post h3 {
	font-size: 180%;
}
.isi-post h4 {
	font-size: 150%;
}
.isi-post h5 {
	font-size: 125%;
}
.isi-post h6 {
	font-size: 100%;
	font-weight:bold;
}