/*
Template Name:C&M Clean and Minimal
Theme URI: http://themeforest.net/user/wpthemess?ref=wpthemess
Description: C&M Clean and Minimal Wordpress Theme
Version: 1.0
Author: Bulent Sahin
Author URI: http://themeforest.net/user/wpthemess?ref=wpthemess
*/

body		{ font-family:Arial, serif; font-size:12px; color:#666; font-style:normal; font-weight:normal; line-height:1.7em; background-color:#fff;}
hr			{ margin-top:35px;border:0; border-top:0px dotted #ccc; width:100%; clear:both; }
#wrapper 	{ width:900px; margin:20px auto; }
#header 	{ float:left;width:900px; border-bottom:1px dotted #ccc; margin:0;}
#logo 		{ float:left; width:auto; padding:14px 0 34px 0;}
#logo a 	{ color:#ff2b06; font-size:60px; font-weight:600; text-decoration:none; border-bottom:none; letter-spacing:-4px; background-color:#fff;}
#logo h2 	{ font-size : 18px; font-weight : 200; padding : 12px 4px 0 0; letter-spacing : -1px; }
#seperator  { padding:10px;}



html, body, form,
h1, h2, h3, h4, h5, h6,
p, img, a { margin:0; padding:0; outline:0; border:0;}

body, textarea { font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 { color:#666; font-weight:normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;}

.post ul, #content ul { margin-left:30px; margin-bottom:20px; }
p, h1, h2, h3, h4, h5, h6 {	padding:0 0 10px 0;}

h1 { font-size:2.7em; }
h2 { font-size:2.3em; }
h3 { font-size:1.9em; }
h4 { font-size:1.8em; }
h5 { font-size:1.7em; }
h6 { font-size:1.5em; }

a 			{ text-decoration:none; color:#000; font-weight:600; }
a:hover 	{ color:#e12000;}
a:active 	{ color:#000;}


/*NAV STYLES*/
#nav 		{ float:right; width:auto; padding:12px 0 0; }
#nav ul 	{ float:right; }
#nav li 	{ text-align:center; float:left; display:inline; width:auto; }
#nav li a 	{ font-size:20px; font-weight:400; display:block; padding:15px; border-bottom:none;}
#homeslider	{ height:auto; border-bottom:0px dotted #ddd; width:100%; float:left; padding:2px 0 20px 0px; font-size:22px; font-weight:400; line-height:120%;}
#headerimg	{ height:auto; border-bottom:1px dotted #ddd; width:100%; float:left; padding:5px 0; font-size:22px; font-weight:400; line-height:120%;}
#content 	{ width:610px; float:left; border-right:1px dotted #ccc; padding:10px 0 30px 0; overflow:hidden; min-height:400px; padding-bottom:30px;}
#contentright{ width:610px; float:right; border-left:1px dotted #ccc; padding:10px 0px 0px 30px; overflow:hidden; min-height:400px; padding-bottom:30px;}
#contentwide{ float:left; width:900px; padding:0px 0px 0px 0; overflow:hidden; margin-bottom:20px; }

#twoleftcolumn { float:left; width:420px; height:auto; border-right:1px dotted #ddd; padding-right:20px;}
#tworightcolumn {float:left; width:420px; height:auto; padding-left:20px; margin-bottom:20px;}
#threeleftcolumn { float:left; width:270px; height:auto; border-right:1px solid #ddd; padding-right:20px;}
#threecentercolumn {float:left; width:270px; border-right:1px solid #ddd; padding-left:20px; padding-right:20px;}
#threerightcolumn {float:left; width:270px; height:auto; padding-left:20px;}
#threebottomcolumn {float:left; margin-top:20px; width:880px;}
#threetopcolumn {float:left; margin-bottom:10px; width:880px;}

.widget280{display:inline;float:left;position:relative;margin:10px 10px 10px 10px;width:280px}
.widget280 img{margin-top:10px;margin-bottom:10px;}
.widget280 h3{margin-bottom:-10px;}
.widget550{display:inline;float:left;position:relative;margin:10px 10px 10px 10px;width:550px}
.widget-area { padding:20px 0;}
.alignright { float:right; margin-left:10px; }
.alignleft 	{ float:left; margin-right:10px; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignleft 	{ margin:0px 20px 20px 0; }
img.alignright	{ margin:0px 0 20px 20px; }
img.aligncenter	{}
.wp-caption 	{ border: 1px solid #ddd; text-align: center; background-color: #ccc; padding:8px 3px; margin: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-caption img { margin: 0; padding:0 0 5px 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding:5px 0; padding:0; margin: 0;}



/*POST STYLES*/
.post 					{ padding:0px 30px 30px 0px;width:590px;}
.post p 				{ margin:14px 0 14px 0; }
.post em				{ font-style:italic;}
.post h2 				{ font-size:24px; margin:25px 0 10px 0; font-weight:normal; color:#666;}
.post h1, .post h1 a	{ margin:20px 0 10px 0; font-weight:normal; line-height:32px; color:#666;}
.post h3, .post h4, #content h1, #content h1 a, #contentwide h1, #contentwide h1 a	{ margin:20px 0 0px 0; font-weight:normal; color:#666;}
.post h4 				{ font-size:18px; }
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover { color:#e12000; }
.post .indent 			{ padding-left:10px; }
.post .indent p 		{ padding-left:10px; }
.post small 			{ font-size:11px; }
.post small a 			{ font-weight:normal;}
.post .alignright 		{ float:right; margin-left:10px; }
.post .alignleft 		{ float:left; margin-right:10px; }
.post .aligncenter 		{ margin:0 auto; display:block; }
.post abbr 				{ font-weight:normal; }
.post ul				{ list-style:circle; margin:0 0 0 25px; }
.post ol   				{ list-style:decimal; margin:0 0 0 30px; }
.post .wp-caption 		{ background:#f7f7f7; border:1px solid #ccc; margin:10px; text-align:center; padding:5px 0 0; }
.post .wp-caption-text 	{ margin:0; }
.post .wp-caption a, .post .wp-caption a:hover { border-bottom:0; }
.post blockquote 		{ color:#777; border-left:5px solid #ccc; margin:15px 30px 0 10px; padding-left:20px; }
.post pre 				{ font-family:courier; font-size:12px; letter-spacing:-1px; margin:14px 0 14px 0; }
.post .message ul 		{ margin:12px 0 0; }
.post .message 			{ display:none; background:#0F67A1; margin-top:10px; padding:20px; color:#fff; }
.post .posthead, .post .posthead a	{ margin-bottom:20px; width:100%; font-size:11px; color:#999;text-transform: uppercase;font-weight:normal;}
.post .posthead a:hover	{ text-decoration:underline;}

/*RIGHT SIDEBAR STYLES*/
#sidebarright 				{ width:250px; float:right; margin:0 0 25px 0; overflow:hidden; }
#sidebarright h3 			{ padding:25px 0 3px 0; font-size:18px; }
#sidebarright .block ul 	{ border-bottom:1px dotted #ccc; }
#sidebarright .block ul .children { border:0; padding: 0 0 0 8px; }
#sidebarright .block li 	{ border-top:1px dotted #ccc; }
#sidebarright .block li a 	{ background:transparent url('../../images/bullet_black.gif') no-repeat scroll 6px 52%; font-size:13px; font-weight:normal; padding:2px 0 2px 15px; display:block; border-bottom:none; }
#sidebarright .block li a:hover { background:#f7f7f7 url('../../images/bullet_red.gif') no-repeat scroll 6px 52%; }
#sidebarright .widget_search label { display:block; padding:25px 0 3px 0; font-size:18px; border-bottom:1px dotted #ccc; margin:0 0 5px; }
#sidebarright .widget_recent_comments li { background:transparent url('../../images/bullet_black.gif') no-repeat scroll 6px 52%; padding:2px 0 2px 15px; }
#sidebarright .widget_recent_comments li a,#sidebarright .widget_recent_comments li a:hover{ background:none; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; }
#sidebarright .widget_recent_comments li a:hover { color:#e12000; border-bottom:1px dashed #e12000; background-color:#f7f7f7; }
#sidebarright .widget_tag_cloud h3 { margin:0 0 8px; border-bottom:1px dotted #ccc; }
#sidebarright .widget_text h3 , #sidebarright .calendar h3 { border-bottom:1px dotted #ccc; }
#sidebarright .calendar h3	{ display:none; }
#sidebarright #wp-calendar 	{ width:95%; text-align:center; }
#sidebarright #wp-calendar caption, #sidebarright #wp-calendar td, #sidebarright #wp-calendar th { text-align:center; }
#sidebarright #wp-calendar caption { font-size:18px; padding:25px 0 3px 0; }
#sidebarright #wp-calendar th { font-weight: bold; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
#sidebarright #wp-calendar tfoot td{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }

/*LEFT SIDEBAR STYLES*/
#sidebarleft 			{ width:220px; float:left; margin:0px 0px 0px 0px; overflow:hidden; }
#sidebarleft h3 		{ padding:25px 0 3px 0; font-size:18px; }
#sidebarleft .block ul 	{ border-bottom:1px dotted #ccc; }
#sidebarleft .block ul .children { border:0; padding: 0 0 0 8px; }
#sidebarleft .block li 	{ border-top:1px dotted #ccc; }
#sidebarleft .block li a { background:transparent url('../../images/bullet_black.gif') no-repeat scroll 6px 52%; font-size:13px; font-weight:normal; padding:2px 0 2px 15px; display:block; border-bottom:none; }
#sidebarleft .block li a:hover { background:#f7f7f7 url('../../images/bullet_red.gif') no-repeat scroll 6px 52%; }
#sidebarleft .widget_search label { display:block; padding:25px 0 3px 0; font-size:18px; border-bottom:1px dotted #ccc; margin:0 0 5px; }
#sidebarleft .widget_recent_comments li { background:transparent url('../../images/bullet_black.gif') no-repeat scroll 6px 52%; padding:2px 0 2px 15px; }
#sidebarleft .widget_recent_comments li a,#sidebarleft .widget_recent_comments li a:hover{ background:none; border-bottom:1px dotted #000; text-decoration:none; color:#000; font-weight:600; }
#sidebarleft .widget_recent_comments li a:hover { color:#e12000; border-bottom:1px dashed #e12000; background-color:#f7f7f7; }
#sidebarleft .widget_tag_cloud h3 { margin:0 0 8px; border-bottom:1px dotted #ccc; }
#sidebarleft .widget_text h3 , #sidebarleft .calendar h3 { border-bottom:1px dotted #ccc; }
#sidebarleft .calendar h3	{ display:none; }
#sidebarleft #wp-calendar 	{ width:95%; text-align:center; }
#sidebarleft #wp-calendar caption, #sidebarleft #wp-calendar td, #sidebarleft #wp-calendar th { text-align:center; }
#sidebarleft #wp-calendar caption { font-size:18px; padding:25px 0 3px 0; }
#sidebarleft #wp-calendar th { font-weight: bold; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
#sidebarleft #wp-calendar tfoot td{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }

/*FOOTER*/
#footer 	{ font-size:11px; width:900px; float:left; border-top:1px dotted #cccccc; text-align:center; padding:30px 0 40px 0; line-height:1em;}
#footer a 	{color:#666}
.footer450	{display:inline;float:left;position:relative;margin:5px;width:450px; font-size:9px;  text-align:left; color:#999}
.footer590	{display:inline;float:right;position:relative;margin:5px; width:400px; text-align:right; color:#999}

.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button { padding: 1px; border: solid 1px #ccc; background: url('../../images/button.png') repeat-x top; font-size: 11px; cursor: pointer; text-align: center; color: #999; font-weight: normal; text-shadow: white 0px 1px 0px; text-decoration:none; margin-top:20px; padding:3px; }
.button:hover { color: #666; }
.button:active { color: #444; }

#paginatewide { display:block; width:900px; float:left; margin-top: 20px; margin-bottom: 20px; }
.paginate { display:block; width:600px; float:left; margin-bottom: 15px;}
.paginate a { width: 25px; display: inline-block;}
.paginate a.current { background-image: none; }

#portfolioitem { width: 280px; float:left; min-height:300px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
#portfolioitem img { height:100px; border:1px solid #ddd; background: url('../../images/search.png') no-repeat center; position: relative; margin-top: 10px;}
#portfoliodesc {width: 255px; min-height:150px; padding-top: 10px; padding-bottom: 10px; margin-bottom:30px; margin-top:10px; border-bottom:1px solid #ddd;}

#portfoliomiddleitem { width: 400px; float:left; min-height:300px; padding-right:50px; padding-top: 10px; padding-bottom: 10px;}
#portfoliomiddleitem img { height:200px; border:1px solid #ddd; background: url('../../images/search.png') no-repeat center; position: relative; margin-top: 10px;}
#portfoliomiddledesc {width: 400px; min-height:100px; padding-top: 10px; padding-bottom: 10px; margin-bottom:40px; margin-top:10px;}

#subcatswide{background: url('../../images/subcatbg.png') repeat-x; float:left; width:900px; padding:0px 0px 20px 0px; overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:15px;}
#portfoliosubcats li { display:block; width:200px; float:left; background: url('../../images/bullet_red.gif') no-repeat left; padding-left:20px;}
#portfoliosubcats {margin-left:10px; padding-top:20px; width:900px; min-height:20px;}

#portfolioitems { width: 900px; float:left; margin-bottom:20px; padding-top:20px; }
#portfolioitems img { height:250px; border:1px solid #ddd;}
#portfolioimg { width: 575px; float:left; height:250px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px;  background: url('../../images/search.png') no-repeat center; position: relative;}
#portfoliodescs {width: 280px; background: #fff url('../../images/descbg.gif') repeat-x top; height:210px; float:right; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;  margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; color:#999}
#portfolioitemshadow { background: url('../../images/shadows.png') no-repeat bottom; height:23px;display:block;}
#shadowsmall { background: url('../../images/shadowsmall.png') no-repeat bottom; height:9px; margin-top:-6px; margin-bottom:-9px;}

#portfolioleft {width: 610px;  float:left; margin-top:20px; margin-bottom:20px; padding-top:20px; }
#portfolioleft img { height:250px; border:1px solid #ddd;}
#portfolioleftimg { width: 340px; float:left; height:250px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px;  background: url('../../images/search.png') no-repeat center; position: relative;}
#portfolioleftdescs {width: 225px; background: #fff url('../../images/descbg.gif') repeat-x top; height:210px; float:right; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;  margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;  color:#999}

#portfolioright {width: 610px;  float:left; margin-bottom:20px; padding-top:20px; }
#portfolioright img { height:250px; border:1px solid #ddd;}
#portfoliorightimg { width: 300px; float:left; height:250px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px;  background: url('../../images/search.png') no-repeat center; position: relative;}
#portfoliorightdescs {width: 225px; background: #fff url('../../images/descbg.gif') repeat-x top; height:210px; float:right; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;  margin-top:20px; margin-right:40px;  margin-bottom:20px; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; color:#999}

/*COMMENT STYLES*/
#comments 					{ text-align:left; }
#comments h3, #comments h4	{ font-size:24px; margin:35px 0 5px; font-weight:normal; }
#comments h4				{ font-size:28px; }
#comments cite				{ font-size:14px; font-weight:normal; border-bottom:1px dotted #ccc; }
#comments em 				{ font-style:italic; text-align:right; }
#comments ol.commentlist li { margin-top:20px; border:1px dotted #ccc; border-right:0; padding:10px 5px 20px 10px; min-height:110px; }
#comments p 				{ margin:10px 0 0 10px; width:auto; }
#comments span 				{ display:block; color:#eee; font-size:120px; font-weight:normal; float:right; padding-top:25px; }
#comments ul.formlist 		{ margin:20px; width:375px; }
#comments ul.formlist li 	{ display:block; margin:10px 0 0; }
#comments ul.formlist p		{ margin:10px 0 0; text-align:center; }
#comments input 			{ width:370px; font-size:14px; font-weight:normal;color:#999; border:2px solid #ddd;}
#comments textarea 			{ width:370px; font-size:14px; font-weight:normal;color:#999; border:2px solid #ddd; }
#comments .center 			{ text-align:center; }
#comments li.submitbutton input { text-align:center; background:#fff; border:1px solid #aaa; font-weight:normal; font-size:18px; }
#blogcomments 				{ background-color:#666; margin:2px; padding:2px; color:#fff}
#blogcomments a				{ color:#fff}
#blogdate 					{ background-color:#999; margin:2px; padding:2px; color:#fff}
#blogcats a			   		{ background-color:#999; margin:2px; padding:2px; color:#fff}