/*
Theme Name: Momentum Design Studio
Theme URI: http://www.momentumdesignstudio.com
Description: Design by Ryan Powell, Production by Caroline Keim
Tags: 
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; line-height: 1.6em;}
.bold								{font-weight: bold;}

/*
STRUCTURE
*/

body {font: 14px Times New Roman, Arial, sans-serif; color: #363636; text-align: center; background-color: #ffffff; margin: 0; padding: 0; background-image: url(http://www.momentumdesignstudio.com/wp-content/images/bg.jpg); background-repeat: repeat-x; }
#container {margin: 0 auto; text-align:left; width:840px;}
#header {margin: 30px 0 0 0;}
ul#nav li {float: left; margin: 0 30px 0 0;}
ul#nav {font-size: 16px; font-family: Arial, sans-serif; margin: 57px 0 0 80px; float: left;}
ul#nav a {color: #898989; text-decoration: none;}
ul#nav a:hover {color: #7a0512;}
.current_page_item a {color: #7a0512 !important;}
#graphic-bar {width: 1102px; height: 130px; background-image: url(http://www.momentumdesignstudio.com/wp-content/images/graphic-bar.jpg); background-repeat: no-repeat; margin: 25px 0 30px -150px;}
a {color: #b21a28; text-decoration: none;}
a:hover {text-decoration: underline;}
#footer {border-top: 1px solid #c2c2c2; color: #898989; font-family: Arial, sans-serif; font-size: 12px; margin-top: 30px; text-align: left; padding:10px 0 10px 255px;}
#main-content {margin: 35px 0 40px 20px; font-size: 17px; color: #898989;}
#main-content p {margin-bottom: 20px;}
.large-text {color: #363636; font-size: 22px;}
.single {margin-left: 20px; font-size: 17px; color: #898989;}
.single p {margin-bottom: 15px;}
input {background-color:#f6f6f6;border:1px solid #979797;color:#979797;margin:0 0 10px 0;padding:5px;font-size: 14px; font-family: Arial, sans-serif;}
textarea {background-color:#f6f6f6;border:1px solid #979797;color:#979797;margin:0 0 10px 0;padding:5px;font-size: 14px; font-family: Arial, sans-serif;}

/*
HOME PAGE
*/

#main {border-left: 1px solid #c2c2c2; width: 580px; float:left; margin-left: 55px;}
#home-sidebar {padding-top:40px; float: left; color: #898989; width: 180px; font-family: Arial, sans-serif; font-size: 13px;}
#main h2 {color: #363636; font-family: Arial, sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 15px;}
#featured-project {border-bottom: 1px solid #c2c2c2; padding: 0 20px 20px 0; margin-left: 20px; float: left; margin-bottom: 15px;}
#featured {width: 560px; height: 300px; background-color: #ffffff;}
#featured img {padding: 10px; width: 538px; height: 228px;}
#featured-details {width: 536px; height: 35px; background-image: url(http://www.momentumdesignstudio.com/wp-content/images/feat-bg.jpg); font-family: Arial, sans-serif; color: #ffffff; font-size: 12px; padding: 18px 12px 0 12px;}
#featured-details a {color: #ffffff;}
.project-name {text-transform: lowercase; font-weight: bold;}
#recent-work {padding: 20px 0 20px 20px; font-size: 12px; font-family: Arial, sans-serif;}
#recents li {float: left; margin-right: 38px; border: 1px solid #c2c2c2;}
#recents li:hover {border: 1px solid #b21a28;}
#featured-work li {border: 1px solid #c2c2c2;}
#featured-work li:hover {border: 1px solid #b21a28;}
#recents li:last-child {margin-right: 0px !important; margin-left: 1px !important;}
#recents li img {padding: 10px; width: 139px; height: 139px;}

/*
ABOUT PAGE
*/
#about-sidebar {color: #363636; padding-top:20px; float: left; color: #898989; font-family: Arial,sans-serif; font-size: 16px; width: 180px; }
#about-sidebar li {padding: 20px 0; border-bottom: 1px solid #c2c2c2; }
#about-sidebar li:last-child {border: none;}
#about-sidebar a {color: #363636; text-decoration: none;}
#about-sidebar a:hover {color: #7a0512;}

/*
SERVICE PAGE
*/
#left-service {float: left; width:50%;}
#right-service {float: left; width:50%;}

/*
WORK PAGES
*/
#work-sidebar {color: #363636; padding-top:20px; float: left; color: #898989; font-family: Arial,sans-serif; font-size: 16px; width: 180px; }
#work-sidebar li {padding: 20px 0; border-bottom: 1px solid #c2c2c2; }
#work-sidebar li:last-child {border: none;}
#work-sidebar a {color: #363636; text-decoration: none;}
#work-sidebar a:hover {color: #7a0512;}
#work {padding: 20px 0 20px 20px; font-size: 12px; font-family: Arial, sans-serif; text-transform: lowercase;}
.red {color: #b21a28;}
.grey {color: #898989;}
#works li {float: left; margin-right: 38px; width: 140px; height: 215px; margin-bottom: 15px;}
#works li:last-child {margin-right: 0px !important; margin-left: 1px !important;}
#works li img {padding: 10px; border: 1px solid #c2c2c2 !important; margin-bottom: 5px; width: 139px; height: 139px;}
#works li img:hover {border: 1px solid #b21a28 !important;}
#main h1 {color: #363636; font-size: 20px; font-family: Arial, sans-serif; font-weight: normal; text-transform: capitalize;}
#detail-image {border: 1px solid #c2c2c2; margin: 15px 0; background-color: #fff;}
#detail-image img {padding: 10px; width: 538px;}
.dark-grey {color: #363636;}
#website-link a {font-size: 14px; color: #b21a28; text-decoration: none;}
#website-link a:hover {text-decoration: underline;}
.backto {font-size:14px;margin-top:5px;float: right; text-transform: lowercase;}