/* Menacestudio.com 
	by Dennis Rongo, 2009
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section
{
    display: block;
}

nav ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

a
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins
{
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark
{
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select
{
    vertical-align: middle;
}
/* E N D  R E S E T  C S S */

/* This needs to be first because FF3 is now supporting this */
.clearfix
{
    display: inline-block;
}
.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */




/* C O R E  E L E M E N T S */
body
{
    background: #666666 url(../images/top_bg.png) repeat-x scroll left top;
    font-family: Georgia,serif;
    font-size: 13px;
}
body, select, input, textarea
{
    color: #444;
}

a
{
    text-decoration: none;
}

a img
{
    border: medium none;
}
img
{
    vertical-align: middle;
}

h1, h2, h3, h4, h5
{
    font-weight: normal;
    margin: 0 0 5px;
}
h2
{
    clear: both;
    color: #444444;
    display: block;
    font-size: 22px;
    text-decoration: none;
}
h3
{
    clear: both;
    color: #444444;
    display: block;
    font-size: 18px;
    text-decoration: none;
}
p
{
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}




/* D E F I N E D  C L A S S E S */
.center
{
    text-align: center;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.visual-aid
{
    display: none;
}
.clear
{
    clear: both;
}
.bold
{
    font-weight: bold;
}
.highlight
{
    border-bottom: 1px dashed #444;
    font-weight: bold;
    font-size: 15px;
    font-style: italic;
}

/* S T R U C T U R E */

/* PAGE NAV */
#nav
{
    float: left;
}

#nav a
{
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    line-height: 28px;
    padding: 0 6px;
    text-align: center;
}

#nav a:hover
{
    color: #f88a48;
}

ul#nav, ul.socmedia
{
    list-style-position: outside;
    list-style-type: none;
    position: relative;
}

#nav li
{
    float: left;
    position: relative;
}
#page-header div#nav-description
{
    display: inline;
    line-height: 28px;
    padding-left: 20px;
    color: #ffffff;
    font-size: 12px;
}

body.about a#nav-about, body.contact a#nav-contact, body.home a#nav-home, body.blog a#nav-blog, body.portfolio a#nav-portfolio, a.portfolio
{
    color: #F88A48;
    font-weight: bold;
}


/* END PAGE NAV */





/* PAGE CONTENT */
div#content-wrapper
{
    margin: 0px 130px;
    position: relative;
    width: 700px;
}

div#page-container
{
    margin: 0px auto 0px;
    width: 960px;
    padding: 0px;
    background: transparent url(../images/main_bg.png) repeat-y scroll 0 0;
    position: relative;
    overflow: hidden;
}

div#content li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 8px;
    font-size: 11px;
    border-bottom: 1px dotted #5d472d;
}

div#content
{
    padding: 20px 25px;
    width: 450px;
    float: left;
    position: relative;
}

ul#credentials li:hover, ul#skills li:hover
{
    background-color: #666666;
    color: #ffffff;
}
ul#credentials li, ul#skills li
{
    border-bottom: 1px dotted #5d472d;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 8px 16px;
}

ul#credentials, ul#skills
{
    margin-bottom: 20px;
}
div#about-page li
{
    font-size: 12px;
}

div#contact div#name div.floatleft, div#contact div#email div.floatleft, div#contact div#subject div.floatleft, div#message div#name div.floatleft, div.commentForm div.floatleft
{
    width: 100px;
    padding: 5px 0;
}

div#contact div#name div.floatright, div#contact div#email div.floatright, div#contact div#subject div.floatright, div#message div#name div.floatright, div.commentForm div.floatright
{
    width: 330px;
    padding: 5px 0;
}

div#contact div#message div, div#contact div#captcha
{
    padding: 5px 0;
}

div#contact div#buttons div.floatleft
{
    width: 215px;
    padding: 5px 0;
    text-align: left;
}
div#contact div#buttons div.right
{
    display: none;
}

div#contact div#captcha, div#contact div.required
{
    text-align: left;
}
div#contact input, div#contact textarea, div.commentForm input, div.commentForm textarea, table.loginbox td input
{
    padding: 5px;
}

.focusField
{
    border: solid 2px #F88A48;
    background: #EFF5FF;
}

.idleField
{
    background: #EEE;
    color: #6F6F6F;
    border: solid 2px #DFDFDF;
}

/* END PAGE CONTENT */



/* PAGE HEADER */
#page-header-container
{
    width: 960px;
    background: #666666 url(../images/top_bg.png) repeat-x scroll left top;
}

#page-header
{
    background: transparent url(../images/header.jpg) no-repeat scroll bottom right;
    height: 108px;
    width: 700px;
    clear: both;
    position: relative;
    margin: 0px 130px;
}


#page-header h1
{
    display: none;
}

/* END PAGE HEADER */





/* SIDE BAR */
#page-sidebar
{
    padding: 20px 5px;
    float: right;
    width: 190px;
    position: relative;
}

#box-content .box-contents
{
    margin: 0px 0px 20px;
    background-color: #FAFAFA;
    border: 1px solid #F2F2F2;
    font-size: 95%;
    margin: 5px 15px 10px 0;
    padding: 5px;
}
#box-content #soc-media1 a
{
    text-align: center;
    padding: 6px;
}
#box-content #soc-media2 a
{
    display: block;
    text-decoration: none;
    line-height: 28px;
    padding: 6px;
    text-align: center;
}


#box-content #soc-media2
{
    float: left;
}
#box-content #soc-media2 .socmedia li
{
    float: left;
    position: relative;
}

div#twitters ul li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 8px;
    font-size: 11px;
    border-bottom: 1px dotted #5d472d;
}
div#twitters ul li a, div#twitters ul li div.status
{
    color: #444444;
}
div#twitters ul li:hover
{
    background-color: #666666;
}
div#twitters ul li:hover a, div#twitters ul li:hover div.status
{
    color: #ffffff;
}

div#twitters div#twit-loader
{
    text-align: center;
}


/* END SIDE BAR */




/* PAGE FOOTER */
#page-footer
{
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    padding: 30px 0px 0px;
    background: transparent url(../images/footer_bg.png) repeat-x scroll 0 0;
    height: 100px;
    clear: both;
    position: relative;
}
/* END FOOTER */

/* BLOG */
div.blog-page a, div#relatedPosts a, div#about-page a
{
    color: #F88A48;
}
div#relatedPosts
{
    margin-bottom: 20px;
    border-bottom: 1px dotted #5D472D;
    padding-bottom: 20px;
}
div#relatedPosts span
{
    display: block;
}

div#relatedPosts h1, div.commentForm h1, h1#comment
{
    font-size: 18px;
}

div.commentForm
{
    font-size: 12px;
    margin-top: 20px;
}

div#comment-content div#commentCompose
{
    padding: 10px;
}

div.blog-page .text
{
    margin: 0px 0px 20px;
    line-height: 20px;
}
div.blog-page .text p
{
    font-size: 12px;
}

div#content div#postnavigation a, div#content div#postPaging a
{
    color: #F88A48;
}

div.blog-page h3 a:hover
{
    color: #f88a48;
}
div.blog-page h3 a
{
    color: #5d472d;
    font-weight: bold;
}

ul#recentPosts li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 8px;
    font-size: 11px;
    border-bottom: 1px dotted #5d472d;
}

div#content div.blog-page div.csharp li
{
    border-bottom: none;
}

div#content div.blog-page div.csharp
{
    font-family: consolas, 'Courier New' ,courier,monospace;
    border-left: 3px solid #F88A48;
    margin: 10px 0 10px 5px;
    padding-left: 5px;
    background-color: #F4F4F4;
}

ul#recentPosts li:hover
{
    background-color: #666666;
}
ul#recentPosts li:hover a
{
    color: #ffffff;
}
ul#recentPosts li a
{
    color: #444444;
}

ul#ctl00_Menu1_ulMenu li
{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 8px;
    font-size: 11px;
    border-bottom: 1px dotted #5d472d;
}
ul#ctl00_Menu1_ulMenu li:hover
{
    background-color: #666666;
}
ul#ctl00_Menu1_ulMenu li:hover a
{
    color: #ffffff;
}
ul#ctl00_Menu1_ulMenu li a
{
    color: #444444;
}


div.blog-page
{
    margin-bottom: 20px;
}
div.blog-page p.blog-date
{
    font-size: 11px;
    color: #444444;
}
div.blog-page div.footer
{
    font-size: 11px;
}
div.blog-page div.footer a
{
    color: #5d472d;
}
div.blog-page div.footer
{
    margin-bottom: 10px;
}



div#content div.blog-page ul li
{
    list-style-type: square;
    border-bottom: none;
    display: list-item;
    list-style-position: inside;
}


div#page-sidebar div.box-contents div#blog-signin a
{
    color: #F88A48;
    padding: 4px 8px;
    font-size: 11px;
}

div#comment-name, div#comment-email, div#comment-website, div#comment-country
{
    width: 500px;
}

div#comment-name-label, div#comment-email-label, div#comment-website-label, div#comment-country-label
{
    float: left;
    width: 75px;
}

div#comment-name-input, div#comment-email-input, div#comment-website-input, div#comment-country-input
{
    float: right;
    width: 425px;
}

div#comment-bbcode span.bbcode a
{
    padding: 0 6px;
    line-height: 28px;
}

div#comment-content ul#commentMenu li
{
    font-size: 12px;
}
div#comment-content ul#commentMenu li:hover
{
    color: #F88A48;
    background-color: #444444;
}

div#commentlist div.comment
{
    border-bottom: 1px dotted #5D472D;
}

span.bbcode a
{
    color: #444444;
}

div.postfooter
{
    background-color: #FAFAFA;
    border: 1px solid #F2F2F2;
    font-size: 95%;
    margin: 5px 15px 10px 0;
    padding: 5px;
}


/*----------------------------
				 Login
----------------------------*/
table.loginbox td input[type='text']
{
    width: 250px;
}

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud
{
    margin-bottom: 10px;
    white-space: normal;
}

#tagcloud li
{
    display: inline;
    border-bottom: none;
}

#tagcloud a
{
    margin-right: 3px;
    display: inline;
    padding: 3px 1px 3px 1px;
    color: #444444;
}

#tagcloud li a:hover
{
    color: #F88A48;
    background: none;
}

#tagcloud a.biggest
{
    font-size: 20px;
}

#tagcloud a.big
{
    font-size: 17px;
}

#tagcloud a.medium
{
    font-size: 13px;
}

#tagcloud a.small
{
    font-size: 12px;
}

#tagcloud a.smallest
{
    font-size: 10px;
}


/* END BLOG */