/* general styling */

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

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

#mainNoButton
{
	background: url(../../images/blueice/containerBGNoButton.jpg) top no-repeat;
	padding-top: 16px;
}

div#someSpace
{
	height: 30px;
}

span.red
{
	color: red;
}

span.redcross
{
	color: red;
	text-decoration: line-through;
}
div#logo a
{
	display: block;
	width: 225px;
	height: 55px;
	background: url(../../images/blueice/pages/logo.png);
	margin-top: 55px;
}

/* 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 h3
{
	text-transform: uppercase;
}

div#content div.contentBody .anchor
{
	padding-left: 20px;
}

div#content div.contentBody ul li
{
	list-style-type: circle;
	margin-left: 20px;
}
div#content div.contentBody ul ul li
{
	list-style-type: square;
	margin-left: 36px;
}

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: 'Segoe UI' , Verdana,Arial,Helvetica,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: 'Segoe UI' , Verdana,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: 'Segoe UI' , Verdana,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;
}

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 */