@charset "UTF-8";
/**
 *
 *
 */


/* NORMALIZING */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table {
	border: 0px;
}
/* MAIN */

body {
	margin: 0px;
	padding: 0px;
	font: normal normal 11px/1.2em Arial, Helvetica, sans-serif;
	background:transparent url(../img/adso_bg.png) center 0 repeat-x;
	background-color: #FFF;
}
h1 {
	position: relative;
	font: bold 18px/1.2em Arial, Helvetica, sans-serif;
	margin: 0px auto;
}
h2 {
	font: bold 18px/1.2em Arial, Helvetica, sans-serif;
	color: #e50838;
	margin: 0px 0px 10px 0px;
}
h3 {
	font: bold 18px/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h4 {
	font: bold 12px/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 0px 785px;
	padding: 15px;
}


p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font: normal normal 12px/1.2em Arial, Helvetica, sans-serif;
	color:#031e79;
	letter-spacing: .1em;
	line-height: 1.8;
}
td {
	vertical-align: top;
}
a:link, a:visited {
	color: #e50838;
	text-decoration: none;
	padding: 1px 2px;
}
a:hover, a:active {
	text-decoration: underline;
}
a:focus {
	-moz-outline-style: none;
}
dt {
	font-weight: bold;
}
ul {
	font: bold 14px/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 30px 25px;
	list-style: none;
}
hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
.left {
	float: left;
	margin: 0 10px 10px 0;
}
.right {
	float: right;
	margin: 0 0 10px 10px;
}
blockquote {
	font: bold 16px/1.4em Arial, Helvetica, sans-serif;
	color:#999;
	margin:5px 0pt 5px 25px;
	padding:5px 60px 5px 10px;
}
.clr {
	clear: both;
	height: 0px;
}
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	height: 1%;
	display:block;
}
/* End hide from IE Mac */



/* STRUCTURE */
#wrapper {
	width: 860px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
#header {
	margin: 0px auto;
	padding: 0px;
	font: bold 16px/1.2em Arial, Helvetica, sans-serif;
	width: 860px;
	height: 100px;
	position: relative;
}
#header h1 {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 2px;
	height: 80px;
	width: 250px;
	background:transparent url(../img/adso_logo.png) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
}
#header h2 {
	margin: 0;
	position: absolute;
	top: 180px;
	right: 2px;
	height: 20px;
	width: 175px;
	text-indent: -9000px;
	background:transparent url(../img/adso_tag.png) center 0 no-repeat;
	display:block;
}



#content {
	width: 860px;
	height: 460px;
	float:left;
}
#feature {
	margin: 0px;
	float: left;
	width: 375px;
	height: 400px;
	background: transparent url(../img/feature.png) left 0 no-repeat;
}
#feature h3 {
	text-indent: -9000px;
	height: 18px;
	width: 84px;
	position: relative;
	top: 30px;
	left: 2px;
}
#feature p.title {
	text-indent: -9000px;
	height: 34px;
	width: 128px;
	background: transparent url(../img/baktrax.gif) center 0 no-repeat;
	position: relative;
	top: 250px;
	left: 2px;
}
#feature .featdescrp {
	margin: 10px 0;
	padding: 0;
	position: relative;
	top: 250px;
	left: 2px;
}
#feature a.screens {
	margin: 0;
	padding: 0;
	height: 21px;
	width: 112px;
	background:transparent url(../img/view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	position: relative;
	top: 260px;
	left: 2px;
}
#feature a:hover.screens {
	background-position:center bottom;
}



/* NAVIGATION */

#navigation {
	width: 860px;
	height: 170px;
	float: left;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation li {
	display:inline;
}
#navigation ul a.box1 {
	margin: 26px 0 0 0;
	display: block;
	width:200px;
	height:121px;
	line-height:40px;
	color: #000;
	text-decoration: none;
	background: transparent url(../img/navigation.png) 2px 0px no-repeat;
	text-indent: 50px;
	float: left;
	text-indent: -9000px;
}
#navigation ul a.box2 {
	margin: 26px 0 0 12px;
	display: block;
	width:200px;
	height:121px;
	line-height:40px;
	color: #000;
	text-decoration: none;
	background: transparent url(../img/navigation.png) -230px 0px no-repeat;
	text-indent: 50px;
	float: left;
	text-indent: -9000px;
}
#navigation ul a.box3 {
	margin: 26px 0 0 12px;
	display: block;
	width:200px;
	height:121px;
	line-height:40px;
	color: #000;
	text-decoration: none;
	background: transparent url(../img/navigation.png) -460px 0px no-repeat;
	text-indent: 50px;
	float: left;
	text-indent: -9000px;
}
#navigation ul a.box4 {
	margin: 26px 0 0 20px;
	display: block;
	width:200px;
	height:121px;
	line-height:40px;
	color: #000;
	text-decoration: none;
	background: transparent url(../img/navigation.png) -690px 0px no-repeat;
	text-indent: 50px;
	float: left;
	text-indent: -9000px;
}
#navigation ul a.tag {
	margin: 175px 0 0 0;
	display: block;
	width: 480px;
	height: 127px;
	line-height:40px;
	background: transparent url(../img/adso_des.png) center 0px no-repeat;
	float: right;
	text-indent: -9000px;
}

#navigation ul a.tagen {
	margin: 175px 0 0 0;
	display: block;
	width: 480px;
	height: 127px;
	line-height:40px;
	background: transparent url(../img/adso_des_en.png) center 0px no-repeat;
	float: right;
	text-indent: -9000px;
}
#navigation a:hover.box1 {
	background-position: 2px -126px;
}
#navigation a:hover.box2 {
	background-position: -230px -126px;
}
#navigation a:hover.box3 {
	background-position: -460px -126px;
}
#navigation a:hover.box4 {
	background-position: -690px -126px;
}
#navigation a:hover.tag {
	background-position: -1px -127px;
}
#navigation a:hover.tagen {
	background-position: -1px -127px;
}
/* FOLIO */


#work01 {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 31px;
	float: right;
	border-top: #031e79 1px solid;
}
#work01 h2 {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/title01.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}

#work01 h2en {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/title01_en.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}

#work01 .tp {
	font: bold normal 11px/1.2em Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 2px;
	color:#e50838;
}
#work02 {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 31px;
	float: right;
	border-top: #031e79 1px solid;
}
#work02 h2 {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/title03.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}
#work02 .tp {
	font: bold normal 11px/1.2em Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 2px;
	color:#e50838;
}
#work03 {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 31px;
	float: right;
	border-top: #031e79 1px solid;
}
#work03 h2 {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/title04.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}
#work03 .tp {
	font: bold normal 11px/1.2em Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 2px;
	color:#e50838;
}
#work04 {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 31px;
	float: right;
	border-top: #031e79 1px solid;
}
#work04 h2 {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/title02.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}
#work04 .tp {
	font: bold normal 11px/1.2em Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 2px;
	color:#e50838;
}
.top {
	margin: 0;
	padding: 20px 0px 0px 0px;
	width: 860px;
	float: left;
	border-top: #031e79 1px solid;
}
.top h3 {
	margin: 90px 0 20px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.top h4 {
	margin:10px 0 0px 0;
	color: #031e79;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.top .descrp {
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 210px;
	width: 860px;
	float: right;
}
.top .descrp2 {
	margin: 50px 10px 0 10px;
	padding: 0;
	height: 100px;
	width: 300px;
	float: left;
}
.top p {
	margin: 0;
	padding: 0 0 0 0;
}
.topmini {
	margin: 0;
	padding: 0;
	width: 860px;
	float: left;
	border-top: #031e79 1px solid;
}
.topmini h3 {
	margin: 55px 0 10px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.topmini h4 {
	margin:10px 0 0px 0;
	color: #031e79;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.topmini .descrp {
	margin: 25px 10px 25px 0px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}
.topmini .descrp2 {
	margin: 25px 0px 25px 10px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}
.topmini p {
	margin:0;
	padding: 0 0 0 0;
}


.item {
	margin: 0;
	padding: 20px 0px 0px 0px;
	width: 860px;
	height: 215px;
	float: left;
	border-top: #031e79 1px dotted;
}
.item h3 {
	margin: 90px 0 20px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.item .descrp {
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 210px;
	width: 860px;
	float: right;
}

.item p {
	margin: 0;
	padding: 0 0 0 0;
}


.itemmini {
	margin: 0;
	padding: 0;
	width: 860px;
	float: left;
}
.itemmini h3 {
	margin: 55px 0 10px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.itemmini .descrp {
	margin: 25px 10px 25px 0px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}

.itemmini .descrp2 {
	margin: 25px 0px 25px 10px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}
.itemmini p {
	margin:0;
	padding: 0 0 0 0;
}


.itemmini2 {
	margin: 0;
	padding: 0;
	width: 860px;
	float: left;
	border-top: #031e79 1px dotted;
}
.itemmini2 h3 {
	margin: 55px 0 10px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
.itemmini2 h4 {
	margin: 10px 0 0px 0;
	color: #031e79;
	font: bold 14px/1.2em Arial, Helvetica, sans-serif;
}
.itemmini2 .descrp {
	margin: 25px 10px 25px 0px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}

.itemmini2 .descrp2 {
	margin: 25px 0px 25px 10px;
	padding: 0;
	height: 100px;
	width: 420px;
	float: left;
}
.itemmini2 p {
	margin:0;
	padding: 0 0 0 0;
}


.folioimg {
	border: #e50838 0px solid;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
}
.folioimg2 {
	border: #e50838 0px solid;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
}
.item a.screens {
	margin: 20px 0 0 0;
	padding: 0;
	height: 190px;
	width: 190px;
	background:transparent url(../img/view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	float:left;
}
.item a:hover.screens {
	background-position:center bottom;
}


.itemmini a.screens {
	margin: 0 0 0 0;
	padding: 0;
	height: 100px;
	width: 100px;
	display:block;
	text-indent: -9000px;
	float:left;
}
.itemmini a:hover.screens {
	background-position:center bottom;
}


.itemmini2 a.screens {
	margin: 0 0 0 0;
	padding: 0;
	height: 100px;
	width: 100px;
	display:block;
	text-indent: -9000px;
	float:left;
}
.itemmini2 a:hover.screens {
	background-position:center bottom;
}

.top a.screens {
	margin: 20px 0 0 0;
	padding: 0;
	height: 190px;
	width: 190px;
	background:transparent url(../img/view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	float:left;
}
.top a:hover.screens {
	background-position:center bottom;
}


.topmini a.screens {
	margin: 20px 0 0 0;
	padding: 0;
	height: 21px;
	width: 112px;
	background:transparent url(../img/view.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	float:left;
}
.topmini a:hover.screens {
	background-position:center bottom;
}

/* ABOUT */

#about {
	margin: 0;
	padding: 0;
	width: 860px;
	height: 31px;
	float: left;
	border-top: #031e79 1px solid;
}
#about h2 {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/ego.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}

#about h2en {
	margin:0 auto;
	height: 31px;
	width: 200px;
	background:transparent url(../img/ego_en.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
}

#bio {
	margin: 0 0 20px 0;
	padding: 40px 0 0 0;
	width: 860px;
	float: left;
	border-top: #031e79 1px solid;
}
#bio h3 {
	margin:0 0 10px 0;
	color: #e50838;
	font: bold 15px/1.2em Arial, Helvetica, sans-serif;
}
#bio .col1 {
	margin: 0;
	padding: 1px;
	width: 860px;
	height: 450px;
	float: left;
}
#bio .col2 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 250px;
	float: right;
}
#bio p {
	font: normal normal 12px/1.2em Arial, Helvetica, sans-serif;
	color:#031e79;
	letter-spacing: .1em;
	line-height: 1.6;
}
#bio p.spacer {
	margin-bottom: 10px;
}
/* FOOTER */

#footer {
	height: 60px;
	float: left;
	clear: left;
	padding: 15px 0 0 0;
	width: 860px;
	margin: 0 0 30px 0;
	border-top: #031e79 1px solid;
}
#footer p {
	color: #999;
	font: bold 10px/1.2em Arial, Helvetica, sans-serif;
}
#footer a {
	color: #e50838;
	font-size: 12px;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .email {
	font: bold 12px/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color:#e50838;
}
#footer .tp {
	font: bold normal 11px/1.2em Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 350px;
	color:#e50838;
}
#footer .copy {
	float: right;
	color:#e50838;
	padding-right: 0px;
}
#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#footer li.smldesc {
	font: bold 10px/1em Arial, Helvetica, sans-serif;
	padding: 2px 0px 8px 2px;
	color: #999;
}
/* BLOG MAIN */

	
#tcontent {
	width: 860px;
	height: 460px;
	float:left;
}
#ttag {
	margin: 100px 0 0 0;
	background: transparent url(../img/adso_sfdes.gif) center 0 no-repeat;
	width: 356px;
	height: 127px;
	float: right;
	text-indent: -9000px;
}
#tfeature {
	margin: 0px;
	float: left;
	width: 452px;
	height: 269px;
	background: transparent url(../img/sf.jpg) center 0 no-repeat;
}
#tumblr {
	margin: 0;
	padding: 0;
	border-top: #031e79 1px solid;
	float: left;
	width: 580px;
}
#tumblr h2 {
	margin:0 auto;
	height: 31px;
	background:transparent url(../img/hdr_sidebar.gif) center -1px no-repeat;
	display:block;
	border-bottom: #031e79 1px solid;
	text-indent: -9000px;
}
.post {
	width: 500px;
	margin: 20px auto;
	padding: 30px;
	postion: relative;
}
.post p {
	clear:left;
}
.stamp {
	width: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 20px;
	text-align: center;
	margin: 10px 480px 25px 0px;
	background-color:#0099cc;
	padding:0 0 5px 0;
	white-space:nowrap;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	color:#FFF;
	vertical-align: middle;
}
.stamp a {
	color:#fff;
}
.plus {
	width: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 20px;
	text-align: center;
	margin: 10px 480px 25px 0px;
	background-color:#0099cc;
	padding:0 0 5px 0;
	white-space:nowrap;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	color:#FFF;
	vertical-align: middle;
}
.plus a {
	color:#fff;
}
/* SIDEBAR */


#sidebar {
	margin: 0;
	padding: 0;
	border-top: #CEC2C2 1px solid;
	float: right;
	width: 265px;
}
#sidebar h2 {
	margin:0 auto;
	height: 31px;
	background:transparent url(../img/hdr_mcourse.gif) center -1px no-repeat;
	display:block;
	border-bottom: #CEC2C2 1px solid;
	text-indent: -9000px;
}
#sidebar ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#sidebar li.smldesc {
	font: bold 10px/1em Arial, Helvetica, sans-serif;
	padding: 2px 0px 8px 2px;
	color: #999;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:24px !important;
	height:24px;
	font-size:24px;
	margin: 25px 0 10px 0;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:14px !important;
	height:14px;
	font-size:14px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:18px !important;
	height:18px;
	font-size:18px;
}
/* TUMBLR STYLES */
            
/* Regular Post */
.post .regular {
	font-size: 12px;
	color: #666;
	line-height: 17px;
	margin: 0 0 5px 0;
}
.post .regular blockquote {
	font-style: italic;
}
/* Photo Post */
.post .photo img {
	width: 375px;
	border: solid 5px #fff;
	margin: 0 0 5px 0;
}
.post .photo div.caption {
	font-size: 14px;
	color: #666;
	margin: 15px 0 15px 0;
	line-height: 1.4;
}
/*.post .photo div.caption a {
      color:            {color:Text};
       }*/
            
/* Quote Post */
.post .quote {
	margin: 20px 0 15px 0;
}
.post .quote span.quote {
	font: bold normal 20px/1em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #666;
	margin: 0 0 10px 0;
}
/*.post .quote span.quote a {
        color:            {color:Quote};
        }*/

       .post .quote span.quote big.quote {
	font: bold normal 40px/1em Arial, Helvetica, sans-serif;
	line-height: 8px;
	vertical-align: -20px;
}
.post .quote span.source {
	font-size: 14px;
	font-weight: Bold;
	color: #999;
	margin: 2px 0 15px 0;
	letter-spacing: -1px;
	text-transform: uppercase;
}
/*.post .quote span.source a {
                color:            {color:Quote Source};
            }*/
            

/* Link Post */
.post .link {
	margin: 25px 0 15px 0;
}
.post .link a.link {
	font: bold normal 19px/1em Arial, Helvetica, sans-serif;
	line-height: 4px;
	letter-spacing:   -1px;/*color:            {color:Link Post};*/
    }
.post .link span.description {
	font-size: 12px;
	line-height: 1.2;
	font-weight: normal;
	color: #666;
}
/* Audio Post */      
.post .audio div.caption {
	font-size: 11px;
 color: #666  margin-top: 5px;
}
/* .post .audio div.caption a {
   color: {color:Text};
   }*/
            
/* Video Post */

.post .video {
	width: 375px;
	margin: 20px 0 15px 0;
}
.post .video div.caption {
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	line-height: 1.4;
}
/* .post div.video div.caption a {
                color:            {color:Text};
            }*/

            /* Pages */
			
			
            #pages {
	height: 40px;
	clear:both;
	background-color: #f5f5f5;
	margin: 45px 0 0 0;
}
#pgcenter {
	width: 500px;
	margin: 0px auto 0px auto;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	font-size: 12px;
}
#pages a {
	text-decoration:  none;
}
#pages a:hover {
	text-decoration:  underline;
}
#pages .archive {
	text-transform: none;
	color: #888;

/* Disqus Styles */

.dsq-comment-header {
 font-size: 14px;
 color: #333;
}