/* Welcome to the MarkWu.info MOBLOG style sheet! */

/*
	Mark Wu Ruby Red 	
	: #DC0055
	: RGB 220 0 85
*/

html { margin: 0px; padding: 0px; }
body {
	background:url("./images/mw/b_gradient.jpg");
 	background-position: 0% 0%;
  	background-repeat: repeat-x;
	background-color:#FFFFFF;
	color:#333333;
	margin: 0px;
	padding: 0px;
}
body, tr, td, th, p, div, li,ul {
	font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 11px;
	line-height: 1.4em;
}

A:link { color: #333333; text-decoration: underline; }
A:visited { color: #999999; text-decoration:underline; }
A:active { color: #333333; text-decoration: none; }
A:hover { color: #DC0055; text-decoration: underline; }


h1 {
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 16px;
	line-height: 1.3;
	color: #DC0055;
	margin: -4px 0 5px 0;
}

h1 A:link { color: #DC0055; text-decoration: none; }
h1 A:visited { color: #DC0055; text-decoration:none; }
h1 A:active { color: #DC0055; text-decoration: none; }
h1 A:hover { color: #DC0055; text-decoration: underline; }

.categoric_title {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: bold; 	 
	font-size: 16px;
	line-height: 1.0;
        text-transform: uppercase;
	color: #333333;
}

.uppercase {
        text-transform: uppercase;
}

.boldcaps {
	font-weight: bold; 
	text-transform: uppercase;
}

.boldtype {
	font-weight: bold; 
}

.italictype {
	font-style:italic;
}


.lightgrey {
	color: #999999;
}

.caption {
	font-style:italic;
	font-size: 10px;
}

/* Container and everything else below are within a centralised layout */

#container {
	background-color: #FFFFFF;
	background:url("./images/mw/b_goodies.jpg");
 	background-position: 0% 0%;
  	background-repeat: no-repeat;
	left:50%;
	position:absolute;
	margin:0px 0px 0px -460px;
	width: 920px;
	height: auto;
}

/* pageHeader and its nested styles */
#pageHeader {
	position: relative;
	margin-left:15px;
	width:850px;
	height:140px;
	float:left;
	clear:both; 
}

#logo {
	position: absolute;
	left:0px;
	top:0px;
	width:107px;
	height:80px;
}
#nav {
	position: absolute;
	left:107px;
	top:69px;
	width:743px;
	height:80px;
}


#contactinfo {
	position: absolute;
	left:615px;
	top:52px;
	width:235px;
	height:10px;
}

#subnavphotos {
	position: absolute;
	left:263px;
	top:80px;
	width:100px;
	height:auto;
	line-height:0.0;
	background:url("/images/mw/spacer_red.gif");
 	background-position: 0% 0%;
  	background-repeat: repeat-y;
}

/* End of pageHeader and its nested styles */

/* infoBar and its nested styles */
#infoBar {
	position: relative;
	margin-left:15px;
	width:850px;
	height:85px;
	float:left;
	clear:both; 
}
#mastBar {
	position: relative;
	margin-left:15px;
	width:850px;
	height:50px; /* With fish = 335px With image = 275px */
	float:left;
	clear:both; 
}
#maintitle {
	position: absolute;
	left:40px;
	top:15px;
	width:560px;
	height:auto;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 22px;
	line-height: 1.0;
	color: #DC0055;
}
#subtitle {
	position: absolute;
	left:107px;
	top:55px;
	width:480px;
	height:auto;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-weight: normal; 	 
	font-size: 18px;
	line-height: 1.0;
	color: #333333;
}
#stamp {
	position: absolute;
	left:615px;
	width:235px;
	height:auto;
	text-align:right;
}
#bar {
	position: absolute;
	top:79px;
	width:850px;
	height:1px;
}
/* End of infoBar and its nested styles */

/* Main content and its nested styles */

#content {
	position: relative;
	margin-left:15px;
	margin-top:20px;
	width:850px;
	height:auto;
	float:left;
}

#leftempty {
	position: relative;
	width:107px;
	height:auto;
	float:left;
}



#pageFooter {
	position: relative;
	clear: both;
	float: left;
	margin-top:30px;
	margin-left:55px;
	width: 810px;
	height:60px;
	font-size: 9px;
	color:#999999;
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 1.0;
}
#pageFooter A:link { color: #999999; text-decoration: none; }
#pageFooter A:visited { color: #999999; text-decoration: none; }
#pageFooter A:active { color: #999999; text-decoration: none; }
#pageFooter A:hover { color: #999999; text-decoration: underline; }


.textarea {
	color: #333333;
	font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
 	font-size: 11px;
}

/* Portfolio styles */

#box_projecttitle {
	position: relative;
	padding-left:107px;
	width:488px;
	height:auto;
	float:left;
}
#box_client {
	position: relative;
	margin-left:19px;
	width:235px;
	height:auto;
	float:left;
}

#projectwideimage {
	position: relative;
	padding-left:107px;
        /* top:10px; */
	width:743px;
	height:auto;
	float:left;
}
#projectdivider {
	position: relative;
	padding-left:107px;
	width:743px;
	margin-top:20px;
	height:20px;
	float:left;
}

#projectwide {
	position: relative;
	padding-left:107px;
	width:743px;
	float:left;
}

#projectwidebuffer {
	position: relative;
	padding-left:107px;
	width:780px;
	float:left;
}

#clearpaginate {
	position: relative;
	clear:both;
}

#projectdetailsone {
	position: relative;
	clear:both;
	padding-left:107px;
	width:235px;
	height:auto;
	float:left;
}
#projectdetailstwo {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectdetailsthree {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectdetailsthree A:link { color: #333333; text-decoration: none; }
#projectdetailsthree A:visited { color: #333333; text-decoration: none; }
#projectdetailsthree A:active { color: #000000; text-decoration: none; }
#projectdetailsthree A:hover { color: #DC0055; text-decoration: underline; }

#projectfootercat {
	position: relative;
	clear:both;
	padding-left:107px;
	width:235px;
	height:auto;
	float:left;
}
#projectfootercat A:link { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfootercat A:visited { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfootercat A:active { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
#projectfootercat A:hover { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #DC0055; text-decoration: underline; }

#projectfooterdates {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectfooterdates A:link { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfooterdates A:visited { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfooterdates A:active { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
#projectfooterdates A:hover { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #DC0055; text-decoration: underline; }

#projectfootermisc {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectfootermisc A:link { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfootermisc A:visited { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #333333; text-decoration: none; }
#projectfootermisc A:active { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
#projectfootermisc A:hover { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; font-size: 11px; color: #DC0055; text-decoration: underline; }

#projectpagone {
	position: relative;
	clear:both;
	padding-left:107px;
	width:235px;
	height:auto;
	float:left;
	color: #666666;
}
#projectpagone A:link { color: #6b0172; text-decoration: none; }
#projectpagone A:visited { color: #6b0172; text-decoration: none; }
#projectpagone A:active { color: #333333; text-decoration: none; }
#projectpagone A:hover { color: #DC0055; text-decoration: none; }

#projectpagtwo {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
	color: #666666;
}
#projectpagtwo A:link { color: #6b0172; text-decoration: none; }
#projectpagtwo A:visited { color: #6b0172; text-decoration: none; }
#projectpagtwo A:active { color: #333333; text-decoration: none; }
#projectpagtwo A:hover { color: #DC0055; text-decoration: none; }

#projectpagthree {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
	color: #666666;
}
#projectpagthree A:link { color: #6b0172; text-decoration: none; }
#projectpagthree A:visited { color: #6b0172; text-decoration: none; }
#projectpagthree A:active { color: #333333; text-decoration: none; }
#projectpagthree A:hover { color: #DC0055; text-decoration: none; }

#projectindexone {
	position: relative;
	clear:both;
	padding-left:107px;
	width:235px;
	height:auto;
	float:left;
}
#projectindexone A:link { color: #DC0055; text-decoration: none; }
#projectindexone A:visited { color: #DC0055; text-decoration: none; }
#projectindexone A:active { color: #333333; text-decoration: none; }
#projectindexone A:hover { color: #DC0055; text-decoration: underline; }

#projectindextwo {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectindextwo A:link { color: #DC0055; text-decoration: none; }
#projectindextwo A:visited { color: #DC0055; text-decoration: none; }
#projectindextwo A:active { color: #333333; text-decoration: none; }
#projectindextwo A:hover { color: #DC0055; text-decoration: underline; }

#projectindexthree {
	position: relative;
	margin-left:18px;
	width:235px;
	height:auto;
	float:left;
}
#projectindexthree A:link { color: #DC0055; text-decoration: none; }
#projectindexthree A:visited { color: #DC0055; text-decoration: none; }
#projectindexthree A:active { color: #333333; text-decoration: none; }
#projectindexthree A:hover { color: #DC0055; text-decoration: underline; }

.projecttype {
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	font-weight: normal; 	 
	font-size: 16px;
	line-height: 1.0;
	color: #333333;
}

.projectsubtitle {
	font-style: normal;
	font-weight: normal; 	 
	font-size: 11px;
	line-height: 3.0;
	color: #666666;
}

.projectclient {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 12px;
	line-height: 14px;
	color: #333333;
}


.projectfootertitle {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	font-weight: normal; 	 
	font-size: 12px;
	line-height: 1.0;
	color: #333333;
}

.projectindexsubtitle {
	display: block;
	height: 10px;
}

#projectindexblock {
	position: relative;
	width:235px;
	margin-right:18px;
	height:auto;
	float:left;
}
#projectindexblock A:link { color: #DC0055; text-decoration: none; }
#projectindexblock A:visited { color: #DC0055; text-decoration: none; }
#projectindexblock A:active { color: #333333; text-decoration: none; }
#projectindexblock A:hover { color: #DC0055; text-decoration: underline; }

.projectindexblock {
	position: absolute;
	display: block;
	width:235px;
}

.projectbar {
	display: block;
	font-family: Times New Roman, Times, serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 16px;
	line-height: 1.0;
	padding: 5px;
	color: #e1e2d8;
	background-color:#333333;
}

#twocolsleft {
	position: relative;
	padding-left:107px;
	width:488px;
	height:auto;
	float:left;
}

#twocolsright {
	position: relative;
	margin-left:19px;
	width:235px;
	height:auto;
	float:left;
}

.prefixletter {
	float: left;
	font-size: 70px; 
	line-height: 55px; 
	font-family: Times New Roman, Times, serif;
	padding-top: 1px; 
	padding-right: 5px; 
}

#pagifix {
	position: relative;
	clear: both;
	float: left;
}

.moblogtitle {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: normal; 	 
	font-size: 14px;
	line-height: 2px;
	color: #DC0055;
}

.moblogdate {
	font-family: "Andale Mono", "Courier New", Courier, monospace;
	font-size: 10px;
}