/* reset */
body,p,div,h1,h2,h3,h4,h5,h6,table,tbody,tr,td,span,blockquote,a,abbr,address,cite,code,img,ul,ol,li,dl,dd,dt,form,label,fieldset,caption,input,textarea,button {margin: 0;padding: 0;border: 0;outline: 0;font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;color: #9F9F9F;vertical-align: baseline;list-style: none;text-decoration: none;text-shadow: 1px 1px #000}

/* General Styles */
body {background-attachment:fixed;
background-color: rgb(56, 4, 56); 
background-image: url("images/bg/patterns/26.png");
}
p {line-height: 1.5em}

:focus {border:none;outline:none}
.clear {clear:both}
div#status {float:left;margin-bottom:5px;text-shadow:1px 1px #000}
.tooltip{position: absolute;z-index: 3;display:none;background:#000;padding:5px 10px;float:left;margin-top: -19px;}

/* Heading */
h1.heading {color: #939393;font-family: TitilliumMaps29L;font-size: 23px;font-weight: 100;text-shadow: 1px 1px #000;margin-bottom: 25px}
/* General Styles Ends */


/* Container */
div#container {width: 700px;position: relative;margin: 100px auto !important; /* IE6 ignores it */}

/* container parts */
div#container div#content {width: 700px;min-height: 400px;background: #262626 url(images/bg/content_bg.png);clear: both;float: left;box-shadow:0px 5px 40px -5px #000}
div#container div#bottom_shadow {width: 700px;height: 58px;background: url(images/shadows/container_bottom.png) no-repeat top center;display: block;float: left}

/* Navigation Area */
h1#site_title {font-size: 38px;font-family: 'Bickham Script Pro', Arial;text-align: center;padding: 50px 0 16px 0}

/* Page Navigation */
div#shadow {background: url(images/shadows/nav_shadow.png);width: 11px;height: 374px;display: block;position: absolute;right: 0;top: 0}

div#nav {width: 185px;position: relative;float: left}

ul#navigation {text-align: right;padding-right: 10px}

ul#navigation a:link,
ul#navigation a:visited {height: 27px;width: 171px;padding: 1px 7px;display: block;background: url(images/separators/nav_sep.png) no-repeat top right;line-height: 2;font-size: 14px;color: #bdbdbd;font-family: 'TitilliumMaps29L';font-weight: 400;text-shadow: 1px 1px #000}

ul#navigation a:hover,
ul#navigation a#active {background: url(images/bg/nav_focus.png) no-repeat top right}

ul#navigation li:last-child a:link,
ul#navigation li:last-child a:visited {background: url(images/bg/nav_last_child.png) no-repeat top right;height: 30px}

ul#navigation li:last-child a:hover {background: url(images/bg/nav_focus.png) repeat-y top right;height: 29px}
/* Navigation Ends */

/* Main Content Area */
div#main_content {padding: 45px 20px;width: 475px;float: left}
div#main_content > div {display:none}
div#main_content span.nav {display:none}

/* Home */
div.home h1.heading {text-align: center;background: url(images/separators/heading.png) no-repeat left bottom;padding: 0 0 15px 0}

/* About */
div.about div#about_me {clear: both;float: left}
div.about div#about_me .framed_pic {float: left}
div.about div.info {float: left}
div.about div.info h1 {margin: 0 0 10px 0 !important}
div.about div.info p {text-align:justify}
div.about div.info div.framed_pic {margin-right:10px;margin-bottom:5px}
div.about div#about_me h1.heading {float: left;margin-left: 10px;padding: 0}
div.about div#experience h1.title {padding-top: 15px;clear: both}
div.about div#experience{width:210px; display:inline-block;}

/* Projects */
div.projects ul.works {float: left;clear: both;height: 242px;overflow: hidden}
div.projects ul.works .framed_pic {float: left;margin-right: 8px;margin-bottom: 5px;display: block;cursor: pointer;padding:none;width:auto;height:auto;background:none;padding:0;border:0}
div.projects ul.works .framed_pic img {width: 130px;height: 90px;background:none;padding:0;border:10px solid #FFF}
div.projects ul.works .framed_pic div.shadow {width: 150px;height: 6px;display: block;background: url(images/shadows/pic_shadow.png)}
div.projects ul.works .framed_pic a.expand {width: 130px;height: 90px;background: #000 url(images/expand.png) no-repeat 105px 65px;display: none;margin-top: -106px;margin-left: 10px;float: left;position: absolute;opacity: 0.5}

/* Contact */
div.address {margin:0 0 0 20px;float:left;text-shadow:1px 1px #000}
div.address p {font-size:11.6px;color:#727272}
div.address strong {color:#ababab}
/* Main Content Ends */
/* Container Ends */

/* Additional Elements */
/* Framed Picture */
.framed_pic {background: url(images/frame/frame.png);padding: 10px 10px 7px 10px;border:1px solid #111111}
.framed_pic img {border:1px solid #111111}
.framed_pic .shadow {background: url(images/frame/shadow.png);display: block;width: 95px;height: 3px;margin: -3px 0 0 0}
/* End Framed Picture */

/* Title */
h1.title {color: #939393;font-family: TitilliumMaps29L;font-size: 24px;font-weight: 400;text-shadow: 1px 1px #000;background: url(images/separators/heading.png) no-repeat left bottom;margin:10px 0;padding:0 0 5px 0;}
/* End Title */

/* Download Resume */
a.download_resume:link, a.download_resume:visited {background:url(images/download_vcard.png);width:48px;height:48px;display:block;opacity:0.5}
/* End Download Resume */

/* Experiences */
ul.experiences {clear: both;float: left}
ul.experiences li { display:inline-block;width: 210px;clear: both;float: left;cursor: pointer;padding: 3px 0 3px 20px;border-top: 1px solid #363434;border-bottom: 1px solid #131212}
ul.experiences li:hover {background: #363434}

ul.experiences li:first-child {border-top: none}
ul.experiences li:last-child {border-bottom: none}

ul.experiences li a {color: #9f9f9f;font-size: 13px;text-shadow: 1px 1px #000;float: left}
ul.experiences li div.rating {float: right}

ul.experiences li,
ul.experiences li:hover {background-repeat:no-repeat;background-position: left center}
/* End Experiences */

ul.beliefs {float: left}
ul.beliefs li { display:inline-block;width: 300px;clear: both;float: left;cursor: pointer;padding: 3px 0 3px 20px;border-top: 1px solid #363434;border-bottom: 1px solid #131212}
ul.beliefs li:hover {background: #363434}

ul.beliefs li:first-child {border-top: none}
ul.beliefs li:last-child {border-bottom: none}

ul.beliefs li a {color: #9f9f9f;font-size: 13px;text-shadow: 1px 1px #000;float: left}
ul.beliefs li div.rating {float: right}

ul.beliefs li,
ul.beliefs li:hover {background-repeat:no-repeat;background-position: left center}

/* Pagination */
ul#pagination {clear: both;float: right;border-bottom: 1px solid #1b1b1b;margin-top: 5px}

ul#pagination li {display:inline;margin: 0;padding: 0}

ul#pagination li a:link,
ul#pagination li a:visited {height: 24px;width: 30px;display: block;background: url(images/bg/pagination.png);margin: 0;padding: 0;text-align: center;line-height: 2.1;float: left;color: #a8a8a8;font-size: 12.4px;border-right: 1px solid #2a2929;border-left: 1px solid #555555;text-shadow: 1px 1px #151414}

ul#pagination li:first-child a:link,
ul#pagination li:first-child a:visited {background: url(images/bg/pagination_first.png);border-left: none}

ul#pagination li:last-child a:link,
ul#pagination li:last-child a:visited {background: url(images/bg/pagination_last.png);border-right: none}

ul#pagination li a:hover,
ul#pagination li a.active {background:#555;color:#FFF}

ul#pagination li:first-child a:hover,
ul#pagination li:first-child a.active {background: url(images/bg/pagination_first_hover.png)}

ul#pagination li:last-child a:hover,
ul#pagination li:last-child a.active {background: url(images/bg/pagination_last_hover.png)}
/* End Pagination */

/* Networks */
ul#networks {float: left;clear: both;font-family: TitilliumMaps29L;color: #a4a2a2}

ul#networks li {float:left;width:235px;margin-bottom:10px;cursor:pointer;padding:10px 0}
ul#networks li:hover {background:url(images/bg/networks_hover.png)}

ul#networks li div.icon img.hover {display:none;float:left;margin-right:10px}
ul#networks li div.icon img.normal {display:block;float:left;margin-right:10px}

ul#networks li div.info a {width: 150px;float:left;margin-top:5px}

ul#networks li div.info span.title {color: #a4a2a2;font-family: TitilliumMaps29L;font-size:18px;float:left;clear:both}
ul#networks li div.info span.url a {color: #a4a2a2;font-family: TitilliumMaps29L;font-size:12px;float:left;clear:both}
/* End networks */

/* Contact Form */
fieldset#contact {
	float: left;
	width: 305px;
}

fieldset#contact input,
fieldset#contact textarea {opacity:0.5;padding:10px 10px 10px 30px;margin-bottom:10px}

fieldset#contact input {
	width:200px;
	background: #000;
}
fieldset#contact textarea {width:250px;height:120px}

fieldset#contact button#submit {color:#FFF;background:#000 url(images/send.png) no-repeat 7px center;opacity:0.6;padding:7px 7px 7px 28px;float:right;cursor:pointer}

fieldset#contact input:hover,
fieldset#contact textarea:hover,
fieldset#contact button#submit:hover,
fieldset#contact input:focus,
fieldset#contact textarea:focus,
fieldset#contact button#submit:focus {
	opacity:1;
	color:#FFF;
	background: #000000;
}

fieldset#contact #name {background:#000 url(images/user.png) no-repeat 10px center}
fieldset#contact #email {background:#000 url(images/email.png) no-repeat 10px center}
fieldset#contact #msg {background:#000 url(images/message.png) no-repeat 10px 10px}
/* End of Contact Form */
#recaptcha_widget {
	height: 130px;
}