/*  
Theme Name: Mayk Photography
Theme URI: http://www.euputare.com
Description: This is a theme for the company Live 2 Care
Version: 1.0
Author: Johnny V. Pericon
Author URI: http://www.hunkilan.com/
*/
@import url("reset.css");
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; letter-spacing:0.03em;}
div#container { width:960px; margin:0 auto; text-align:left; position:relative;}

div#header { width:100%; position:relative; overflow:auto; padding:20px 0 10px 0;}
div#header h1 { width:100%; text-align:center; width:442px; height:60px; float:left; padding:0 0 5px 0;}
div#header h1 a { display:block; height:60px; background:url(images/maykphotography.gif) no-repeat 0 0;  text-indent:-9999px;}
div#header p { position:absolute; top:20px; right:20px; padding:0 0 0 15px; font-size:12px; background:url(images/weservebuller.gif) no-repeat 0 50%;}

ul#mainmenu { position:absolute; right:10px; bottom:10px;}
ul#mainmenu li { display:inline; font-size:11px; border-right:1px solid #62613e; padding:0 10px; font-weight:bold;}
ul#mainmenu li.lastmenu { border:none;}
ul#mainmenu li a { text-transform:uppercase; text-decoration:none; color:#62613e; font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#mainmenu li a:hover, ul#mainmenu li a.active {text-decoration:underline}

div#content { width:100%; position:relative;}
div#imagecyclecontainer { width:100%; position:relative; overflow:auto; padding:0 0 0 3px;}
div#imagecyclecontainer div { float:left;}
div#imagecyclecontainer div#leftimage { position:relative; width:389px; height:260px; margin:0 1px 0 0;}
div#imagecyclecontainer div#centerimage { position:relative; width:174px; height:260px; margin:0 1px 0 0;}
div#imagecyclecontainer div#rightimage { position:relative; width:389px; height:260px; }

div#maincontent { width:100%; position:relative; overflow:auto; background:url(images/footerborder.jpg) no-repeat 0 0;}
div#maincontent div#whoweare, div#maincontent div#whatwedo, div#maincontent div#recentlywork  { width:314px; float:left; min-height:270px; background:url(images/bordercontent.jpg) no-repeat right 0; position:relative;}
div#maincontent div#recentlywork { background:none;}
div#maincontent div h2 { padding:20px 0; text-indent:-9999px;}
div#maincontent div#whoweare h2 { background:url(images/whoweare.gif) no-repeat 8px 15px;}
div#maincontent div#whatwedo h2 { background:url(images/whatwedo.gif) no-repeat 8px 15px;}
div#maincontent div#recentlywork h2 { background:url(images/whatisnew.gif) no-repeat 8px 15px;}
div#maincontent div#recentlywork h3 { font-weight:bold; padding:0 0 5px 7px;}
div#maincontent div#recentlywork h3 a { text-decoration:none; color:#000000; font-size:12px;}
div#maincontent p { line-height:1.3; padding:0 8px;}
div#maincontent div#whatwedo ul { margin:10px 0 0 25px; list-style-type:square;}
div#maincontent div#whatwedo ul li { padding:10px 0 0 0; color:#bc9367;}
div#maincontent div#whatwedo ul li span {color:#5c5c5c;}
div#maincontent div a.more { bottom:20px; right:10px; position:absolute; text-decoration:none; background:url(images/morebullet.gif) no-repeat right 5px; padding:0 10px 0 0; color:#b29d32;}
div#maincontent p.adminedit { padding:15px 0 0 10px;}
div#maincontent p.adminedit a { background:url(images/page_edit.gif) no-repeat 0 0; padding:0 0 0 20px; color:#0076DF;}
div#maincontent ul#gallerymenu {font-family:Verdana,Arial, Helvetica, sans-serif; overflow:auto; width:580px; padding:25px 0 10px 20px;}
div#maincontent ul#gallerymenu li {float:left; font-size:18px; color:#acacac;}
div#maincontent ul#gallerymenu li a {padding:0 5px 3px 5px; color:#acacac; text-decoration:none;}
div#maincontent ul#gallerymenu li a.onpage {color:#949258; }
div#maincontent ul#gallerymenu li a:hover {color:#949258; }
div#maincontent a.multiplylink {display:block; width:153px; height:53px; background:url(images/multiplylink.jpg); position:absolute; text-indent:-9999px; top:15px; right:20px;}

div#maincontent div#aboutcontent { width:100%; position:relative; background:url(images/aboutusbg.jpg) no-repeat 100% 50px; padding:0 0 80px 0;}
div#maincontent div#aboutcontent h2 { background:url(images/abouthd.gif) no-repeat 8px bottom;}
div#maincontent div#aboutcontent p { padding: 20px 500px 0 8px}

div#maincontent div#servicescontent {width:100%; position:relative; background:url(images/servicesbg.jpg) no-repeat 95% 80px;}
div#maincontent div#servicescontent h2 { background:url(images/serviceshd.gif) no-repeat 8px bottom; margin-bottom:20px;}
div#maincontent div#servicescontent h3 { padding:20px 0 0 8px; font-size:18px; color:#ACACAC;}
div#maincontent div#servicescontent h4 { padding:20px 0 0 8px; font-weight:bold; font-size:12px; color:#949258;}
div#maincontent div#servicescontent ul { margin:10px 0 0 25px; list-style-type:square;}
div#maincontent div#servicescontent ul li { padding:10px 0 0 0; color:#bc9367;}
div#maincontent div#servicescontent ul li span {color:#5c5c5c;}
div#maincontent div#servicescontent p { padding:0px 470px 0 8px}

div#maincontent div#contactcontent {width:100%; position:relative; background:url(images/contactusbg.jpg) no-repeat 90% 20px; padding:0 0 10px 0;}
div#maincontent div#contactcontent h2 { background:url(images/contacthd.gif) no-repeat 8px bottom; margin-bottom:20px;}
div#maincontent div#contactcontent p strong { color:#FF0000;}

div#maincontent div#contactcontent ul.phones { padding:10px 0 0 10px; width:535px; position:relative; }
div#maincontent div#contactcontent ul.phones li { overflow:auto; color: #000000; padding:3px 0;}
div#maincontent div#contactcontent ul.phones li strong { float:left; width:70px;}
div#maincontent div#contactcontent form { padding:20px 0 20px 10px; width:535px;} 
div#maincontent div#contactcontent form ul { width:100%; position:relative;}
div#maincontent div#contactcontent form ul li { overflow:auto; padding:4px 0;}
div#maincontent div#contactcontent form ul li label { float:left; width:100px;}
div#maincontent div#contactcontent form ul li label span { color:#FF0000;}
div#maincontent div#contactcontent form ul li input { width:335px; border:2px solid #E6E6E6; padding:2px;}
div#maincontent div#contactcontent form ul li textarea { width:335px; border:2px solid #E6E6E6; padding:2px;}
div#maincontent div#contactcontent form div.captcha { padding:5px 0;}
div#maincontent div#contactcontent form div.captcha p { overflow:auto;}
div#maincontent div#contactcontent form div.captcha p img { float:left; padding:10px 0 0 0;}
div#maincontent div#contactcontent form div.captcha p span { float:left; padding:0 0 0 8px;}
div#maincontent div#contactcontent form div.captcha p span input { width:85px; padding:3px 0; border:2px solid #E6E6E6;}
div#maincontent div#contactcontent form div.submit { text-align:center; padding:5px 0;}
div#maincontent div#contactcontent h3 {padding:10px 0 0 10px; font-weight:bold; font-size:12px;}
div#maincontent div#contactcontent h4 {padding:5px 0 0 10px; font-weight:bold; font-size:12px;}
div#maincontent div#contactcontent address {padding:0 0 10px 10px; line-height:140%;}
div#maincontent div#contactcontent p span {font-weight:bold;}

div#maincontent div#gallerycontainer {width:100%; position:relative; padding:0 0 20px 0;}
div#maincontent div#gallerycontainer h2 { background:url(images/galleryhd.gif) no-repeat 8px bottom; margin-bottom:20px;}
div#maincontent div#gallerycontainer ul { width:100%; position:relative; padding:20px 0; overflow:auto;}
div#maincontent div#gallerycontainer ul li { float:left; padding:0 0 0 15px}
div#maincontent div#gallerycontainer ul li a { display:block; width:220px; height:343px; text-indent:-9999px; background:url(images/gallerybg.jpg) no-repeat; }
div#maincontent div#gallerycontainer ul li a.wedding { background-position: 0 bottom;}
div#maincontent div#gallerycontainer ul li a.album {background-position: -211px bottom;}
div#maincontent div#gallerycontainer ul li a.debut {background-position: -427px bottom;}
div#maincontent div#gallerycontainer ul li a.people {background-position: -642px bottom;}
div#maincontent div#gallerycontainer ul li a.wedding:hover { background-position: 0 -6px;}
div#maincontent div#gallerycontainer ul li a.album:hover {background-position: -211px -6px;}
div#maincontent div#gallerycontainer ul li a.debut:hover {background-position: -427px -6px;}
div#maincontent div#gallerycontainer ul li a.people:hover {background-position: -642px -6px;}

div#contentblog {width:100%; position:relative; background:url(images/footerborder.jpg) no-repeat 0 0; overflow:auto;padding:0 0 20px 0;}
div#blogcontent { width:640px; position:relative; float:left;}
div#blogcontent h2 { padding:20px 0; text-indent:-9999px; background:url(images/bloghd.gif) no-repeat 8px bottom;}
div#blogcontent h3 { padding:25px 0 0 8px; font-size:24px;}
div#blogcontent h3 a { text-decoration:none; color:#949258;}
div#blogcontent p { line-height:1.3; padding:5px 8px;}
div#blogcontent p.postmetadata {font-size:11px;}
div#blogcontent p.postmetadata a { text-decoration:none; color:#B29D32;}
div#blogcontent ol {margin:0 0 0 25px; list-style-type:decimal;}
div#blogcontent ul {margin:0 0 0 25px;; list-style-type:bullets;}
div#blogcontent ol li, div#blogcontent ul li {padding:5px 0; line-height:1.3;}

div#asides { width:300px; position:relative; float:right; margin:20px 0 0 0; border-left:1px solid #CCCCCC; padding:0 0 20px 0;}
div#asides h2 { padding:15px 0 10px 20px; font-size:18px; color:#62613E;}
div#asides ul li ul { margin:0px 0 0 35px; list-style-type:square;}
div#asides ul li ul li { padding:5px 0 0 0; color:#bc9367;}
div#asides ul li ul li a { color:#bc9367; text-decoration:none;}
div#asides ul li ul li a:hover { text-decoration:underline;}

div.comments-template { width:630px; position:relative; margin:20px 0 0 8px; background:#EFEFEF;}
div.comments-template h3#comments { font-size:12px; padding:8px 0 8px 8px; background:#62613E; color:#FFFFFF; font-weight:bold;}
div.comments-template ol.commentlist { width:600px; position:relative; margin:0 0 0 13px;}
div.comments-template ol.commentlist li { background:#FFFFFF; margin:5px 0 0 0; border:1px solid #CCCCCC;}
div.comments-template ol.commentlist li div.commentmetadata { padding:5px 0 0 8px;}
div.comments-template ol.commentlist li div.commentmetadata a { color:#949258; text-decoration:none;}

form#commentform a { text-decoration:none;color:#949258;}
div.navigation { padding:20px 0 10px 0; text-align:center;}
div.navigation a { color:#62613E;}

div#siteinfo { width:100%; background:url(images/footerborder.jpg) no-repeat 0 0; overflow:auto; margin:10px 0 0 0; font-size:11px; position:relative;color:#8f8f8f; padding:10px 0 20px 0;}
div#siteinfo ul { float:left;}
div#siteinfo ul li { display:inline;}
div#siteinfo ul li a { padding:0 5px; }
div#siteinfo p { float:right;}
div#siteinfo a {color:#8f8f8f; text-decoration:none;}
div#siteinfo a:hover { text-decoration:underline;}