/*
Theme Name: Magnum Opus Creative
Theme URI: http://www.magnumopuscreative.com
Description: Magnum Opus Creative's Custom Built Theme
Version: 1.0
Author: Levi Miller
*/


/* General Page Properties ********************/
* 							{margin: 0; padding: 0;}

html 						{background: #7a7d37 url(images/body_bkgrnd.gif) repeat-x;}

body						{font-family: helvetica, arial, verdana, tahoma, sans-serif;}

img, div, input             { behavior: url(images/iepngfix.htc); border:none;}

::selection {
	background: #b21f24; color: white; /* Safari */
	}
::-moz-selection {
	background: #b21f24; color: white; /* Firefox */
}

a							{text-decoration: none;}

.clear 						{clear:both;}

#pagewrap					{width: 900px;height: 100%; margin: 0 auto;}

#header						{height: 100px; width: 900px; position:relative;}

#logo						{position:absolute; left: 20px; bottom: 0px;}

h2							{display: block; width: 325px; height: 50px; background-color: #eb8423; color: white;
							 font-size: 20px; padding: 10px 0px 0px 20px; margin-top: 15px;}

h3							{display: block; width: 225px; height: 50px; background-color:  #b21f24; color: white;
							 font-size: 20px; padding: 10px 0px 0px 20px; margin-top: 15px;}
							
h4							{display: block; width: 260px; height: 50px; background-color:  #eb8423; color: white;
							text-align: right; font-size: 20px; padding: 10px 20px 0px 0px; margin-top: 20px;}

h5							{display: block; width: 274px; height: 50px; background-color: #5f622a; color: white;
							font-size: 20px; padding: 10px 0px 0px 20px;}
							
h6							{display: block; width: 555px; height: 50px; background-color: #eb8423; color: white;
							 font-size: 20px; padding: 10px 0px 0px 20px; margin-top: 15px;}

p							{font-size: 15px; color: #b31f24;line-height: 1.3em;}

/* Home Main Content Area Properties ********************/

#content_wrap				{width: 900px;height: 100%; margin: 0 auto;  background: url(images/content_bkgrnd.png) repeat-y;}

#main_content				{width: 595px; height: 100%; margin-right: 5px; float: left;}

ul#main_navigation			{list-style: none;margin-left: 20px;}

#main_navigation li			{list-style-type:none; display: inline; font-size: 15px; float: left; font-weight: bold; 
						 	display: block; margin: 0px 5px 10px 0px;}

#main_navigation li.current_page_item a		{display: block; float: left; height: 25px; color: white; text-align: center;
	 						 background: url(images/current.jpg) repeat-x;padding: 25px 10px 0px;}


#main_navigation li a		{display: block; float: left; height: 25px; color: #b31f24; text-align: center; padding: 25px 10px 0px;}

#main_navigation li a:hover {display: block; color: white; background: #eb8423;}

#welcome					{width: 335px; padding: 0px 10px 14px 0px; float: left;}

#welcome p					{margin-left: 20px;  padding-top: 15px;}

#extra						{width: 245px; float: right;}

#extra_wrap					{background-color: #c4c4c4; padding: 0px 10px 0px 10px; height: 290px;}

#extra_wrap p				{padding-top: 15px;}

.link						{display: block; height: 22px; width: 160px; color: white; background: url(images/link_bkgrnd.jpg) repeat-x;
							 font-size: 15px; float: right; padding-top: 6px; text-align: center; margin-top: 15px;}

.link:hover					{display: block; height: 22px; width: 160px; color: white; background: #eb8423;
							 font-size: 15px; float: right; padding-top: 6px; text-align: center; margin-top: 15px;}

#extra_wrap .link			{margin-top: 35px;}

#general_info				{margin-bottom: 30px;}

#general_info p				{width: 550px; margin: 15px 0px 0px 20px;}

#form						{width: 500px; margin-left: 30px;}

/* Portfolio Post Properties ********************/

#categories	ul				{list-style: none; margin-left: 30px;}

#categories ul li			{list-style-type: none; float: left; display: inline; margin-right: 15px; font-size: 12px;
							 font-weight: bold;}

#categories ul li a			{color: #b31f24;}

#categories ul li a:hover	{color: #eb8423;}

.post						{width: 180px; height:248px; background-color: #c3c2c3; float: left; margin:10px 0px 5px 14px;
							 position: relative;}

.post_thumb					{position: absolute; top: 5px; left: 5px;}

.post_title					{width: 169px; height: 59px; padding: 5px 0px 0px 6px; background-color: #b31f24;
							 position: absolute; top: 179px;}

.post_title ul				{list-style: none;}

.post_title ul li			{list-style-type: none;}

.post_title ul li a			{color: white;}

.post_title ul li a:hover	{color: #eb8423;}

.title	a					{margin-bottom: 0px;}

#pages 						{float: right; margin-right: 15px;}

#pages	ul					{list-style: none;}


/* Post Properties ********************/

#post_tit					{width: 575px; height: 275px; background-color: #b31f24;}

#meta_post_img				{float: left; margin-top: 5px;}

#title_content				{width:200px; float: left; margin: 30px 0px 0px 5px; padding-right: 5px;}

#title_content ul			{list-style-type: none;}

#tit						{color: white; font-size: 25px; font-weight: bold;}

.post-categories li a		{color: white; font-size: 15px; margin-top: 10px;}

.post-categories li a:hover	{color: #eb8423; font-size: 15px; margin-top: 10px;}

#post_content				{width: 335px; padding: 0px 10px 25px 0px; float: left;}

#post_content p				{margin-left: 20px;  padding-top: 15px;}

/* Sidebar Area Properties ********************/

#sidebar					{width: 300px;height:100%; float: right;}

#recent_work				{width: 280px; float: right; height: 310px; overflow: hidden;}

.project					{width: 270px; height: 55px; background: #c3c2c3; margin-top: 15px; padding-right: 10px; padding-top: 5px;}

.project a img				{float: left;}

.project ul					{list-style: none; text-align: right;}

.project li				    {list-style-type:none;}

.project li a				{color: #b31f24; font-size: 14px;}

.project li a:hover			{color: #eb8423; font-size: 14px;}

a.rest						{float: right; color: #b21f24; margin: 0px 10px 20px 0px}

a.rest:hover				{color: #eb8423;}

#photos				 		{width: 280px; float: right;}

#photos img					{float:left; margin: 10px 10px 0px 0px;}

#widgets				 	{width: 280px; float: right;}

#widgets ul				 	{list-style: none;}

.flickr_photos				{margin-top: 15px;}	

.flickr_photos img			{width: 75px; margin:0px 15px 15px 0px;}				

/* Footer Properties ********************/

#footer						{width: 900px; height: 265px; background: #3c3e19 url(images/footer_bkgrnd.gif) no-repeat;
							 margin-top: 5px; padding-top: 20px;}

#footer_info				{width:297px; float: left; margin-right: 3px;}

#blog_roll			   		{width:297px; float: left; margin-right: 3px;}

#footer_info p				{color: white; margin: 10px 0px 0px 20px;}

.linkcat					{list-style: none;}

ul.blogroll					{list-style: none;margin:10px 0px 0px 20px;}

ul.blogroll li				{list-style-type:none; font-size: 15px; margin-top: 5px;}

ul.blogroll li a			{color: white;}
	
ul.blogroll li a:hover		{color: #eb8423;}

#copywrite					{width: 260px; height: 247px; float: left; background-color: #2e2f17; padding: 10px;}

#copywrite p				{color: white; font-size: 12px; line-height: 20px; margin-bottom: 10px;}

#bottom_nav					{width: 900px; height: 24px; background: #b31f24 url(images/bot_nav_bkgrnd.gif) no-repeat;
							 padding-top: 35px;}

#bottom_navigation			{list-style: none;margin-left: 20px;}

#bottom_navigation li		{list-style-type:none; font-size: 15px; font-weight: bold; float: left; display: inline;
						 	display: block;margin-right: 30px}

#bottom_navigation li a		{display: block; color: white; text-align: center;}

#bottom_navigation li a:hover	{color: #eb8423;}