/*  
Theme Name: FullCOlorDigi
Theme URI: http://www.digiartbali.com
Description: Widget ready and tested on WP 2.2+.
Version: 1.0
Author: Madgrafz
Author URI: http://www.digiartbali.com
*/

body {
	margin: 0;
	padding: 0;
	background: #40403f url(images/mainbg.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

ul {
	list-style-image: none;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

hr {
	display: none;
}

/* Header */

#logo {
	width: 950px;
	height: 100px;
	margin: 0 auto;
	background: url(images/bglogo.png) no-repeat;
}


#logoleft{
	float: left;
	width:300px;
}

#menu{
	float: right;
	padding-top:20px;
	padding-right:20px;	
}
#menu a { color:#CCCCCC; }

#menu .current_page_item a {
	background: url(images/img06.gif) repeat-x;
}


#menu li { 
	display: inline;
	padding: 5px 0 0 14px;
	list-style: none;
 	}



/* Color Category */

#madcat {

	padding-bottom:10px;
	margin-bottom:70px;

	}
	
.category {
	width:138px;
	float:left;
	border-bottom:3px solid #333333;
	margin:0px;
	padding:5px 10px 10px 10px;
	}

.category p {
	margin:0;
	
	}

.category span {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}
.category a {
	text-decoration:none;
	font-weight:normal;
	text-transform:capitalize;
	color: #666666;
	}



/* Page */

#page {
	width: 950px;
	margin: 0 auto;

}

#page-bg {

	
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#contentleft {
	float:left;
	}

#content {
	display: table;
	width: 572px;
	padding: 15px;
	background: #4b4b4b url(images/headcontent.png) no-repeat;
	
}

#content a:hover { color:#a8f502; }

.contentbottom {

	width: 572px;
	padding: 15px;
	background: url(images/contentbottom.png) no-repeat top;	
}

.posts {

}

.posts li {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E7E7E7;
}

.postslideshow {
	padding: 5px;
	background: #626262 url(images/bgpost.jpg) no-repeat;
	color:#CCCCCC;
	text-align:justify;
}
.post {
	padding: 15px;
	background: #626262 url(images/bgpost.jpg) no-repeat;
	color:#CCCCCC;
	text-align:justify;
}
.post img {
	padding:3px;
	border:#959494 1px solid;
	}
	
.postthumb{
	float: left;
	margin-top:2px;
	margin-right:5px;
	

}

.postthumb ul{
	margin: 0;
	padding:0;
	list-style: none;
	list-style-type: none;

}
	
.postbottom {
	height:25px;
	background: url(images/bgpostbtm.jpg) no-repeat top;
	}

.title {
	margin: 0;
	text-align:left;
}

.title a {
	text-decoration: none;
	color:#ebeaea;
}

.title a:hover {
	border-bottom: 1px dotted #999999;
}

.byline {
	margin: 0 0 20px 0;
}
.meta a { text-decoration:none; color:#ebeaea; font-weight:bold; }

.entry {
}

.links {
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 339px;

}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#lates-tut {
	clear:both;
	display:block;
	height:50px;
	width:339px;
	background: url(images/lates-tut.jpg) no-repeat top;
	}
	
#lates-tut-ar { padding-top:-10px; color:#CCCCCC; padding-bottom:10px; text-align:justify; }
#lates-tut-ar li { border-bottom: #666666 1px dotted; }

#sidebar h4 { padding-top:-100px; }


#lates-comment {
	clear:both;
	display:block;
	height:50px;
	width:339px;
	background: url(images/lates-comment.jpg) no-repeat top;
	}
	
#lates-article {
	clear:both;
	display:block;
	height:50px;
	width:339px;
	background: url(images/lates-article.jpg) no-repeat top;
	}
	
#flickr {
	clear:both;
	display:block;
	height:50px;
	width:339px;
	background: url(images/flickr.jpg) no-repeat top;
	}
#sidebar img { 
	padding: 3px;
	margin-left:10px;
	margin-bottom:10px;
	border:#666666 1px solid;
	}


#sidebar li {
	
	
}

#sidebar li ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
	
}

#sidebar li li {
	padding: 5px 20px 5px 35px;
	background: url(images/img07.gif) no-repeat 20px;
	border-bottom: 1px dotted #666666;
}

#sidebar h2 {
	display:none;
	margin: 0;
	padding: 24px 0 3px 20px;
	border-bottom: 1px solid #E7E7E7;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
	color:#CCCCCC;
}

#sidebar a:hover {
	text-decoration: underline;
}

#search {
}

#search div {
	padding: 30px 0 0 20px;
}

#search br {
	display: none;
}


#notes {
	padding: 20px 0 0 20px;
}

/* Begin Comments*/

#comments_template {
	
	}

h3#comments{
	font-size:11px;
	color:#CCCCCC;
	padding-top:20px;
}

#commentlist img {
	border:none;
	}
	
#commentlist a {
	text-decoration:none;
	color:#05b3e8;
	}
	
#commentlist li {

	background: #515050;
	margin: 10px 0 0px 0px;
	list-style: none;
	}
#commentlist li.alt {
	background: #5a5959;

	margin: 10px 0 0px 0px;
	list-style: none;
	}

#avatar img{
	float:right;
	width: 50px;
	margin:5px;


}
#author {
	padding: 10px 10px 10px 10px;
	text-align:left;
	}



#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

#respond_box{
	margin-top:15px;
	border:#5a5959 1px solid;
	clear:both;
	padding-bottom:20px;
}

h3#respond{
	font-size:21px;
	color:#000000;
	margin-bottom:30px;
	margin-left:25px;
	padding-top:20px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#commentform{
	margin-left:55px;
	color:#7c7c7c;
	width:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commentform a{
	color:#7d7d7d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commentform .comm_input_text, #commentform .comm_textarea_text{
	border:1px solid #e1e1e1;
	background:#fff url(images/comm_input_text_bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727a7d;
	width:150px;
	padding:5px;
}

#commentform .comm_textarea_text{
	width:80%;
	height:100px;
}

#commentform label{
	position:relative;
	top:-5px;
}

#trackback {
	padding-top:5px;
	width:94%;
	
	}

.track {
	margin:5px;
	padding:5px;
	}
.track h2 { font-size:12px;}



/* End Comments */


/* Footer */

#footer {
	width: 950px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	min-height: 30px;

}

#footer p {
	margin: 0;
	text-align: center;
	font-size: smaller;
	color: #666666;
}

#footer a {
	color: #CCCCCC;
	text-decoration:none;
}

#footer h2 { color:#a8f502; padding-left:20px; padding-top:5px; height:40px; background: url(images/bttmh2.png) no-repeat top; }
#footer .widget-wrap {
	float: left;
	width: 290px;
	margin:12px;

}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	
}

#footer li ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
	
}

#footer li li {
	padding: 5px 20px 5px 35px;
	background: url(images/img07.gif) no-repeat 20px;
	border-bottom: 1px dotted #666666;
}
#hidden {
	display: none;
	position:static;
	}

#bottom {
	float:left;
	width: 950px;
	margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
	min-height: 30px;
	}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.isplit {
	color:#CCCCCC;
	text-align:justify;
	}
	
.isplit a{
	color:#ebeaea;
	text-decoration:none;
	}

	
.isplit img {
	padding:3px;
	border:#959494 1px solid;
	margin-bottom:-3px;
	}
.isplitleft {
	float:left;
	width: 250px;
	height:250px;
	background:#626262 url(images/splithead.jpg) no-repeat;
	padding:15px;
	margin-bottom:10px;

	}
.isplitright { 
	float:right;
	width: 250px;
	height:250px;
	background:#626262 url(images/splithead.jpg) no-repeat;
	padding:15px;
	margin-bottom:10px;
	}