/* general styling */

body {
	background:#0d0d0d url(../../images/black&white/pages/bg.gif) top repeat-x;
}

#main {
	background:url(../../images/black&white/pages/containerBG.jpg) top no-repeat;
}

div#someSpace {
	height:30px;
}

span.red {
	color:red;
}

div#logo a {
	display:block;
	width:220px;
	height:69px;
	background:url(../../images/black&white/pages/logo.png);
	margin-top:45px;
}

/* end general styling */


/* button styling */

.btn {
	display:inline-block;
    background:none;
    margin:0;
    padding:3px 0;
    border-width:0;
    overflow:visible;
    font:100%/1.2 Arial,Sans-serif;
    text-decoration:none;
    color:#333;
}
* html button.btn {
    padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
	margin:0 -3px;
}
.btn span {
	background:#ddd url(../images/button.gif) repeat-x 0 0;
    margin:0;
    padding:3px 0;
    border-left:1px solid #bbb;
    border-right:1px solid #aaa;
}
* html .btn span {
   	padding-top:0;
}
.btn span span {
    position:relative;
    padding:3px .4em;
    border-width:0;
    border-top:1px solid #bbb;
    border-bottom:1px solid #aaa;
}
      
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
    cursor:pointer; /* important for any clickable/pressable element */
    border-color:#87c847 !important;
    color:#000;
}
.btn:active span {
    background-position:0 -400px;
    outline:none;
}
.btn:focus, .btn:active {
    outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* end button styling */


/* content section */

div.content p {
	padding:0px;
}

div#content {
	margin-bottom:50px;
}

div#content div.contentBody {
	margin:20px 0px 0px;
	padding:0px 20px;
}

div#content div.contentBody img {
	float:left;
	margin:5px 20px 20px 0px;
}

/* end content section */


/* sidebar styling */

div.sidebar {
	margin-bottom:75px;
}

div.sidebar div.sidebarIn {
	padding:0px 0px 0px 20px;
	margin:15px 0px 0px;
}

a.connect {
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
	display:block;
	text-decoration: none;
}

a.connect img {
	vertical-align: middle;
	margin-right:20px;
}

div#tweets a {
	font-size:11px;
}

/* end sidebar styling */


/* blog styling */

div.postMeta {
	padding:0px 0px 0px 20px;
	margin:15px 0px 0px;
	color:#91b4c3;
	font-family: "Lucida Grande", "Lucina Sans Unicode", Verdana, sans-serif;
	font-size:11px;
}

div.post {
	margin-bottom:75px;
}

div.post p {
	padding:0px;
}

div#posts div.post div.postBody {
	margin:15px 0px 0px;
	padding:0px 20px;
}

div#posts div.post div.postBody img {
	float:left;
	margin:5px 20px 20px 0px;
}

/* end blog styling */



/* portfolio styling */

div#portfolio div.pRow {
	margin-bottom:8px;
}

div#folio {
	margin-top:20px;
}

div#portfolio div.pRow div.item {
	width:300px;
	height:195px;
	background:url(../../images/portfolio/picBG.gif) no-repeat;
	float:left;
	margin-right:8px;
	padding-top:5px;
	text-align:left;
}

div#portfolio div.pRow div.item a {
	display:block;
}

div#portfolio div.pRow div.item a.caption {
	position:absolute;
	width:270px;
	height:170px;
	background:black;
	margin-left:5px;
	padding:10px;
	display:none;
	
	color:#cccccc;
	text-decoration: none;
}

div#portfolio div.pRow div.item a.caption span {
	font-weight:normal;
	font-size:15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}

div#portfolio div.pRow div.item img {
	margin-left:5px;
	border:0px;
}

div#portfolio div.pRow {
	padding-left:8px;
}

/* end portfolio styling */


/* contact form styling */

div.formRow {
	width:450px;
	margin-bottom:20px;
}

div.formRow label {
	float:left;
}

div.formRow input{
	float:right;
	border:1px solid #333333;
	background-color: transparent;
	padding:5px;
	color:#dddddd;
	width:250px;
	font-size:12px;
}

div.formRow textarea {
	float:right;
	width:250px;
	height:200px;
	border:1px solid #333333;
	background-color: transparent;
	padding:5px;
	color:#dddddd;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px
}

div.formRow select {
	float:right;
	color:#333333;
	width:260px;
	font-size:12px
}

div.formRow .err {
	color: white;
	border:1px solid red;
	background:
}

div.formRow #buttons {
	width:260px;
	float:right;
}

div.formRow input:focus, div.formRow select:focus, div.formRow textarea:focus {
	border:1px solid #cfffc7;
}

/* IE needs a little handholding */
div.formRow .focussed {
	border:1px solid #cfffc7;
}

div.formRow .err:focus {
	border-color: red;
	border-width: 1px;
}

/* end contact form styling */