/*

Theme Name: Useful Arts
Theme URI: http://www.usingmyhead.com
Description: Theme customisation by Miko Coffey
Version: 1.0
Author: Miko Coffey
Author URI: http://www.usingmyhead.com

*/



@import "_assets/css/reset.css";

@import "_assets/css/master.css";

@import "_assets/css/ie.css";


#yarpp-boxstyle {
padding:20px;
margin-top:25px;
background-color:#EAE7DC;
}

#TwitterCounter {
background: url(images/followers.gif)  0 -5px no-repeat #333333;
padding:10px;
margin:5px 0 10px 0;
line-height:18px;
}


.bullet-tick { list-style-image: url(_assets/img/icons/bullet-tick.png); }

.bullet-BW { list-style-image: url(_assets/img/icons/BandW.png); }

.bullet-arrow { list-style-image: url(_assets/img/icons/bullet_arrow.png); }

.bullet-hot { list-style-image: url(_assets/img/icons/bullet_flame.png); }

.bullet-star { list-style-image: url(_assets/img/icons/bullet_star.png); }

.bullet-clip { list-style-image: url(_assets/img/icons/bullet-paper-clip.png); }

.bullet-black { list-style-image: url(_assets/img/icons/bullet_black.png); }

.bullet-blue { list-style-image: url(_assets/img/icons/bullet_blue.png); }

.bullet-green { list-style-image: url(_assets/img/icons/bullet_green.png); }

.bullet-orange { list-style-image: url(_assets/img/icons/bullet_orange.png); }

.bullet-pink { list-style-image: url(_assets/img/icons/bullet_pink.png); }

.bullet-purple{ list-style-image: url(_assets/img/icons/bullet_purple.png); }

.bullet-red{ list-style-image: url(_assets/img/icons/bullet_red.png); }

.bullet-yellow{ list-style-image: url(_assets/img/icons/bullet_yellow.png); }

.bullet-none { list-style:none; }

ul.bullet-tick, ul.bullet-BW , ul.bullet-arrow , ul.bullet-hot , ul.bullet-star , ul.bullet-clip , ul.bullet-black , ul.bullet-blue , ul.bullet-green , ul.bullet-orange , ul.bullet-pink , ul.bullet-purple, ul.bullet-yellow, ul.bullet-red  {

    margin-bottom: 1em;

}

.one_fifth { width: 160px; float: left; margin-right: 30px; }

.last {  margin: 0 !important;  }
ol.group li { padding-bottom: 15px; }
#main .next { padding-bottom: 10px !important; }

#social {
	position: fixed;
	top: 120px;
	left: 20px;
	width: 76px;
}

#social #top {
	height: 30px;
	background: url(_assets/img/bg-nav-pages.png) repeat-x;
	text-align: center;
	line-height: 29px;
	font-family: Gerogia;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}

#social ul {
	list-style: none;
	display: block;
	width: 74px;
	background: #fff;
	border: solid 1px #cbcbcb;
	border-top: 0;
	padding-top: 15px;
}

#social ul li {
	width: 32px;
	height: 32px;
	margin: 0 auto 15px auto;
}

.left {
	float: left;
	margin-right: 20px;
	overflow: hidden;
}

.wide-post {
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 20px;
}

.right {
	overflow: hidden;
	width: auto;
}


/** Featured Area
==============================================================================*/

#featured {
float: left;
width: 544px;
height: 300px;
overflow: hidden;
border-bottom: 1px solid #c3bdab;
background-color: #dad3bf;
z-index: -1000;
}

#slides {
float: left;
height: 337px;
}

#featured img.left {
margin-bottom: 0px;
}

#featurednav, #imagesnav, #folionav {
float: left;
width: 576px;
padding: 1px 16px 2px 16px;
margin: 0 0 16px 0;
border-top: 1px solid #f7efdd;
border-bottom: 1px solid #c3bdab;
background: url(images/featured_nav_bg.jpg) repeat-x;
}

#images {
float: left;
width: 360px;
margin: 0 16px 16px 0;
}

#imageslides {
float: left;
height: 270px;
}

#folioimages {
float: left;
width: 608px;
}

#folioslides {
float: left;
height: 400px;
}

#imagesnav {
width: 329px;
}

#folioimagesnav {
width: 575px;
}

p.caption {
width: 271px;
font-size: 10px;
padding: 16px;
margin: 0;
background-color: #d9d3bf;
}

#featurednav ul li, #imagesnav ul li, #folionav ul li {
float: left;
margin: 0 8px 0 0; 
}

#featured ul li a, #imagesnav ul li a, #folionav ul li a {
display: block;
padding: 1px;
color: #a29d8c;
}

#featurednav span.jFlowControl, #imagesnav span.jFlowControl, #folionav span.jFlowControl, .jFlowNext {
color: #a29d8c;
cursor: pointer;
}

.jFlowNext  {
color: #b53f24;
text-transform: uppercase;
padding: 0 16px 0 0;
background: url(images/featured_right_arrow.jpg) no-repeat right;
float:right;
}

#featurednav span.jFlowSelected, #imagesnav span.jFlowSelected, #foliosnav span.jFlowSelected  {
color: #b53f24;
}

#featured p.viewmore a {
width:80px;
float:right;
margin-right:10px;
display: block;
padding: 2px 10px 2px 10px;
background-color: #f2efdc;
border: 1px solid #e1dece;
}