/* - - - - - - - - - - - - - - - - - - - - -

Title : Style
Author : Paul Soultis
URL : www.soultydesign.com

Description : css file

Created :
Modified :

- - - - - - - - - - - - - - - - - - - - - */

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */

body{ font-family:Arial, Helvetica, sans-serif; background:#5395e4 url(../images/body-tile.gif) 0 0 repeat-x;}
#beta-triangle { position:fixed; top:0; left:0;}
#wrapper { text-align:center; margin:0 auto;}

/*- header - */

#header{width:800px; height:427px; text-align: center; margin: 0 auto; }
#header img{float: left; margin-top: 43px;}
#header-copy{float: left; margin-left: 40px; margin-top: 40px; text-align: left; width:436px; height: 367px; padding-bottom: 20px;}
#header-copy h1{font-size: 56px; color: #2f7fde; font-weight: bold; margin-left: -15px;}
#header-copy .white{font-size: 16px; color: #fff;}
#header-copy h2{font-size: 26px; color: #fff; font-weight: bold; margin-top: 12px; margin-bottom: 2px;}
#header-copy p{font-size: 17px; color: #999; line-height: 24px; text-align: justify;}

#header-copy .roundedbox-grey {-moz-border-radius:10px; border-radius:10px; padding:5px; background-color: #ededf2; margin-top:20px;}
#header-copy .roundedbox-grey p{ text-align: center; color:#000; font-weight: bold;}
#header-copy .roundedbox-grey a{color:#2f7fde; text-decoration: none;}
#header-copy .roundedbox-grey a:hover{color:#2f7fde; text-decoration: underline;}

/*- middle section - */

#main-container-wrap{background:url(../images/main-tile.gif) repeat; width:auto; min-width: 800px;}
#main-container{width:800px; height:auto; min-height:350px; text-align: center; margin: 0 auto; padding-bottom:60px;}
#main-left{width: 165px; float: left; margin-right: 20px;}
#main-left .title {display: block; line-height: 40px; background-color:#2f7fde; margin-bottom: 15px; margin-top: -1px;}
#main-left h1{font-size: 17px; color:#fff; font-weight: bold;}

#main-left ul.latest-work-list{text-align:left;}
#main-left ul.latest-work-list li{position: relative;}
#main-left ul.latest-work-list li a{width: 165px; color: #333; font-weight: bold; background:#f9f9fb url(../images/arrow.png) no-repeat 0px 50%; display: block; border-bottom: 1px solid #b3b3b3; text-decoration: none; line-height: 35px; min-height: 35px; margin-bottom: 10px;}
#main-left ul.latest-work-list li a:hover{background:#2f7fde url(../images/arrow.png) no-repeat -165px 50%; color: #fff; text-decoration: none; font-weight: bold; border-bottom: 1px solid #fff;}
#main-left ul.latest-work-list li span{padding-left: 15px; font-size: 15px;}
#main-left ul.latest-work-list li a.selected{background:#2f7fde url(../images/arrow.png) no-repeat -165px 50%; color: #fff; text-decoration: none; font-weight: bold; border-bottom: 1px solid #fff;}

/*- styling for back home button -*/
#main-left ul.latest-work-list li.homelink a{color: #333; font-weight: bold; background:#f9f9fb url(../images/arrow-left.png) no-repeat 0px 13px; display: block; border-bottom: 1px solid #b3b3b3; text-decoration: none; line-height: 35px; margin-bottom: 10px;}
#main-left ul.latest-work-list li.homelink a:hover{background:#2f7fde url(../images/arrow-left.png) no-repeat -165px 13px; color: #fff; text-decoration: none; font-weight: bold; border-bottom: 1px solid #fff;}
#main-left ul.latest-work-list li.homelink span{padding-left: 35px; font-size: 15px;}

#main-right{width:614px; float:left; text-align: left; border-left: 1px dashed #bfbfbf; margin-top:20px; min-height:300px;}
#main-right a img{background-color: #fff; margin-left:18px; margin-bottom: 20px; border:1px solid #bfbfbf; padding:5px;}
#main-right a:hover img{background-color: #2f7fde; border:1px solid #c2ddff;}

/*- about me -*/
#about-section{min-height:350px; padding-bottom: 20px; padding-left: 20px;}
#aboutme-copy{padding-bottom: 20px;}
#about-section p{text-align: justify; font-size: 12px; line-height: 18px; padding-bottom: 15px;}
#about-section a{color: #000; text-decoration: underline;}
#about-section a:hover{color: #2f7fde; text-decoration: underline;}
#about-section-lists{float: left; height: auto; margin: 0px 0px 0px 0px; border: 1px solid #b8b8b8; padding: 5px 5px 10px 5px;}
#about-section-lists .skills-header{display: block; background-color:#ccdcf1; padding: 5px 5px 5px 10px; margin: 5px; color: #262626; font-size: 16px; font-weight: bold;}

/*-- code for list in about me section ---*/
ul.aboutmeinfo{ padding-top:10px;}
ul.aboutmeinfo li{font-size: 14px; text-align: left; list-style: disc;  line-height: 18px; padding-bottom: 5px;}
#myskills{float: left; width: 245px; margin-right: 37px; height: auto;}
#myskills.right{float: left; width: 300px; height: auto; margin: 0px;}

ul.skills-list li{font-size: 14px; line-height: 22px; padding: 5px 5px 5px 28px; display: block; text-align: left; margin-left: 10px; background: url(../images/skills-arrow.png) 0px 8px no-repeat;  border-bottom: 1px dotted #cfcfcf;}

/*-- code for list in flash mockups section ---*/
ul.flashmock-list{ padding-top:10px;}
ul.flashmock-list li{font-size: 14px; text-align: left; list-style: disc;  line-height: 18px; padding-bottom: 5px;}
#flashprojects{float: left; width: 581px; height: auto;}
/*#flashprojects.right{float: left; width: 300px; height: auto; margin: 0px;}*/

ul.flashmock-list li{font-size: 14px; line-height: 22px; padding: 5px 5px 5px 28px; display: block; text-align: left; margin-left: 10px; background: url(../images/skills-arrow.png) 0px 8px no-repeat;  border-bottom: 1px dotted #cfcfcf;}


/*--footer--*/
#footer-wrap{background:url(../images/footer-tile.png) repeat-x; width:auto; min-width: 800px; margin-top: -40px;}
#footer{width:800px; margin: 0px auto; text-align:center; padding-top: 40px;}

#footer-left{width: 340px; float: left;}
#footer-left .roundedbox-blue{-moz-border-radius:10px; border-radius:10px; padding:5px; background-color: #2f7fde;}
#footer-left .roundedbox-blue h3{font-size: 22px; text-align: left; color:#fff; font-weight: bold; padding-left: 10px;}
#footer-left .roundedbox-blue h3 a{color: #fff; text-decoration: none;}
#footer-left .roundedbox-blue h3 a:hover{color: #fff; text-decoration: none;}
#footer-left p{font-size: 13px; text-align: left; color:#333; font-weight: normal; margin-left: 15px; margin-top: 10px; line-height: 20px;}
#footer-left .roundedbox-white{-moz-border-radius:10px; border-radius:10px; background-color: #ededf2; height: 2em;} 
#footer-left .roundedbox-white p{color: #333; font-weight: bold; font-size:14px; padding-top: 7px;}
#footer-left .roundedbox-white .contact{color: #666; font-weight: bold; font-size:13px; display: inline-block; width:55px;}

#footer-right{width:435px; float: left; padding-left: 24px;}
#footer-right .roundedbox-blue{-moz-border-radius:10px; border-radius:10px; background-color: #ededf2;}
#footer-right .roundedbox-blue h3{font-size: 22px; text-align: left; color:#fff; font-weight: bold; padding-left: 10px;}
#footer-right p{font-size: 13px; text-align: left; color:#333; font-weight: normal; margin-left: 15px; margin-top: 7px; line-height: 20px;}

#footer-right .roundedbox-white{-moz-border-radius:10px; border-radius:10px; background-color: #ededf2; height: 2em;}
#footer-right .roundedbox-white p{color: #333; font-weight: bold; font-size:14px; padding-top: 7px;}
#footer-right .roundedbox-white .contact{color: #666; font-weight: bold; font-size:13px; display: inline-block; width:50px;}
#footer-right .roundedbox-white .contact-icons-resume{background:url(../images/pdf_icon.png) no-repeat 0px 0px;}
#footer-right .roundedbox-white .contact-icons-linkedin{background:url(../images/linkedin_icon.png) no-repeat 0px 0px;}
#footer-right .roundedbox-white .contact-icons-facebook{background:url(../images/facebook_icon.png) no-repeat 0px 0px;}
#footer-right .roundedbox-white a{color: #333; text-decoration: underline; margin-right:15px;}
#footer-right .roundedbox-white a:hover{color: #2f7fde; text-decoration: underline;}

#footer-right .roundedbox-white .contact-icons-resume a{font-size: 13px; padding-left: 25px; display: inline-block; width: auto; margin-right: 20px;}
#footer-right .roundedbox-white .contact-icons-linkedin a{font-size: 13px; padding-left: 25px; display: inline-block; width: auto; margin-right: 20px;}
#footer-right .roundedbox-white .contact-icons-facebook a{font-size: 13px; padding-left: 25px; display: inline-block; width: auto;}

#footer-legal{
    width:800px; text-align:right;
    /* margin: 20px auto; */
    text-align:center;
    /* border-top: 1px solid #94c3ff; */
    padding-top: 5px;}

    #footer-legal p{color: #94c3ff; font-size: 11px; text-align: right;}


/*--styling for fancy box---*/
.page-counter{text-align: left; color: #999; display: block; padding: 4px 3px 3px 0px; font-weight: bold; font-size: 11px; border-bottom: 1px solid #999;}

.title-container{padding: 5px 0px 0px 0px;}
.title-container p{line-height: 16px; color: #fff; font-size: 11px; padding: 1px 0px 1px 0px;}
.title-container b{text-align: left; color: #2f7fde; padding-right: 10px; font-weight: bold;}
.title-container span{color: #fff; text-align: justify; padding-right: 10px;}

#fancybox-title{padding:0px !important; width:100% !important;}
#fancybox-title-over{padding: 10px 0px 10px 0px !important;}
#fancybox-overlay{padding-bottom: 100px !important;}


/* ----- SPECIAL CLASSES ----- */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}