* {padding:0; margin:0; border: none; }
body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #D1D1D1; text-align:center; background: url(../images/body-bg.png) #222; }
a {text-decoration:none; color:#fff; }
a:hover {text-decoration:none; color: #F3992C; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#F3992C; font-size: 18px; font-family: Georgia, serif; margin-bottom: 15px; text-shadow:0px 1px #000 }
#content h2 {margin-top:30px}
#content .posts h2 {margin-top:0px}
h1 {font-size: 44px; border-bottom: dotted 1px #555; }
#content h1 {margin-bottom:20px}
#content {font-size:12px}
#content ol, #content ul {padding:10px 0; margin-left:15px}
#content ol li, #content ul li {padding:2px 0}
p {margin: 0 0 1em; font-size: 1.1em; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }


#container {width:100%; margin: 0 auto; text-align:left; }
div.wrapper {width: 960px; margin: 0 auto; }
div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
div.sep {clear: left; font-size: 1px; height: 1px; line-height: 1px; margin: 10px 0; border-bottom: dotted 1px #555;}
span.morelink {font-size: 12px; margin: 0 2px; }

#header {background-color: #111; border-bottom: solid 1px #333; }
#header #logo {float: left; display: inline; margin: 20px 0; }
#header #headerMenu {float: right; display: inline; margin-top: 40px; }
#headerMenu li {font-size: 11px; }

#boxFeatured {height: 369px; padding: 15px 0; background: #222 url(../images/back_featured.jpg) no-repeat top center; border-bottom: solid 1px #111; overflow: hidden; }
#featMain {position:relative; }
#featMain img {padding: 1px; border: solid 4px #555;}
#featList {float: left; display: inline; margin-left: 20px; width: 340px; }
#featList li {float: left; display: inline; margin: 0 20px 18px 0; }
#featList li img {padding: 1px; border: solid 4px #555;}
#featList li.second {margin-right: 0;}
#featList .navigation {margin:0; padding:0; }

#boxFeatured h2 {margin: 15px 0 5px; font-size: 18px; }
#boxFeatured p {font-size: 11px; }
#boxFeatured a {text-decoration: none; }
div.ribbonFeat {background: url(../images/ribbon_featured.gif) no-repeat top center; position: absolute; top:-4px; right:-4px; height: 95px; width: 95px; z-index: 300; }

#slider {  width: 960px;  margin: 0 auto;  position: relative;}
.scroll {  height: 370px; position: relative; }
.scrollContainer div.panel { height: 370px; }


#main {margin: 0 0 50px 0; padding: 20px 0; border-top: solid 1px #333; }
#content, #contentSide {float: left; display: inline; }
#content {width: 580px; padding: 0 20px 0 0; }
#content p {font-size: 12px; }
#contentSide {padding-top: 25px; margin-left: 30px; width: 330px; font-size: 11px; }
#contentSide a {text-decoration: none; }
#contentSide a:hover {}
#contentSide div.cover a:hover {border-bottom: none;}
#contentSide div.widget {margin-bottom: 30px; }
#contentSide ul.posts li {padding-top: 10px; border-bottom: dotted 1px #555; list-style:none }
#contentSide ul.posts li h2 {font-size: 14px; }
#contentSide p {font-size: 11px;}
#contentSide ul.posts div.cover {margin: 0 0 15px 0; width: 320px; }

div.sidebar-one, div.sidebar-two {float: left; width: 150px; }
div.sidebar-one {margin-right: 30px;}

#main { padding-top: 30px;}

#respond {padding: 2em 0 1em;}
#respond h3 {font-size: 1.8em; font-weight: normal;}

div.comments h2, p.h1 {font-size: 24px; font-family: Georgia, serif;  line-height: 1.2em; margin: 0 0 0.75em 0; font-weight: normal; }
p.h1 {margin-bottom: 18px; text-transform:none;}

div.post {clear: left; padding: 5px 0;}
div.post div.cover {float: left; display:inline; margin: 0 20px 10px 0; width: 560px; }
div.cover img.styled {padding: 1px; border: solid 4px #555;}
div.post div.info {padding-top: 5px; }
div.post img {margin: 1em 0; }
div.post img.wp-smiley {margin: 0; }

#content p.postmetadata {font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
div.column_count {float: right; display: inline; width: 48px; height: 48px; overflow: hidden; background: url(../images/icon_comment.png) no-repeat top left; line-height: 44px; margin: 0 0 5px 10px; text-align: center; font-size: 18px; font-family: Georgia, serif; }
div.column_count a {padding: 3px 10px; text-decoration:none; color: #333; }
div.column_count a:hover {color: #F3992C; }
div.related {margin: 20px 0 0;}
div.related ul li {font-size: 1.2em; list-style-type: square; list-style-position:inside; color: #F3992C; }
div.related ul li:hover {color: #a5e9f2;}
ul.sideComments li div.cover {margin: 0 5px 5px 0; }
ul.sideComments li div.cover img {margin-top:0;}
ul.sideComments li div.info {margin-left: 35px; }
div.comments h2 {font-size: 18px; }

div.pagerbox {margin: 20px 0 0; text-align: center; font-size: 1.2em; }
div.pagerbox a {padding: 4px 6px; background-color: #F3992C; text-decoration: none; color: #333; }
div.pagerbox a:hover {border: none; background-color: #F3992C; color: #fff; text-decoration: underline; }
div.pagerbox a.current {color: #333; background-color: #333; font-weight: bold;}

div.post-single p { line-height: 18px; }
div.post-single li {font-size: 12px; line-height: 18px; }
div.post-single ul, div.post-single ol {margin-left: 20px; margin-bottom: 16px; }
div.post-single ul li {list-style-type: square; }
div.post-single ol li {list-style-type: numeric; }

div.share {padding:10px 0 30px; margin:0 0 0 35px; }
div.share ul {margin:0; padding: 0; }
div.share li {font-size: 11px; margin:0 20px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 18px; }
div.share li img {margin: 0 4px 0 0; display: inline; float: left; } 


/* Comments */

#main div.comments {margin: 0 0 10px 0; font-size: 1.0em; }
#main div.comments h3 {font-size: 18px; font-weight: normal;}
#main div.comments li, #main #respond {padding: 10px 10px; margin-top: 10px; }
#main ol.commentlist div.comment-content {margin-left: 95px; position: relative}
#main ol.commentlist {margin-left:0}
#main cite {font-style: normal; font-weight: normal; }

#main div.reply {margin-right: 1em;}
#main div.reply a {float: right; font-size: 11px; background-color: #a5e9f2; color: #333; padding: 4px 6px;}
#main div.reply a:hover {background-color: #F3992C; }
#main a.more-link {display: block; margin: 10px 0 0; }

#main .normalComments {padding: 1em 0; }
#main .normalComments li {margin: 0 0 1em; padding: 1em 0; background: #333; background: rgba(0,0,0,0.2) }
#main .normalComments li.author {background: #333; background:rgba(0,0,0,0.5);}
#main .normalComments li ul.children {padding: 10px 0 0; }
#main .normalComments li ul.children li {clear: left; margin: 0 1em 1em 2em; border-top: solid 1px #555; }

#main .normalComments cite.author {font-style: normal; font-size: 13px; font-weight: bold; text-shadow:0 -1px rgba(0,0,0,0.8)  }
#main .normalComments div.gravatar {float: left; width: 55px; margin: 0 1em 0.5em 1em; }
#main .normalComments div.gravatar img {border: solid 3px #555; padding: 1px;}
#main .normalComments div.gravatar-author img {border: solid 3px #222;}

#main .normalComments div.comment-content {margin-left: 90px; }
#main .normalComments span.datetime {font-size: 10px; color: #999; margin-left: 1em; position:absolute; right: 5px; text-shadow:0 -1px #000 }
#main .normalComments div.comment-content p {margin: 1em 0 0; font-size: 12px;}
#main .normalComments div.comment-content blockquote {font-size: 1.2em; line-height: 1.5em; }

div.post h1 {font-size: 4.4em; margin: 0 0 0.35em; }
div.post h2 {font-family: "Trebuchet MS", sans-serif; font-size: 24px; font-weight: bold; }
div.post h3, div.post h4, div.post h5, div.post h6 {font-size: 1.8em; margin: 1em 0 10px 0; }
div.post h5, div.post h6 {font-size: 1.5em; font-weight: bold; }
div.post h6 {font-size: 1.3em;}
div.post a {text-decoration: none; font-weight:bold; text-shadow:0 -1px #000 }
#content div.post p.readmore {background: url(../images/arrow_right.png) no-repeat top left; line-height: 32px; padding-left: 38px; margin-bottom: 0; font-size: 11px; text-transform: uppercase;}

div.post li {list-style-type: square; list-style-position: inside; }
div.post ol li {list-style-type: decimal; list-style-position: inside; }

table {font-size: 1.1em; }
table th {background-color: #a5e9f2; color: #fff; font-weight: bold; }

div.postauthor {clear: both; padding: 10px 10px 0; margin: 10px 0 0; border-top: solid 1px #222; background-color: #333; color: #aaa; }
div.postauthor div.avatar {float: left; display: inline; margin: 0 10px 5px 0; }
div.postauthor div.avatar img {padding:1px; border: solid 3px #222;}
div.postauthor p {line-height: 16px;}
div.postauthor p.more {float: right; display: inline; font-weight: bold; margin:15px 0 5px 5px; }

#commentform {font-size: 12px;}
#commentform p {margin: 0 0 5px;}
#commentform br {clear: left;}
#commentform label {float: left; display: inline; width: 120px; text-align: right; padding-right: 0.5em; font-weight:bold; line-height: 2.4em; /* padding-top: 0.3em; */ font-size: 1.2em; }
#commentform input {width: 200px;	padding: 5px;	border: solid 1px #111111; background-color: #333; background-color:rgba(0,0,0,0.5); color:#fff; font:normal 12px Arial;	margin: 0.5em 0.5em 1.0em 0; }
#commentform textarea {	width: 400px; height: 120px; padding: 5px;	border: solid 1px #111111; background-color: #333; background-color:rgba(0,0,0,0.5); color:#fff; font:normal 12px Arial }
#commentform #submit {background:none; font-size: 12px; margin: 5px auto; background-color: #F3992C; color: #fff; padding:5px; text-shadow:0 -1px rgba(87,50,5,0.5); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:auto; cursor:pointer; font-weight:bold  }

#calendar_wrap {font-size: 11px;}
#calendar_wrap table {width: 100%;}
#calendar_wrap table caption {font-weight: bold; font-size: 12px; line-height: 24px;}
#calendar_wrap th {background-color: #333; font-size: 12px; line-height: 22px; height:22px;}
#calendar_wrap td {line-height: 18px; text-align: center; }
#calendar_wrap td#today {background-color: #333; color: #fff;}

/* Footer */
#prefooter {margin: 50px 0 0; height: 1px; font-size: 1px; line-height: 1px; border-top: solid 1px #111; background-color: #444; margin: 0; padding:0; }
#footer {text-align: left; padding: 2em 0 1em; background-color: #333; }
#footer a {text-decoration: none; }
#footer .twitter {float: right; display: inline; width: 200px; background: url(../images/icon_twitter.png) no-repeat top right; text-align: right; }
#footer .twitter p {line-height: 35px; font-size: 11px; text-transform: uppercase; margin:0; padding-right: 40px; }
#footer p {margin-bottom: 0;}

img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #777;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 60px;	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto; }
.wp-caption {	border: 1px solid #5a5955;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px; }
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0; }
/* End captions */

#slidenav {position:absolute; width:800px; height:60px; bottom:5px; left:5px; z-index:10000; padding:12px 75px 10px; background:url(../images/navi_bg.png) repeat-x}
#slidenav #mediumblock {height:63px}
#slidenav #mediumblock div {float:left; color:#fff; font:normal 11px Arial; margin:0 7px 0 0; box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;}
#slidenav #mediumblock div:hover, #slidenav #mediumblock div.activeBlock {box-shadow:0px 0px 10px #F3992C; -webkit-box-shadow:0px 0px 10px #F3992C; -moz-box-shadow: 0px 0px 10px #F3992C;}
#slidenav #mediumblock div img {background:#222; border-width:0px; }
#arrowSlide {position:absolute; bottom:74px; left:151px; border:none !important; padding:0; background:none; z-index:100500}
.infoicon {position:absolute; top:0px; left:0px; z-index:120; border:none !important; padding:0; opacity:0; filter: alpha(opacity = 0); cursor:pointer}
.infoicon .dialog {display:none}

.rightHP {float:left; width:450px; margin-right:10px; padding:0 250px 0 0; min-height:271px; height:auto !important; height:271px; position:relative}
.aboutMe {position:relative; z-index:2; font-family:Verdana, Arial}

#content .posts li {border-bottom:1px solid #111}
#content .posts li p {border-bottom:1px solid #333; padding:0 0 10px; margin:10px 0 0}
#content .posts li div.excerpt p {border-bottom:none; padding:0 0 10px; margin:10px 0 0}
#content .noborder {border:none; padding:20px 0 0}

#content .posts h2 {padding:10px 0 0}

.readmoreLink {display:block; padding:5px; float:right; color:#F3992C; background:#111; font:normal 10px Arial; margin:5px 0}
.readmoreLink:hover {background:#333; text-shadow:0 -1px rgba(0,0,0,0.5)}

.thumb {float:left; margin:11px 20px 0 0; background:#111;padding:1px;border:1px solid #333}
.thumb img {}

.group:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
* html .group{ height:1%;} *:first-child+html .group{min-height:1px;}

/* RESUME */

#resume {width:960px; font:normal 14px/140% Georgia, "Times New Roman", Times, serif; color:#888888; padding:20px 0 0}
div#resume h1 {background:url(../images/slice_accord.jpg) repeat-x center; padding:10px; font:normal 22px Georgia, "Times New Roman", Times, serif; -moz-border-radius:0; -webkit-border-radius:0; color:#fff; border:1px solid #4F4D4E}
div#resume h1 span {display:none}

div#resume div {padding:30px 50px;}
div#resume div div {padding:20px 0 40px}
div#resume div div:last-child {padding-bottom:0}

#resume ul.first-list {float:left; list-style:none; width:420px;}
#resume ul.first-list {margin:0 25px 0 0}
#resume ul.first-list:last-child {margin:0 0 0 0; width:400px}
#resume strong {display:block; color:#ccc; text-shadow:0 -1px rgba(0,0,0,0.5); font:normal 16px/130% Georgia, "Times New Roman", Times, serif}
#resume ul.first-list li {list-style:none; padding:0 0 10px}
#resume ul.first-list li.position {padding:0 0 28px}
#resume ul.first-list li:last-child {padding:0}
#resume ul.first-list li ul {list-style:disc; margin:0 0 0 15px}
#resume ul.first-list li ul li {list-style:disc;}

.post-date {font:normal 11px Verdana; color:#fff; display:block; float:right; color:#666}
ul.posts li:hover .thumb  {box-shadow:0 0 10px #F3992C; -moz-box-shadow:0 0 10px #F3992C; -webkit-box-shadow:0 0 10px #F3992C}

#post-options {padding:20px 0; text-align:center}
#post-options .demo, #post-options .download {font-size:16px; border:1px solid #F3992C; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 20px 10px; background:#111}
#post-options .demo:hover, #post-options .download:hover {background:#222;}
#post-options .demo {}
#post-options .download {}


/*COLORBOX*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

table.options {border-collapse:collapse;}
table.options thead th {padding:10px; background:#222; background:rgba(0,0,0,0.3); text-shadow:0 -1px rgba(0,0,0,0.8); border:1px solid #333}
table.options tbody td {padding:10px; vertical-align:top; border:1px solid #333}

.viewSource {font:bold 11px Arial; text-align:center; padding:5px; display:block}

::selection {background:#B86A0A; color:#fff}
::-moz-selection {background:#B86A0A; color:#fff}