/*
Theme Name: Artsmixer
Theme URI: http://artsmixer.com/
Description: Artsmixer.com | Webdesign inspiration website & Dutch Blog.
Version: 2.0
Author: Aphichat Panjamanee
Author URI: http://artsmixer.com/

	Tam! hou het netjes! 
	geschreven op 27 september 2008
	
*/


/* resets */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need cellspacing='0' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body 					{ font: 0.8em  Helvetica, Arial, sans-serif; line-height: 18px; color: #222; background: #fff url(images/main-bg.jpg) top repeat-x; }
a 						{ color: #80A0BF; text-decoration: underline; }
a:hover 				{ text-decoration: none; }

/* kleuren */
h2, .lightblue 			{ color: #80A0BF; }
.entry-comments a, 
.entry-comments p		{ color: #fff; text-decoration: none; }

/* typografie */
h1 						{ font-size: 2.5em; line-height: 100%; font-weight: normal; color: #000; }
h2, 
.entry-comments p, 
cite 					{ font-size: 1.3em; font-weight: normal; }

/* standaart */
.clear 					{ clear: both; }
.float 					{ float: left; }
.floatright				{ float: right; }
.center 				{ margin: 0 auto 0 auto; }
img.alignleft, p img.alignleft,
a img.alignleft 		{ float: left; margin: 0 10px 10px 0; }
img.alignright, p img.alignright,
a img.alignright  		{ float: right; margin: 0 0 10px 10px; }
.absolute 				{ position: absolute; }
.relative 				{ position: relative; }
.none					{ display: none; }
.hidden 				{ display: none; }

img.noborder			{ border: 1px solid #fff!important; background: #fff!important; }

/* boxes */
#container 				{ width: 911px; margin: 0 auto; }
						#maincontent			{background: url(images/entry-top.jpg) no-repeat;}
						#content-container 		{ width: 911px;  background:url(images/maincontent-bg.jpg) repeat-y;}
#sidebar 				{ width: 303px; margin: 20px 0 0 0;}

/* buttons */
.btn-square, 
.sendbutton 			{ letter-spacing: 1px;border: 1px solid #DEE0E1; text-decoration: none; color: #000; padding: 7px 15px 5px 15px;  
						background: url(images/btn-square.jpg) repeat-x; font-size: 11px; font-weight: bold; }
						a.btn-square:hover 		{ color: #80A0BF; }

						.btn-square-css-gallery {margin: 0 30px 0 20px;}
						.btn-square-theme {border-left: 0px; }


/* header */
#header 				{ height: 123px; }
						div#header h1 a { background: url(images/logo.jpg) no-repeat top left; display: block; 
						width: 361px; height: 123px; text-indent: -9999px; top: 0; float:left; }

/* mainmenu */	
ul.mainmenu 			{ margin: 93px 0 0 91px;}
						ul.mainmenu li{ display: inline; } 
						ul.mainmenu li em { display: none; }
						ul.mainmenu li a { height: 30px; display: block; float: left; margin: 0 0 0 3px; }

						ul.mainmenu li a.gallery-btn{ background: url(images/btn_gallery.jpg) bottom no-repeat; width: 109px;}
							ul.mainmenu li a:hover.gallery-btn,
							ul.mainmenu li.active a.gallery-btn 	{ background: url(images/btn_gallery.jpg) top no-repeat; }
						ul.mainmenu li a.downloads-btn{ background: url(images/btn_downloads.jpg) bottom no-repeat; width: 147px;}
							ul.mainmenu li a:hover.downloads-btn,
							ul.mainmenu li.active a.downloads-btn	{ background: url(images/btn_downloads.jpg) top no-repeat; }
						ul.mainmenu li a.about-btn{ background: url(images/btn_about.jpg) bottom no-repeat; width: 97px;}
							ul.mainmenu li a:hover.about-btn,
							ul.mainmenu li.active a.about-btn { background: url(images/btn_about.jpg) top no-repeat;}
						ul.mainmenu li a.blog-btn{ background: url(images/btn_blog.jpg) bottom no-repeat; width: 88px;}	
							ul.mainmenu li a:hover.blog-btn,
							ul.mainmenu li.active a.blog-btn { background: url(images/btn_blog.jpg) top no-repeat;}	

/* featured */					
#featured 				{ height: 195px;}
						#featured h2 { font-family:helvetica; font-weight: bold; font-size: 27px; color: #222;  padding: 35px 0 10px 0;}
						#featured p { font-family:helvetica; font-size: 16px; color: #222; line-height: 22px;}
						#featured ul.inside { padding: 10px 0 6px 0;}
						#featured ul.inside li.goto { background:url(images/list-valid.png) no-repeat; padding: 0 0 0 27px; width: 318px; }
						
						
						#featured .jcarousel-skin-am .jcarousel-container-vertical { width: 911px; height: 195px;}
						#featured .jcarousel-skin-am .jcarousel-clip-vertical { width:  911px; height: 195px;}
						#featured .jcarousel-skin-am .jcarousel-item { width: 911px; height: 195px;}
						
						
						/*
						 Buttons
						*/
						#featured .jcarousel-skin-am .jcarousel-next-vertical { position: absolute;
							bottom: 0px; left: 0px; width: 565px; height: 30px;
							cursor: pointer; background: url(images/trans.gif) repeat;}
						
						#featured .jcarousel-skin-am .jcarousel-prev-vertical { position: absolute;
							top: 0px; left: 0px; width: 565px; height: 30px;
							cursor: pointer; background:url(images/trans.gif) repeat;}					
						
/*sidebar*/

#searchbox { width: 303px; height: 88px; background: url(images/sidebar-search.jpg) no-repeat; }
#searchbox input { margin: 47px 0 0 40px; padding: 1px 0 0 5px; width: 244px; font-size: 22px; font-weight: bold; border: 0;}

.sidemenubox { width: 249px; background: url(images/sidebar-menu-bg.jpg) top no-repeat; padding: 14px 27px 0 27px; margin: 0 0 20px 0;}
ul.submenu li { padding: 10px 0 6px 0; border-bottom: 1px dotted #C8C7C7;}
ul.submenu li a { font-size: 1.3em; background:url(images/list-icon.png) no-repeat; padding: 0 0 0 27px; }
ul.submenu a { text-decoration: none;} ul.submenu a:hover { text-decoration: underline;}

li.rss_feed { font-size: 1.3em; background:url(icons/rssfeed-icon.png) no-repeat; padding: 0px 0 150px 27px; }
li.rss_feed a { text-decoration: none; }
li.rss_feed  a:hover { text-decoration: underline; }


/* entry */
.entry 					{ width: 608px; margin: 20px 0 20px 0; }
.entry-top 				{ width: 564px; height: 96px; background: url(images/entry-top.jpg) no-repeat; }
						.entry-top h1 a 		{ padding: 10px 0 0 0; color: #000; text-decoration: none; }
						.entry-top h1 a:hover		{ text-decoration: underline; }
						.entry-top img 		{ margin: 0 10px 0 0; }
.entry-comments 		{ width: 44px; height: 37px; margin: 59px 0 0 0; background: url(images/entry-comments.jpg) no-repeat; }
						.entry-comments p	{ font-weight: bold; margin: 8px; }
.entry-meta 			{ width: 131px; height: 122px; background: url(images/entry-meta.jpg) no-repeat; }
						.entry-meta p 		{ margin: 13px; padding: 0 0 5px 0; border-bottom: 1px solid #d5d6d8; }
						.entry-meta p.tags	{ font-size: 0.7em; border-bottom: none; }
						.entry-meta .post-ratings { margin: 0 0 0 13px; }
	
.entry-content 			{ width: 427px; padding: 15px 40px 0 10px;  background: url(images/entry-content.jpg) bottom no-repeat; }
						.entry-content ul, .entry-content ol		{ margin: 15px; list-style: square; }
						.entry-content ul li, .entry-content ol li	{ margin: 0 0 0 15px; }
						.entry-content p {margin:0 0 1.5em;}/* dan moet alles wel in p zitten! */
						.entry-content cite { background: none; font: italic normal 130% "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; text-align: center; display: block; }
						
						.entry-content h2	{ margin: 10px 0 10px 0;} 
/*						.entry-content img	{ padding: 7px; border: 1px solid #D8E8F4; background: #F4F4F4; margin:0 0 1.5em; }
*/						.entry-content img 	{ padding: 7px; border-left: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background: #fff; margin:0 0 1.5em; }
						/*hover image*/.entry-content a:hover { visibility: visible; }
						.entry-content a:hover img, 
						.entry-content a:focus img, 
						.entry-contenta:active img { border: 1px solid #B3D2EA; }
/* entry archive */
ul.archive				{ margin: 0 0 0 0px;}
						
/* navigatie */		
.gallery_navigation		{ width:550px; display: block; margin: 20px 0 20px 0; padding: 0 0 20px 0; }	
.navigation				{ width:440px; display: block; /*text-align: center;*/ margin: 20px 25px 20px 140px; padding: 0 0 20px 0; }
						.navright { float: right; }
						.navleft { float: left; }
	
.entry-bottom			{ width: 608px; height: 15px; background: url(images/entry-bottom.jpg) no-repeat; }

/* comments */
p.nocomments			{ display: none; }
.commentsbox 			{ width: 608px; }
ol.commentlist 			{ padding: 10px 20px 0 20px; width: 545px; background: url(images/comments-content.jpg) top no-repeat;}
						ol.commentlist li 		{ width: 545px; padding: 10px 0 10px 0; border-bottom: 1px dotted #d5d6d8; float: left; }
						ol.commentlist cite 	{ font-style: normal;}
						ol.commentlist img 		{ margin: 0 10px 0 0;}
						ol.commentlist .ava 	{ width: 115px; }

#commentform			{ margin: 20px 0 20px 0; width: 446px;
						float:left; padding: 20px 0 0 20px;
						}
						#commentform input#author, #commentform input#email, #commentform input#url { 
						width: 213px; height: 18px; padding: 5px; margin: 0 10px 10px 0;}
						#commentform textarea#comment  { width: 540px; height: 100px; padding: 5px; margin: 0 0 10px 0;}
						
						input#submit { cursor: pointer; }

/* gallery */
.gallery-tags 			{ margin: 2px 0 0 0; width: 608px; height: 50px; background:url(images/gallery-tags.jpg) no-repeat; padding: 27px 0 0 0; }
.gallery 				{ width: 567px; padding: 19px 0 0 19px; background:url(images/gallery-top.jpg) top no-repeat;}
						.gallerybox 			{ margin: 0 11px 20px 0; float: left; }
						.gallery img 			{ border: 1px solid #D8E8F4; padding: 9px; background: #f4f4f4; }
						.gallery .gallery-meta	{ margin: 5px 10px 0 0;  width: 260px; position: relative;}
						.gallerybox .gallery-meta img.com 	{ padding: 0; margin: 0 10px 0 0; background: none; border: none;  float: left;}
						.gallery .gallery-meta .ratingblock		{ margin: 5px 0 0 0; right: 0; top: 0; position: absolute;}
						
/* twitter */
#twitter 				{ width: 176px; height: 204px; bottom: 0; right: 100px; background: url(images/twitter.jpg) no-repeat; position: absolute; }
						#twitter h1 			{ margin:10px 20px 0 20px; line-height: 0.8em; color: #fff; position: absolute;} 

/* footer */
#footer 				{ height: 250px; background:url(images/footer-bg.jpg) repeat-x;}
#footer a 				{color: #fff; text-decoration: none;}
#footer a:hover			{ text-decoration: underline; }
						#footer-container 		{ width: 911px; margin: 0 auto; }
#footer-disc 			{ background:url(images/footer-disc-bg.jpg) no-repeat; width: 249px; height: 220px; margin: 0 0 0 22px;}
#footer-disc p			{ margin: 85px 15px 0 15px; color: #fff; font: italic normal 110% "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;}

/* footer list*/
#footer-posts 			{ margin: 61px 0 0 0; background: url(images/footer-posts.jpg) no-repeat; width: 315px; height: 138px;}
#footer-comments 		{ margin: 61px 0 0 0; background: url(images/footer-comments.jpg) no-repeat; width: 308px; height: 138px;}
		
						#footer-posts ul { margin: 0 0 0 33px; color: #fff;}
						#footer-comments ul { margin: 0 0 0 83px; color: #fff;}
						
						#footer-posts ul li, 
						#footer-comments ul li { background: #99FF00; height: 21px;
						background:url(images/list-icon.png) 5px 2px no-repeat; 
						border-bottom: 1px solid #ddd; padding: 5px 0 3px 30px; 
						margin: 0 0 4px 0;}
						
						#footer-posts ul li a, 
						#footer-comments ul li a { display: block;}
								
						#footer-posts ul li small, #footer-comments ul li small { font-size: 10px; line-height: 0; }
				
#footer-navigation 		{ margin: 20px 0 20px 0; width: 586px; height: 27px; background: url(images/footer-navigation.jpg) no-repeat; }
	
#cformsform { display: block;}
#cformsform ol, #cformsform ol li {  list-style: none; margin: 0; padding: 0; }
ol.cf-ol li span { font-weight: bold; }
#cformsform input.single, #cformsform textarea.area { padding: 5px; display: block; width: 410px; margin: 0 0 20px 0; }
ol.cf-ol li span.reqtxt, ol.cf-ol li span.emailreqtxt { display: none; color: #990000; float: right; padding: 25px 15px 0 0; }
p.linklove { display: none; }


.cf_info { padding: 0 0 1.5em 0; color: #80A0BF; }


a.download-link { text-decoration: none; color: #000; height: 18px; width: 120px; display: block; background: url(images/dl-button.jpg) no-repeat top;
					padding: 18px 10px 18px 70px; }
a:hover.download-link { background: url(images/dl-button.jpg) no-repeat bottom; }				

a.preview-link { text-decoration: none; color: #000; height: 18px; width: 120px; display: block; background: url(images/pv-button.jpg) no-repeat top;
					padding: 18px 10px 18px 70px; }
a:hover.preview-link { background: url(images/pv-button.jpg) no-repeat bottom; }				
a.preview-link , a.download-link  { margin: 0 10px 0 0; } 



/* ======= PAGENAVI ========== div.gallery_navigation */
div.gallery_navigation .wp-pagenavi a, div.gallery_navigation .wp-pagenavi a:link,
div.navigation .wp-pagenavi a, div.navigation .wp-pagenavi a:link {
	padding: 5px 9px 5px 9px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;	
}
div.gallery_navigation .wp-pagenavi a:visited,
div.navigation .wp-pagenavi a:visited {
	padding: 5px 9px 5px 9px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;	
}
div.gallery_navigation .wp-pagenavi a:hover,
div.navigation .wp-pagenavi a:hover {	
	border: 1px solid #F0F0F0;
	color: #fff;
	background-color: #DEDEDE;
}
div.gallery_navigation .wp-pagenavi a:active,
div.navigation .wp-pagenavi a:active {
	padding: 5px 9px 5px 9px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #DEDEDE;	
}
div.gallery_navigation .wp-pagenavi span.pages,
div.navigation .wp-pagenavi span.pages {
	padding: 5px 9px 5px 9px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
}
div.gallery_navigation .wp-pagenavi span.pages,
div.navigation .wp-pagenavi span.pages {
	padding: 5px 9px 5px 9px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #F0F0F0;
	color: #fff;
	background-color: #DEDEDE;
}
div.gallery_navigation .wp-pagenavi span.extend,
div.navigation .wp-pagenavi span.extend {
	padding: 5px 9px 5px 9px; 
	margin: 2px;	
	border: 1px solid #F0F0F0;
	color: #000000;
	background-color: #FFFFFF;
}