/*  
Theme Name: HOYASULTAN.com
Theme URI: http://hoyasultan.com/
Description: The theme for HOYASULTAN.com
Version: 1.0
Author: Adriel Ricardo
Author URI: http://hoyasultan.com/
*/


/* UNIVERSAL ELEMENTS */
body { margin: 0; padding: 0; width: 100%; height: 100%; color: #00082f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; background: #290603 url(/wp-content/themes/hoyasultan_theme/images/body_bg.gif) top left repeat; }
a, h1, h2, h3, h4, h5, li, p, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { font-weight: normal; }

a { color: #333; text-decoration: none; border-bottom: 1px dashed #e1e1e1; }
a:hover { border-bottom: 3px double #c20000; }

/* MAIN BODY ELEMENTS */
#wrapper { margin: 0 auto; padding: 0; width: 800px; height: 100%; background: #fff; }
#header, #main, #footer { margin: 0; padding: 0; width: 100%; }

/* HEADER */
#header { }
#header_content { margin: 0 auto; padding: 0; width: 800px; background: #fff; }
#header_content h1 { margin-top: 50px; width: 800px; background: url(/wp-content/themes/hoyasultan_theme/images/h1_bg.gif) top left no-repeat; }
#header_content h1 .logo { display: block; float: left; width: 300px; height: 150px; background: url(/wp-content/themes/hoyasultan_theme/images/h1_logo_bg.gif) top left no-repeat; border-bottom: none; }
#header_content h1 .logo span { display: none; }
#header_content h1 .hidden { display: none; }
#header_content h1 .location { display: block; float: right; width: 250px; height: 150px; line-height: 150px; color: #fff; font-size: 12px; font-style: italic; font-weight: bold; text-align: center; text-transform: uppercase; background: url(/wp-content/themes/hoyasultan_theme/images/h1_location_bg.gif) top left no-repeat; }
#header_content h1 .welcome { clear: both; display: block; padding: 20px; font-size: 24px; }
#header_content h1 .mission { color: #c20000; }
#header_content h1 .method { clear: both; display: block; padding: 0 20px 20px 20px; color: #898989; font-size: 18px; }
#header_content h2 { display: none; }

#menu { position: absolute; clear: both; top: 0; width: 800px; height: 50px; line-height: 50px; list-style: none; background: #fff; }
#menu li { display: inline; margin-left: 20px; }
#menu li a { font-size: 11px; text-decoration: none; text-transform: uppercase; }
#menu li .active { border-bottom: 3px double #c20000; }
#menu .login { margin-left: 410px; }

/* MAIN */
#main { clear: both; }
#main_content { display: block; margin: 0 auto; padding: 0; width: 800px; }
#main_content h2 { padding: 5px 0 2px 0; color: #c20000; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
#main_content h3 { margin: 0 20px 5px 20px; padding: 0; font-size: 12px; font-weight: bold; }

#main_left { display: block; float: left; margin: 0 0 20px 0; padding: 0; width: 500px; }
#main_left h2 { margin: 10px 0 0 20px; }
#main_left p { margin: 10px 20px; line-height: 20px; }
#main_left .date { margin: 0 20px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#main_left .featured_portfolio { margin: 0 0 0 20px; padding: 10px 0 20px 0; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat; border-bottom: 1px solid #ccc; }
#main_left .featured_portfolio dt { margin: 10px 20px; font-size: 12px; font-weight: bold; }
#main_left .featured_portfolio dt a { border-bottom: none; }
#main_left .featured_portfolio dd { margin: 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#main_left .featured_portfolio p { margin: 0; line-height: normal; }
#main_left .featured_portfolio .img { margin-bottom: 10px; padding: 0; }
#main_left .featured_portfolio .img a { border-bottom: none; }
#main_left .featured_portfolio .img a:hover { background: none; }
#main_left .featured_portfolio .img img { border: 1px solid #ccc; }
#main_left .featured_portfolio .more { margin-top: 5px; }

#main_left .voice { margin: 0 0 20px 20px; padding-top: 10px; }
#main_left .voice p { margin: 0; }
#main_left .cite { margin: 5px 0; font-weight: bold; }

#main_right { display: block; float: left; margin: 0; padding: 0; width: 300px; }
#main_right h2 { margin: 10px 20px; }
#main_right h4 { margin: 10px 20px; padding: 0; font-size: 12px; font-weight: bold; }
#main_right p { margin: 5px 20px; }
#main_right .date { margin: 0 20px; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#main_right .more { margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#main_right .planner { margin: 10px 20px; padding-bottom: 10px; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat; border: 1px solid #ccc; }
#main_right .planner h4 { margin: 10px; color: #c20000; }
#main_right .planner img { border: none; }
#main_right .planner p { margin: 0 10px; }
#main_right .future { margin: 10px 20px 20px 20px; color: #c20000; font-weight: bold; }

/* FOOTER */
#footer { clear: both; color: #7d96b0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer_content { margin: 0 auto; padding: 0; width: 800px; height: 100px; background: url(/wp-content/themes/hoyasultan_theme/images/footer_bg.gif) top left repeat-x; }
#footer_content a { color: #7d96b0; }
#footer_content h1 { display: block; float: left; width: 200px; height: 100px; background: url(/wp-content/themes/hoyasultan_theme/images/footer_h1_bg.gif) top left no-repeat; }
#footer_content h1 span { display: none; }
#footer_content ul { float: left; margin-top: 10px; width: 300px; list-style: none; }
#footer_content li { margin: 5px 20px; line-height: 20px; }
#footer_content img { border: none; }

/* SERVICES */
#services #main_left h2 { font-size: 18px; border-bottom: none; }
#services #main_left h3 { margin: 20px 20px 10px 20px; }

#services #main_right .why { margin: 0 20px; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat-y; border: 1px solid #ccc; }
#services #main_right .why h2 { margin: 10px; color: #00082f; text-transform: none; border-bottom: none; }
#services #main_right .why h2 cite { color: #c20000; text-decoration: underline; }
#services #main_right .why h3 { margin: 10px; }
#services #main_right .why h4 { margin: 10px; color: #c20000; }

/* PORTFOLIO */
#portfolio #main_center { display: block; float: left; margin: 0; padding: 0 0 20px 0; width: 800px; }
#portfolio #main_center h2 { margin: 10px 20px; font-size: 18px; border-bottom: none; }

#portfolio #main_center .client { display: block; float: left; margin: 20px; width: 360px; height: 280px; font-family: Arial, Helvetica, sans-serif; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat-y; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#portfolio #main_center .client dt { margin: 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; }
#portfolio #main_center .client dd { margin: 10px 20px; line-height: 20px; }
#portfolio #main_center .client dd span { margin: 2px; background: #ccc; }
#portfolio #main_center .client .img { margin: 10px 20px; }
#portfolio #main_center .client .img a { border-bottom: none; }
#portfolio #main_center .client .img img { border: 1px solid #ccc; }
#portfolio #main_center .client .more { margin-top: 5px; }

/* PORTFOLIO - SINGLE */

#portfolio #main_left h2 { font-size: 18px; text-transform: none; border-bottom: none; }
#portfolio #main_left h3 { margin: 20px 20px 10px 20px; }
#portfolio #main_left h4 { margin: 20px 20px 10px 20px; color: #c20000; }
#portfolio #main_left .img { text-align: center; }
#portfolio #main_left .img img { border: 1px solid #ccc; }
#portfolio #main_left .tags { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

#portfolio #main_right .list { margin: 0 20px 20px 20px; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat-y; border: 1px solid #ccc; }
#portfolio #main_right .list h2 { margin: 10px; color: #c20000; font-weight: bold; border-bottom: none; }
#portfolio #main_right .list ul { margin: 20px 10px 10px 10px; list-style: none; }
#portfolio #main_right .list ul li { margin: 20px 10px; padding: 5px; background: #00020e; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
#portfolio #main_right .list ul li a { padding: 5px; color: #e1e1e1; border-bottom: none; }
#portfolio #main_right .list ul li a:hover { color: #c20000; }

/* BLOG */
#blog #main_left h2 { font-size: 18px; border-bottom: none; text-transform: none; }
#blog #main_left h2 a { color: #c20000; }
#blog #main_left h2 a:hover { border-bottom: 3px double #00082f; }
#blog #main_left h3 { margin: 20px 20px 10px 20px; }
#blog #main_left h4 { margin: 20px 20px 10px 20px; color: #c20000; }
#blog #main_left .img { text-align: center; }
#blog #main_left .tags { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

#blog #main_right .categories { margin: 0 20px; background: url(/wp-content/themes/hoyasultan_theme/images/feature_bg.jpg) top center repeat-y; border: 1px solid #ccc; }
#blog #main_right .categories h2 { margin: 10px; color: #c20000; font-weight: bold; border-bottom: none; }
#blog #main_right .categories h3 { margin: 10px; color: #c20000; font-weight: bold; border-bottom: none; }
#blog #main_right .categories ul { margin: 20px 10px 0 10px; list-style: none; }
#blog #main_right .categories ul li { margin: 20px 10px; padding: 5px; color: #e1e1e1; background: #00020e; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
#blog #main_right .categories ul li a { padding: 5px; color: #e1e1e1; border-bottom: none; }
#blog #main_right .categories ul li a:hover { color: #c20000; }

#blog #main_right .archives { margin: 0 20px; }
#blog #main_right .archives h3 { margin: 10px; color: #c20000; font-weight: bold; border-bottom: none; }
#blog #main_right .archives ul { margin: 20px 10px 0 10px; list-style: none; }
#blog #main_right .archives ul li { margin: 10px; }

/* PAGE */
#page #main_center { display: block; float: left; margin: 0; padding: 0 0 20px 0; width: 800px; }
#page #main_center h2 { margin: 10px 40px; font-size: 18px; border-bottom: none; }
#page #main_center h3 { margin: 10px 40px; font-size: 16px; border-bottom: none; }
#page #main_center h4 { margin: 20px 40px 10px 40px; color: #c20000; }
#page #main_center p { margin: 5px 40px; }