/* 
	Theme Name: Organic-Portfolio_Gray
	Theme URL: http://www.organicthemes.com/
	Description: The Organic Portfolio Theme is designed and developed by David Morgan and Jeff Milone of Organic Themes.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	Version: 1.0
	Tags: organic themes, wordpress portfolio theme 
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
@font-face {
	font-family: "MuseoSlab-500";
	src: url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500.eot);
	src: url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500.woff),
		url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500.ttf) format('truetype'),
		url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/MuseoSlab-500.svg#MuseoSlab-500) format('svg');
	}

 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
@font-face {
	font-family: "MuseoSlab500italic";
	font-style: italic;
	src: url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500italic.eot);
	src: url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500italic.woff),
		url(http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/fonts/Museo_Slab_500italic.ttf) format('truetype');
	}

body {
	
background-image:url('http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/bg-page.gif');

	color: #666666;
	font-size: 12px;
	font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	
	}
	
#top{
	width: 100%;
	background: url("http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/bg-page-top.jpg") repeat-x;
	height: 85px
}
	


#wrap {
	background: #fff;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: -85px auto -200px auto;
	padding-top:0px;
padding-bottom:150px;
padding-right:20px;
padding-left:20px;
    width: 960px;

	}
.hidden {
	display: none;
	}
	
	
	

#logocontrol{ 
        LEFT: -500px !important; 
        BOTTOM: 500px !important; 
}


.typeone {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typeoneboth.jpg) no-repeat top left;
       height: 479px;
       width: 638px;
}


.typeone a:hover {
       background-position: bottom;
}

.typeone:hover {
       background-position: bottom;
}


.typetwo {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typetwoboth.jpg) no-repeat top left;
       height: 479px;
       width: 638px;
}


.typetwo a:hover {
       background-position: bottom;
}

.typetwo:hover {
       background-position: bottom;
}

.typethree {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typethreeboth.gif) no-repeat top left;
       height: 479px;
       width: 638px;
}


.typethree a:hover {
       background-position: bottom;
}

.typethree:hover {
       background-position: bottom;
}

.typefour {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typefourboth.jpg) no-repeat top left;
  height: 479px;
       width: 638px;
}


.typefour a:hover {
       background-position: bottom;
}

.typefour:hover {
       background-position: bottom;
}

.typefive {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typefiveboth.jpg) no-repeat top left;
      height: 479px;
       width: 638px;
}


.typefive a:hover {
       background-position: bottom;
}

.typefive:hover {
       background-position: bottom;
}

.typesix {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typesixboth.jpg) no-repeat top left;
        height: 479px;
       width: 638px;
}


.typesix a:hover {
       background-position: bottom;
}

.typesix:hover {
       background-position: bottom;
}


.typeseven {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typesevenboth.jpg) no-repeat top left;
       height: 997px;
       width: 638px;
}


.typeseven a:hover {
       background-position: bottom;
}

.typeseven:hover {
       background-position: bottom;
}


.typeeight {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/typeeightboth.jpg) no-repeat top left;
       height: 997px;
       width: 638px;
}


.typeeight a:hover {
       background-position: bottom;
}

.typeeight:hover {
       background-position: bottom;
}


.partone {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/part1both.jpg) no-repeat top left;
       height: 997px;
       width: 638px;
}


.partone a:hover {
       background-position: bottom;
}

.partone:hover {
       background-position: bottom;
}

.parttwo {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/part2both.jpg) no-repeat top left;
       height: 1030px;
       width: 638px;
}


.parttwo a:hover {
       background-position: bottom;
}

.parttwo:hover {
       background-position: bottom;
}


.partthree {
       display: block;
       background: url(http://www.kellianderson.com/blog/images/part3both.jpg) no-repeat top left;
       height: 1470px;
       width: 638px;
}


.partthree a:hover {
       background-position: bottom;
}

.partthree:hover {
       background-position: bottom;
}

	
/************************************************
*	Hyperlinks									*
************************************************/
a img {
	border: none;
	}
a {
	color: #a6a523;
	text-decoration: none;
	}
a:focus, a:hover, a:active {
	text-decoration: none;
	outline: none;
color: #58c1c7;
	}
	
/************************************************
*	Header  									*
************************************************/
#map {
	background: none;
	width: 1000px;
	height: 260px;
	margin: 0px auto -37px -20px;
	padding: 0;
	position: relative;
	z-index: 101;

	color: #d2d2d1;
}
	
#shadow {
position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 1000px;
 	height: 50px;
	background: url("http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/top_shadow.png") no-repeat 0 0;

 	}

#enter {
position: absolute;
	margin: 23px 0px 0px 32px;
	padding: 0px;
	display: block;
	width: 414px;
 	height: 189px;
	background: url("http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/blogheaderbutton.png") no-repeat 0 0;
 	z-index: 1;
 	}


#enter:hover {
	background-position: 0 -189px;
}

#enter span
{
  display: none;
}

	
/************************************************
*	jFlow									    *
************************************************/
#controller {
	float: left;
	display: inline-block;
	clear: both;
	margin: 0px;
	padding: 0px;
	}
#controller span {
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0;
	margin: 0;
	}
#jFlowSlide {
font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
color: #999999;

float: left;
	position: absolute;
	margin:0;
	padding: 0px;
	display: inline-block;
	clear: both;
	z-index: 1;
	}
#slides p a {
		color: #a6a523;
	text-decoration: none;

	}
	
#slides p a:focus, a:hover, a:active {
	text-decoration: none;
	outline: none;
color: #58c1c7;
	}
	
	
	
	
	
	
#prev_btn a img {
	float: left;
	display: block;
	background: transparent url(images/prev_btn.png) no-repeat;
	margin: 175px 0px 0px 0px;
	width: 20px;
	height: 40px;
	position: absolute;
	clear: both;
	z-index: 9;
	overflow: hidden;
	}
#prev_btn a:hover img {
	background-position: -20px 0;
	}
#next_btn a img {
	float: right;
	display: block;
	background: transparent url(images/next_btn.png) no-repeat;
	margin: 175px 0px 0px 940px;
	width: 20px;
	height: 40px;
	position: absolute;
	clear: both;
	z-index: 9;
	overflow: hidden;
	}
#next_btn a:hover img {
	background-position: -20px 0;
	}
.jFlow {
	float: left;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	zoom: 1;
	}
.jFlow h1 {
	margin: 0px;
		}
.jFlow h1 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
  
/************************************************
*	Navbar      								*
************************************************/
#navbar {
	background-image:url('http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/bg-nav.png');
	
margin: 0px 0px 0px -50px;
padding: 0px 25px;
width: 1020px;

	height: 40px;
	font-size: 11px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	text-transform: uppercase;
	line-height: 20px;
    letter-spacing: -0.3px;
	color: #666666;
	font-weight: none;
	position: absolute;
	z-index: 101;
	


	}
	
/*** ESSENTIAL STYLES ***/
.ot-menu, .ot-menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.ot-menu {
	line-height: 1.0;
	}
.ot-menu ul {
	position: absolute;
	top: -999em;
	width: 160px; /* left offset of submenus need to match (see below) */
	}
.ot-menu ul li {
	width: 100%;
	margin: 0px 0px 0px 0px;
	}
.ot-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.ot-menu li {
	float: left;
	position: relative;
	}
.ot-menu a {
	display: block;
	position: relative;
	}
.ot-menu li:hover ul,
.ot-menu li.sfHover ul {
	left: 0;
	top: 40px; /* match top ul list item height */
	z-index: 99;
	}
ul.ot-menu li:hover li ul,
ul.ot-menu li.sfHover li ul {
	top: -999em;
	}
ul.ot-menu li li:hover ul,
ul.ot-menu li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
	}
ul.ot-menu li li:hover li ul,
ul.ot-menu li li.sfHover li ul {
	top: -999em;
	}
ul.ot-menu li li li:hover ul,
ul.ot-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
	}
	
/*** DEMO SKIN ***/
.ot-menu .current_page_item a {
	color: #55bcbd !important;
	}
	.ot-menu .current_page_item a:hover {
	color: #fff !important;
	}
.ot-menu .current-cat a {
	color: #55bcbd !important;
	}
.ot-menu .inactive {
	color: #676767 !important;
	padding: 14px 10px 14px 10px;
	text-transform:lowercase;
	font-style:italic;
	}

.ot-menu {
	float: left;
	
	margin-bottom: 0;
	}
.ot-menu a {
	border-left: none;
	border-top:	none;
	padding: 14px 10px 14px 10px;
	text-decoration: none;
	line-height: 12px;
	}
.ot-menu li li a {
	border-left: none;
	border-top:	none;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-transform: none;
	}
.ot-menu a, .ot-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #999999;
	}
.ot-menu li {
	background: none;
	}
	
.ot-menu li li {
	
border-top: 1px dotted #fff;
	}
.ot-menu li li li {
	background:	#E5E5E5;
	}
.ot-menu li:hover, .ot-menu li.sfHover,
.ot-menu a:focus, .ot-menu a:hover, .ot-menu a:active {
	background:	none;
	color: #fff;
	outline: 0;
	}
.ot-menu li li:hover, .ot-menu li li.sfHover, 
.ot-menu li li a:focus, .ot-menu li li a:hover, .ot-menu li li a:active {
	background:	#000;
	color: #FFFFFF;
	outline: 0;
	}
	
/*** ARROWS **/
.ot-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
	background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 13px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
/* point right for anchors in subs */
.ot-menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
	}
.ot-menu ul a > .sf-sub-indicator { 
	top: 5px;
	background-position:  0 0; 
	}
/* apply hovers to modern browsers */
.ot-menu ul a:focus > .sf-sub-indicator,
.ot-menu ul a:hover > .sf-sub-indicator,
.ot-menu ul a:active > .sf-sub-indicator,
.ot-menu ul li:hover > a > .sf-sub-indicator,
.ot-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
	}
#nav {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 50px 0px;
	}
#navbarright {
	float: right;
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 5px;
	}
#navbarleft {
	float: left;
	display: block;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
	}
	
	
	#twitter_div {
	
	margin: 10px 0px 0px 0px;
	height: 183px;

	border:none;
	
	}
	
		#twitter_container {
	
	margin: 20px 30px 0 0;
	padding-top:15px;

	
	}
	
	#twitter_div ul {
	
		margin-top: 15px;
		font-family: Arial, Arial, Helvetica, sans-serif, sans-serif;
		font-size:10px;
		font-style:italic;
		line-height:14px;
		border:none;
	
	}
	

#twitter_div h1 {
	color: #94bbc4;
	font-size: 18px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	line-height: 25px;
border-bottom: 1px dotted #666666;
		}

#twitter_div h1 a {
	color: #94bbc4;
	font-size: 18px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	line-height: 25px;

		}

#twitter_div h1 a {
	color: #94bbc4;
	font-size: 18px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	line-height: 25px;

		}



	#twitter-link a {
		color: #94bbc4;
	font-size: 9px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	
		
	}
	
	
	
	
/************************************************
*	Homepage 					     		    * 
************************************************/
#swfDiv {
	margin: 10px 0 0 10px;
	float: left;
	}
#homepagetop {
	background: none;
	float: left;
	width: 960px;
	height: 520px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
	z-index: 1;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	}
#homepagetop h1 {
	color: #666666;
	font-size: 24px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 4px;
	margin: 16px 0px 8px 0px;
	padding: 0px;
	line-height: 16px;
	}
#homepagetop h1 a {
    color: #666666;
	text-decoration: none;
	}
#homepagetop h1 a:hover {
    color: #1f1d1d;
	text-decoration: none;
	}
#homepagetop h3 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	margin: 2px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 12px;
	}
#homepagetop p {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	height: 38px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0;

	}
#homepage {
	float: left;
	width: 960px;
	height: 2750px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/repeat_small.gif") repeat;
	border-top: 4px solid #94bbc4;
	}
#homepage ul {
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
	}
#homepage ul li {
	list-style: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	}
	
	.thepastthefuture {
		width: 753px;
		height: 40px;
		margin: 470px 100px 25px 100px;
		vertical-align:top;	
	}
	
	
	.thepastthefuturepost {
		visibility: hidden;
		width: 960px;
		height: 40px;
		margin: 57px 100px 25px 100px;
		vertical-align:top;	
		
	
	}
	
	.gridded {
		background: url("http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/repeat_small.gif") repeat;
			width: 960px;
			height: 160px;
			border-top: dashed #e8e9eb 1px;
			margin-top: 60px;
	}
	
	
	
.homepagebox_01 {
	float: left;
	width: 305px;
	margin: 30px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.homepagebox_02 {
	float: left;
	width: 305px;
	margin: 30px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.homepagebox_03 {
	float: left;
	width: 305px;
	margin: 30px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.homeboxinfo {
	float: left;
	width: 305px;
	/*background-image: URL('http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/bg-homebox.jpg');
	padding: 0px;*/
	margin: 0px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
.homebox {
	float: left;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
.homebox h4 {
	color: #787676;
	font-size: 16px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	text-transform: capitalize;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	line-height: 18px;
	margin: 10px 10px 4px 4px;
	padding: 0px 0px 5px 0px;
	height: 45px;
	border-bottom: 2px solid #e7e7e7;
	
	

	}
.homebox h4 a, .homebox h4 a:visited {
	color: #787676;
	text-decoration: none;
	border: none;
	}
.homebox h4 a:hover {
	color: #333;
	text-decoration: none;
	border: none;
	}
	
	.homebox h4 a img {
		margin-top: 5px;
	width: 10px;
	}
		.homebox h4 img a {
	margin-top: 5px;
	width: 10px;
	}
	
	
	.homebox h4 img {
		margin-top: 5px;
	width: 10px;
	}
	
.homebox p {
	
	margin: 0px 10px 10px 4px;
	height: 60px;
	line-height: 16px;
	font-size: 12px;
	overflow: hidden;
text-align:justify;

	}
.homebox img {
float: left;
	margin: 0px 0px 0px 0px;
	width: 305px;
	}
	
	.homebox img a {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 305px;
	}
	
.month {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	}
.day {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
	}
.homeside {
	margin: 20px 0px 0px 0px;
	width: 310px;
	float: right;
	}
	
/************************************************
*	Portfolio Large  							*
************************************************/
.portfolio {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: none;
	position: relative;
	z-index: 1;
	zoom: 1;
	}
.portfoliotitle {
	float: left;
	display: block;

background: #E5E5E5;
	
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 940px;
	max-height: 64px;
	border-bottom: 1px solid #D5D5D5;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
.portfoliotitle p {
	color: #666666;

	margin: 0px;
	padding: 0px !important;
	max-height: 34px;
	overflow: hidden;
	}
#contentwide .portfoliotitle h4 {
	color: #666666;
	font-size: 16px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: normal;
border-bottom: 1px dotted #000;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	}
.portfoliotitle a, .portfoliotitle a:visited {
	color: #666;
	}
.portfoliotitle a:hover {
	color: #1b1818;
	text-decoration: underline;
	}
.portfolioimg a img {
	float: left;
	display: block;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background: #E5E5E5;
	}
.portfolioimg a img:hover {
	background: #1b1818;
	}
	
/************************************************
*	Portfolio Small								*
************************************************/
.portfolio_sm {
	float: left;
	display: block;
	width: 310px;
	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	border-top: none;
	position: relative;
	z-index: 1;
	zoom: 1;
	}
.portfoliotitle_sm {
	float: left;
	display: block;
	background: #f4f4f4;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 290px;
	max-height: 64px;
	overflow: hidden;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
.portfoliotitle_sm p {
	color: #666666;
	margin: 0px;
	padding: 0px !important;
	font-size: 11px;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
	}
#contentwide .portfoliotitle_sm h4 {
	color: #666666;
	font-size: 14px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	}
.portfoliotitle_sm a, .portfoliotitle_sm a:visited {
font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;	
color: #000 ;
	}
.portfoliotitle_sm a:hover {
	color: #000 !important;
	text-decoration: none;
	}
.portfolioimg_sm a img {
	float: left;
	display: block;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background: #e5e6e5;
	}
.portfolioimg_sm a img:hover {
	background: #1b1818;
	}
.portfolio_sm.image1, .portfolio_sm.image4, .portfolio_sm.image7,
.portfolio_sm.image10, .portfolio_sm.image13, .portfolio_sm.image16,
.portfolio_sm.image19, .portfolio_sm.image22, .portfolio_sm.image25, 
.portfolio_sm.image28, .portfolio_sm.image31, .portfolio_sm.image34,
.portfolio_sm.image37, .portfolio_sm.image40, .portfolio_sm.image43,
.portfolio_sm.image46, .portfolio_sm.image49, .portfolio_sm.image52,
.portfolio_sm.image55, .portfolio_sm.image58, .portfolio_sm.image61,
.portfolio_sm.image64, .portfolio_sm.image67, .portfolio_sm.image70,
.portfolio_sm.image73, .portfolio_sm.image76, .portfolio_sm.image79,
.portfolio_sm.image82, .portfolio_sm.image85, .portfolio_sm.image88 {
	margin: 10px 0px 10px 0px;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/
#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	line-height: 18px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
	
#content p {
	margin: 0px 0 12px 0;
	}
	
#contentleft {
	float: left;
	background: none;
	width: 650px;
	margin: 0px -10px 0px 0px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#contentwide {
	float: left;
	background: none;
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#contenthome {
	width: 960px;
	margin: 0px auto 20px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;

	}
#contentwide p a, #contentwide p a:visited {
	color: #d2d17e;
	text-decoration: none;
	border-bottom: none;
	font-style:italic;
	
	}
#contentwide p a:hover {
	color: #58c1c7;
	text-decoration: underline;
	border-bottom: none;
	font-style:italic;
	}
#contentleft h1, #contentwide h1, #blogtitle h1 {
	color: #666666;
	font-size: 25px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	text-indent: 2px;
	margin: 6px 0px 6px 0px;
	padding: 6px 0px 6px 0px;
	line-height: 34px;
	}
#contentleft h2, #contentwide h2, #blogtitle h2 {
	color: #666666;
	font-size: 18px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: normal;
/*	text-transform: uppercase;*/
	text-indent: 2px;
	letter-spacing: -1px;
	margin: 8px 0px 0px 0px;/*
	padding: 8px 0px 4px 0px;*/
	line-height: 28px;
	letter-spacing: 1px;
	}
#contentleft h3, #contentwide h3, #blogtitle h3 {
	color: #666666;
	font-size: 24px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 28px;
	border-bottom: solid #d1d082 4px;

	}
#contentleft h4, #contentwide h4, #blogtitle h4 {
	color: #666666;
	font-size: 22px;
	font-family: "MuseoSlab500italic", "Rockwell", Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	font-style: italic;
	text-indent: 2px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	line-height: 28px;
	}
#contentleft h5, #contentwide h5 {
	color: #666666;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times;
	font-weight: normal;
	font-style: italic;
	text-indent: 2px;
	text-align:left;
	padding: 4px 0px 4px 0px;
	margin: 2px 0px 6px 0px;
	border-bottom: 1px solid #CCCCCC;
	}
#contentleft h6, #contentwide h6 {
	color: #666666;
	font-size: 18px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	font-style: normal;
	text-indent: 2px;
	text-align:left;
	padding: 4px 0px 4px 0px;
	margin: 2px 0px 2px 0px;
	}
#contentleft h1 a, #contentwide h1 a, #blogtitle h1 a,
#contentleft h2 a, #contentwide h2 a, #blogtitle h2 a,{
	color: #666666;
	text-decoration: none;
	border: none;
	}
#contentleft h3 a, #contentwide h3 a, #blogtitle h3 a, 
#contentleft h4 a, #contentwide h4 a, #blogtitle h4 a,
#contentleft h5 a, #contentwide h5 a, #blogtitle h5 a, 
#contentleft h6 a, #contentwide h6 a, #blogtitle h6 a {
	color: #666666;
	text-decoration: none;
	border: none;
	}
#contentleft h1 a:hover, #contentwide h1 a:hover, #blogtitle h1 a:hover,
#contentleft h2 a:hover, #contentwide h2 a:hover, #blogtitle h2 a:hover,
#contentleft h3 a:hover, #contentwide h3 a:hover, #blogtitle h3 a:hover,
#contentleft h4 a:hover, #contentwide h4 a:hover, #blogtitle h4 a:hover,
#contentleft h5 a:hover, #contentwide h5 a:hover, #blogtitle h5 a:hover,
#contentleft h6 a:hover, #contentwide h6 a:hover, #blogtitle h6 a:hover {
	color: #1b1818;
	text-decoration: none;
	border: none;
	}
#contentleft img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
#contentleft img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
.postblock {
	float: left;
	width: 100%;
	border-bottom:1px solid #dddddd;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	}
.postarea p {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	}	
.postarea hr {
	border:0;
	width:100%;
	height:1px;
	color:#DDDDDD;
	background-color:#DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}
.postarea ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
.postarea ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 5px 0px;
	}
.postarea ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
.postarea ul li {
    list-style: inside;
    list-style-type: square;
	background: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
.postarea ul ul li {
    list-style: inside;
    list-style-type: square;
	background: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
	
	

	
.postarea a span {
		opacity:0;/*
		position:absolute;
		top: 100px;
		left: 0px;*/
		position:absolute;
	
	left:10px;
	
	width:100%;
	
			
}

.postarea a:hover span {
	opacity:0.3;
	/*position:absolute;*/
	position:absolute;
	
	left: 10px;
	width:100%;
	
	z-index: 100;
	
}

	
	
	
blockquote {
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: none;
	line-height: 28px;
	margin: 10px 25px 10px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #C0C0C0;
	}
#content blockquote p {
	margin: 0px;
	padding: 0px;
	}
.postauthor {
	font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	line-height: 10px;
	margin: 10px 0px 15px 0px;
	padding-left: 5px;
background: url(images/img_smhoney.jpg) repeat;
-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.postmeta {
	background: url(images/img_smhoney.jpg) repeat;
	font-size: 11px;
	text-transform: uppercase;
	margin: 25px 0px 40px 0px;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.postmeta p {
	margin: 0px;
	padding: 0px;
	}
.postservice {
	background: none;
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	}
code {
	color: #999999;
	background: #EAEAEA;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	}
.archive {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	}
#prevLink {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#nextLink {
	float: right;
	margin: 0px;
	padding: 0px;
	}
#prevLink p {
	margin: 0px;
	padding: 0px;
	}
#nextLink p {
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}
img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}
img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
	}
.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
	}
.wp-caption {
	max-width: 640px !important;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin-bottom: 15px;
	}
.wp-caption img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}
.wp-caption p.wp-caption-text {
	background: #F5F5F5;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 638px;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
/************************************************
*	Sidebar 	        			     	    * 
************************************************/
#sidebar {
	float: right;
	display: inline-block;
	width: 290px;
	margin: 40px 0px 0px -10px;
	padding: 0px;
	}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
	color: #94bbc4;
	font-size: 18px;
	font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	font-weight: normal;
	font-style: none;
	text-indent: 2px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	line-height: 25px;
border-bottom: 1px dotted #666666;
	}
#sidebar a, #sidebar a:visited {
font-size: 11px;
color: #333333;
	}
#sidebar a:hover {
color: #666666;
	}
#sidebar p {
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	}
#sidebar li {
	list-style-type: none;
	}
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#sidebar ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	}
#sidebar ul li ul { 
	margin: 0px 0px 0px 0px;
	}
#sidebar ul li a {
	padding: 2px 4px 2px 0px;
	}
#sidebar ul li a:hover {
	padding: 2px 4px 2px 0px;
	}
#sidebar ul li ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-indent: 10px;
	border-top: 1px solid #DDDDDD;
	}
#sidebar ul li ul li ul li {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-indent: 20px;
	border-top: 1px solid #DDDDDD;
	}
	
/************************************************
*	Sidebar Widgets									*
************************************************/
#sidebar .widget {
	float: right;
	background:url(images/img_smhoney2.jpg) repeat;
	width: 270px;
	margin: 0px 0px 10px -10px;
	padding: 10px;
	list-style-type: none;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#sidebar #theme-switcher {
	display: none;
	}
	
/************************************************
*	Subscribe									*
************************************************/
.subscribe {
	background: #E5E5E5;
	list-style:none;
	width: 270px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.subscribe form {
	margin: 0;
	padding: 0;
	}
.subscribe input {
	margin: 0;
	padding: 0;
	}
.subscribe h4 {
	font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	}
.subscribe a, .headerright a:visited {
	color: #000000;
	text-decoration: none;
	}
.subscribe a:hover {
	color: #666666;
	text-decoration: underline;
	}
#subbox {
	background: #F5F5F5;
	width: 172px;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#subbutton {
	background: #666666;
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	height: 24px;
	margin: 2px 0px 0px 10px;
	padding: 0px 3px 2px 3px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
	
	
	
	
	
	/************************************************
*	ask								*
************************************************/
.ask {
	
	list-style: none;
	width: 270px;
	padding: 10px 10px 10px 0;
	
}

.ask h4 {
	font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-align:left;
}

	
#subbox {
	background: #F5F5F5;
	width: 172px;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#subbutton {
	background: #666666;
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	height: 24px;
	margin: 2px 0px 0px 10px;
	padding: 0px 3px 2px 3px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
/************************************************
*	Footer  									*
************************************************/
#footer {
	background-image:url('http://kellianderson.com/blog/wp-content/themes/organic_portfolio_white_modified/images/bg-footer.jpg');
	width: 960px;
	height: 70px;
	color: #FFFFFF;
	margin: 15px auto 0px;
	padding: 0px;
	display: block;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#footer p {
	line-height: 10px;
	margin: 0px;
	padding: 0px;
	}
.footertop {
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	padding: 21px 0px 0px 0px;
	}
.footertop a {
	color: #999999;
	text-decoration: none;
	}
.footertop a:hover {
	color: #666666;
	text-decoration: underline;
	}
.footerbottom {
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	margin: 5px 0px 0px 15px;
	padding: 8px 0px 0px 0px;
	text-align:center;
	}
	

.footerbottom img {
		position:absolute;
		margin-top: -12px;
	}
	
.footerbottom a {
	color: #666666;
	text-decoration: none;
	}
.footerbottom a:hover {
	color: #333333;
	text-decoration: none;
	}
.footerright {
	float: right;
	display: inline-block;
	margin: 18px 18px 0px 0px;
	}
	
/************************************************
*	Search Form									*
************************************************/
.postform {
	background: #F5F5F5;
	width: 240px;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 5px 0px 0px 10px;
	padding: 10px;
	display: inline;
	border: none;
	}
#cat {
	background: #FFFFFF;
	color: #999999;
	margin: 5px 0px 0px 0px;
	}
#searchform {
	margin: 0px 0px 0px 10px;
	}
#searchformheader {
	margin: 7px 0px 0px 0px;
	}
#searchbox {
	float: left;
	background:url(images/img_smhoney.jpg) repeat;
	width: 180px;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 1px 5px 0px 0px;
	padding: 6px 0px 5px 5px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#searchbutton {
	background: #666666;
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	width: 30px;
	height: 25px;
	margin: 0px 7px 0px 0px;
	padding: 0px 3px 1px 3px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#s {
	background: #fff;
	width: 170px;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin:  5px 3px 0px 10px;
	padding: 5px 0px 5px 5px;
	display: inline;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#searchsubmit {
	background: #DDDDDD;
	color: #fff;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #AAAAAA;
	display: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#submit {
	background: #d1d082;
	color: #666;
	font-family: "MuseoSlab-500", "Rockwell",Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: none;
		-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	
	}
#submit a:hover {
	background: #999;

	}
	
	
	
	
	
#author, #email, #url {
	background: #f5f5f5 !important;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 0px;
	padding: 4px;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#comment {
	background:url(images/img_smhoney-light.jpg) repeat;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	margin: 5px 0px 10px 0px;
	padding: 4px;
	border: 1px dotted #DDDDDD;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
/************************************************
*	Comments									*
************************************************/
.commentlist li ul li {
	font-size: 12px;
	}
.commentlist li {
	font-weight: normal;
	}
.commentlist li .avatar {
	background: #FFFFFF;
	float: right;

	margin: 0px 0px 5px 5px;
	padding: 2px;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}
.commentlist p {
	font-weight: normal;
	text-transform: none;
	}
.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}
#commentform {
	margin: 5px 10px 0px 0px;
	}
#commentform textarea {
	width: 100%;
	padding: 4px;
	}
#respond:after {
font-family: "MuseoSlab-500", "Rockwell", courier, sans-serif;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
#commentform p {
	margin: 5px 0px 5px 0px;
	}
#commentform #submit {
	margin: 0px;
	float: left;
	display: block;
	}
.alt {
	margin: 0px;
	padding: 10px;
	}
.commentlist {
	margin: 0px;
	padding: 0px;
	
	}
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}
.commentlist li {
	margin: 15px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	list-style: none;
	}
.commentlist li ul li {
	margin-right: 5px;
	margin-left: 5px;
	}
.commentlist p {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	}
.children {
	margin: 0px;
	padding: 0px;
	}
.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
.reply a, .reply a:visited {

	background: #ebebeb;
	color: #666;
	font-family: "MuseoSlab-500", "Rockwell",Helvetica, Arial, Trebuchet MS, Verdana;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: none;
		-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	
	}
.reply a:hover {
	background: #999;

	}
.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
.thread-even {
	background: #F5F5F5;
	margin: 0px;
	padding: 0px;
	}
.depth-1 {
	background: url(images/repeat_small.gif) repeat;
	border: none;
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.even, .alt {
	
	margin: 0px;
	padding: 0px;
	}

.drib-item {
		width:400px;
		height:300px;
		border:5px solid #ccc;
		position:relative;
		overflow:hidden;
		border:none;
		float:left;
	
	}

	.drib-image,
	.drib-detail {
		width:100%;
		position:absolute;
		left:0;
		
	}
	
	.drib-image {
		top:0;	
		z-index:10;
	}
		
		.drib-image img {
			
			border:0;	
		}		
	

	
		
				
		/* new clearfix */
		.clearfix:after {
		    visibility: hidden;
		    display: block;
		    font-size: 0;
		    content: " ";
		    clear: both;
		    height: 0;
		    }
		* html .clearfix             { zoom: 1; } /* IE6 */
		*:first-child+html .clearfix { zoom: 1; } /* IE7 */	
		
		
		
		
		
		
		
		
		
		* {
	margin: 0;
	padding: 0;
}



section {
	position: relative;
	top: 100px;
	width: 625px;
	height: 250px;
	margin: 0 auto;
}



.pixel {
	position: absolute;
	width: 15px;
	
}



.mobile body {
	overflow: hidden;
}

.mobile #wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.mobile #scroller {
	height: 3000px;
}