/* Blueprint CSS Additions
-------------------------------------------------------------- */

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.underline { text-decoration:underline;}
.margin-0 {margin:0;}
.margin-5 { margin:5px;}
.margin-10 { margin:10px;}
.margin-20 { margin:20px;}
.padding-5 { padding:5px;}
.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.compressed { letter-spacing:-0.02em;}
.line-height-14 { line-height:1.4em;}
.top-5{ margin-top:5px;}
.top-10{ margin-top:10px;}
.top-20{ margin-top:20px;}
.bottom-5{margin-bottom:5px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.float-right {float:right;}
.float-left {float:left;}
.red{ color:#900;}
.green{ color:#090;}
.uppercase { text-transform:uppercase;}
.font-11 { font-size:11px;}
.font-12 { font-size:12px;}
.font-13 { font-size:13px;}
/* Tabs   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

a.button, button {border:1px solid #ccc;}

/* Ruby on Rails Error Handling
-------------------------------------------------------------- */

.errorExplanation {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.errorExplanation {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;border-color:#900;}
.errorExplanation {width:550px;} /* .span-14 */
.errorExplanation a {color:#8a1f11;}
.errorExplanation h2 {display:none;}
.errorExplanation p {font-weight:bold;}

.fieldWithErrors input[type="text"],
.fieldWithErrors textarea 
	{ border:2px solid #900;  }
div.fieldWithErrors { margin:0; padding:0;} 

/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }

/* Custom
-------------------------------------------------------------- */

body{ font-size:14px; font-family: "georgia","Trebuchet Unicode MS", "lucida grande"; border-top:10px solid #000;}

table { border-spacing:0px; }
th,td { padding: 5px 10px 5px 5px; border-bottom:none;}
td { border-bottom:1px solid #fff; }
th {
	color:#ccc;
	vertical-align:top;
	font-weight:normal;
	background-color:#333;
	padding:5px;
	height:40px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
th:hover { color:#fff;}

a:link,
a:visited { 
	color:#069;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.background-image {
	background:url("../images/bg.jpg") top left repeat-x;
}

.box-shadow {
	-moz-box-shadow: 0px 2px 12px #aaa;
	-webkit-box-shadow: 0px 2px 12px #aaa;
	box-shadow: 0px 2px 12px #aaa;	
	border:10px solid #fff;	
}


/* Layout
-------------------------------------------------------------- */

.container { width:960px;}
.main {
	margin-top:40px;
	background-color:#fff;
	padding:20px;
}
.header {
 	width:100%;
	height:65px;
	margin-top:10px;
 color:#ccc;
}
.header a, .header a:hover {
	color:#fff;
}

.logo img {
	margin-bottom:15px;
}

.footer { 
	margin-top:50px;
	font-color:#555;
	padding-top:20px;
	height:50px;
	border-top:1px solid #ccc;
	}


/* Buttons
-------------------------------------------------------------- */

input[type="text"], input[type="password"], textarea, .search-bar {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #B2C0C9;
	font-size:13px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:5px;
	margin:5px 0 5px 0;
}

.editor input[type="text"], .editor input[type="password"], .editor textarea { width:420px;	}

.search-bar {width:220px;}

textarea { height:88px;}

button, .button a, a.button, a:active.button, a:focus.button {
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px;	
	background:url("../images/buttons/default.png") repeat-x scroll left top transparent;
	border:1px solid #BBBBBB;
	cursor:pointer;
	font-weight:bold;
	padding:4px 8px 4px 8px;
	font-family:helvetica;
	color:#000;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

button:active {
	-moz-box-shadow:0 0 0 transparent;
	background:none repeat scroll 0 0 #EEEEEE;
}
* html input.button {
	overflow:visible;
	width:0;
}

input[type="text"].search-bar {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:1px solid #B2C0C9;
	font-size:13px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:5px 5px 5px 10px;
	width:240px;
}

.header .search-box {
	margin:10px 0 0 0;	
}

/* Typography
-------------------------------------------------------------- */
h1, h2, h3 { font-family:georgia, helvetica; line-height:1.3em;}
h1 { font-size:26px; margin-top:20px; border-bottom:1px dotted #ccc; padding-bottom:15px;}
h2 { font-size:22px; margin-top:20px; border-bottom:1px dotted #ccc; padding-bottom:0px;}
h4 { font-family:georgia; font-size:15px; line-height:1.75em; color:#444;}
h3 {  }
h3.border { border-bottom:1px solid #ccc; padding-bottom:10px; }

.sidenav h3 { 
	font-size:15px; 
	margin-top:20px;
	text-transform:uppercase;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

.sidenav h3.first {
	margin-top:40px;
}

h2 { 
	margin-top:10px;
}

/* Sking & lists
-------------------------------------------------------------- */
.menu-container {
	width:100%;
	height:30px;
	background-color:#000;
	border-top:1px solid #434343;
	margin-bottom:30px;
}

ul#menu {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height:30px;
	z-index:1100;	
	margin-top:30px;
}


#menu li {
	float: left;
	font: 11px georgia, "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
#menu a {
	background: #fff url("../images/icons/seperator.gif") bottom right no-repeat;
	color: #222;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a.last {
		background: none;
}
#menu a:hover, #menu a.selected {
	background-color: #111;
	color: #fff;
	padding-bottom: 8px;
}

#menu li ul{
	background:#fff;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:255px;
	z-index:2000;
	/*top:1em;
	/*left:0;*/
	}
#menu li:hover ul{
	display:block;	
	}
#menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:255px;
	}
#menu li:hover li a{
	background:none;
	color:#000;	
	}
#menu li ul a{
	display:block;
	margin:0px;
	text-align:left;
	}
#menu li ul a:hover, #menu li ul li:hover a{
	border:0px;
	color:#fff;
	background-color:#000;		
	text-decoration:none;
	}
#menu p{
	clear:left;
	}
	
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: georgia, arial;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.05em;
	height:30px;
	}
.menu ul{
	background:#000;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	}
.menu li{
	float:left;
	padding:0px;
	}
.menu li a{
	background: #000;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}

.menu li a:hover, .menu ul li:hover a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	}
.menu li ul{
	background:#000;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:255px;
	z-index:2000;
	opacity:0.85;
	/*top:1em;
	/*left:0;*/
	}
.menu li:hover ul{
	display:block;	
	}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:255px;
	}
.menu li:hover li a{
	background:none;
	
	}
.menu li ul a{
	display:block;
	height:30px;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;
	color:#fff;
	text-decoration:none;
	}
.menu p{
	clear:left;
	}	


ul.user-grid {
	margin-left:0;
	width:200px;
}
ul.user-grid li {
	display:inline;
}

.comment { 
	width:280px;
	height:15px; 
	margin-top:0;
}

ul.comments {
	margin:0;
}

ul.comments img {
	margin:5px 10px 0 0;
}

ul.comments p {
	margin-bottom:10px;
}

ul.posts-list {
	margin-left:0;
	line-height:1.5em;
}

ul.posts-list li {
	margin-bottom:15px;
}


ul.tag-list {
	list-style-type:none;
	margin:0;
	margin-left:0;
	line-height:1.75em;
}

ul.tag-list li {
	border-bottom:1px dotted #ccc;
	padding:10px 0 10px 10px;
}

ul.tag-list li:hover {
	background:#efefef;
}

ul.tag-list a:hover {
	text-decoration:none;
}

ul.disc {
	list-style-type:disc;
	margin-left:30px;
}

ul.comments-list {
	margin:0;
}

ul.comments-list li {
	padding:20px 0 20px 10px;
	border-bottom:1px dotted #ccc;
}

ul.comments-list li.even {
	background:#e5ecf9;
}

ul.comments-list li b {
	font-size:14px;
}	


.edit-links {
	font-size:10px;
	color:#666;	
}
.edit-links a {
}

ul.slideshow {
	list-style:none;	
	width:950px;
	height:210px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}

ul.slideshow, ul.slideshow-large {
	list-style:none;
	width:950px;
	height:210px;
	margin:0;
	margin-bottom:20px;
	padding:0;	
}	

ul.slideshow-large {
	height:345px;
}

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:950px;
	height:50px;
	position:absolute;
	top:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;	
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;		
}

#slideshow-caption h3 {
	margin:12px;
	padding:0;	
	font-size:14px;
	font-family: "lucida grande";
	color:#fff;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}


ul.image-grid {
	width: 300px;
	margin:0;
}

ul.image-grid li {
	display:inline;
	margin:0;
}

ul.image-grid li img {
	margin:4px;	
}

ul.mail {
	margin:20px 0 20px 0;
	list-style-type:none;
	padding:0;
}

ul.mail li {
	list-style-type:none;
}

/* Articles
-------------------------------------------------------------- */

.post-css h1, .post-css h2, .post-css h3 {
	font-size:18px; 	
	font-weight:normal;
	border:none;
}	

.post-css img {
	margin:10px 20px 20px 0;
	float:left;
}

.post-css h1 b, .post-css h2 b, .post-css h3 b {
	font-weight:normal;
}

.post-css ul {
	list-style-type:disc;
	margin:20px;
	margin-left:30px;
}


/* Tipsy
-------------------------------------------------------------- */
.tipsy { padding: 5px; font-size: 10px; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* Digg Pagination
-------------------------------------------------------------- */
.digg_pagination {
  background: white;
  /* self-clearing method: */ }
  .digg_pagination a, .digg_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .digg_pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; }
  .digg_pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1; }
  .digg_pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5; }
    .digg_pagination a:hover, .digg_pagination a:focus {
      color: #003;
      border-color: #003; }
  .digg_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .digg_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .digg_pagination {
    height: 1%; }
  *:first-child+html .digg_pagination {
    overflow: hidden; }