/* -------------------------------------------------------------- 
 
 cup.css
 * based on Blueprint CSS Framework 0.7.1 — http://blueprintcss.googlecode.com
 * @author    julien bidoret
 * @copyright (c) 2008, oxys.net
 * @date      8 April 2008
 * @version   0.1
 
-------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.4;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Grrrid  
---------------------------------------------------------------------------------------------------*/
.container { width: 960px; margin: 0 auto; }


/* Columns -------------------------------------------------------------- */
.column  { float: left; margin-right: 15px;}
.column-x{ float: left; margin-right: 10px;}

.last { margin-right: 0; }

.span-1  { width: 180px;}
.span-2  { width: 375px;}
.span-3  { width: 570px;}
.span-4  { width: 765px;}
.span-5  { width: 960px; margin: 0; }

.article-cup .span-2  { width: 355px;}
.article-cup .span-3  { width: 545px; margin: 0; }

.border{  padding-right:7px; margin-right:7px; border-right:1px solid #cecece; }
.border-1{ width:165px; padding-right:15px; margin-right:14px; border-right:1px solid #cecece; float:left}
.border-1-last{ margin-right:0; padding-right:0; border:none}

.left-main-column{float: left; width:580px; padding-right:30px}
	.left-main-column .span-1  { width: 180px;}
	.left-main-column .span-2  { width: 380px;}
	.left-main-column .span-3  { width: 580px; margin-right:0}
    
    .left-main-column>div:last-child {margin-bottom:0}

.right-main-column{ float: left; width:340px;}
	.right-main-column .span-1  { width: 160px;}
	.right-main-column .span-2  { width: 340px; margin-right:0}
    
    

/* Boxes -------------------------------------------------------------- */
.box { padding: 10px ; margin-bottom: 15px; background: #ededed url(img/box-topborder.gif) repeat-x; }

/* HRules -------------------------------------------------------------- */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }
hr.space { background: #fff; color: #fff; }

.hr { clear: both; float: none; width: 100%; }

.hr hr { display:none }

.hr-soft-5 { background:url(img/hr-soft-5.png) no-repeat; padding-top:1.66em; margin-top:.42em}
.hr-soft-3 { background:url(img/hr-soft-3.png) no-repeat; padding-top:1.66em; margin-top:.42em}
.hr-soft-2 { background:url(img/hr-soft-2.png) no-repeat; }



/* Vertical white space
---------------------------------------------------------------------------------------------------*/
.profile-intro, .profile-about, .profile-contribs, .profile-post{margin-bottom:2.5em}

.sidebox{margin-bottom:2.5em; border-top:3px solid #e7e7e7; padding-top:.75em}





/* Clear floats [http://www.positioniseverything.net/easyclearing.html] -------------------------------------------------------------- */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }