/* Theme Name: Photoidentities Theme URI: http://www.photoidentities.com Description: A customized theme developed for professional photographers. Version: 0.1 Author: Vera Shafiq Author URI: http://www.photoidentities.com/ */ body { background: #3d1313; background-image:url(images/bg.jpg); color: #000000; font-family: Century Gothic, sans-serif; height:100%} * { padding: 0; margin:0; } /*---:[ global elements ]:---*/ a { color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } p { margin: 0 auto; margin-bottom:10px; } #player1, #player2, #player3 {text-align: center;} blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; } blockquote p { margin-bottom: 7px; } code { color: #090; font-family: "Arial"; } pre { width: 980px; margin-bottom: 15px; font-size: 1.2em; float: left; } * html pre { font-size: 1.0em; overflow: hidden; } img { border:none; } /*---:[ headlines ]:---*/ h1 { font-weight: normal; font-size: 3.0em; line-height: 1.8em; color: #999;} #header h1 { text-align: right; } h1 a, h1 a:visited, h1 a:hover { color: #574376; text-decoration: none; } h2 { font-weight: normal; font-size: 1.5em; } .post h2 { color: #000; line-height: normal; padding-top: 10px; margin-bottom: 10px; } .post h2 a { color: #000; text-decoration: none; } .post h2 a:visited { color: #000; text-decoration: none; } .post h2 a:hover { color: #000; text-decoration: none; } #sidebar h2 { color: #999; } h2.archive_head { font-size: 2.0em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; } h2.comment_head { padding-left: 29px; line-height: 2.0em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; } h2.form_head { color: #999; } h3 { font-weight: normal; font-size: 1.0em; margin-bottom: 4px; color: #999; } h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; background: #f5f5f5; border-bottom: 1px solid #ddd; } h5 { float: left; font-weight: normal; margin-left: 50px; margin-top:10px; line-height: 1.0em; font-size: .9em; color: #999; } /*---:[ core layout elements ]:---*/ #container { width: 994px; height: 100%; margin: 0 auto; background:transparent url(images/shad.png) repeat-y scroll 0%;} * html #container { background-image: none; /* IE6 can't handle transparent png */ } #page { width: 980px; background: #fff; margin: 0 auto; padding-bottom: 5px;} #header { width: 980px; background: #fff; margin:0 auto} #headerpic {margin: 0 auto;} #logo {margin-left: 0px} #about_box { width: 940px; height: 150px; background: #591502; padding-top: 30px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-family: Century Gothic; font-size: 12px; color:#FAF7F8; margin: 0 auto;} .aboutstyle a:link{ color:#FAF7F8; text-decoration:underline; } .aboutstyle a:hover{ color:#FAF7F8; text-decoration:none; } .aboutstyle a:visited{ color:#FAF7F8; text-decoration:underline; } .toggle_comments {font-family: Century Gothic, sans-serif; background-color:#cccccc ; width:880px; margin-bottom:20px; padding-left:20px; text-align:left; float:left; color:#ffffff} .toggle_comments a:link{ color:#ffffff; text-decoration:none; } .toggle_comments a:hover{ color:#ffffff; text-decoration:none; } .toggle_comments a:visited{ color:#ffffff; text-decoration:none; } /*EDIT THIS LINE TO CHANGE BACKGROUND COLOR OF PAGE (YOU WILL ALSO NEED TO CHANGE ONE MORE LINE...) */ #content_box { width: 980px; background: #E6DCDD; padding-bottom: 5px; margin: 0 auto; } #content { width: 980px; overflow: visible; margin: 0 auto; text-align:left; } * html #content { overflow: hidden; } #sidebar { width: 230px; font-size: 1.2em; line-height: 1.5em; float: left; } * html #sidebar { overflow: hidden; } #footer { width: 980px; padding-top: 8px; font-size: 1.0em; margin: 0 auto; clear: both; } /*---:[ header styles ]:---*/ #nav { width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #222; float: left; } #nav ul { list-style: none; } #nav li { float: left; } #nav li a, #nav li a:visited { display: block; height: 2.0em; padding: 0 1.2em; line-height: 2.0em; color: #222; text-decoration: none; font-size: 1.2em; letter-spacing: .1em; float: left; } #nav li a:hover { color: #c0499b; background: #fff; text-decoration: none; } .blog #nav li a.blog, .blog #nav li a.blog:visited, .archive #nav li a.archives, .archive #nav li a.archives:visited, .about #nav li a.about, .about #nav li a.about:visited, .categories #nav li a.categories, .categories #nav li a.categories:visited, .links #nav li a.links, .links #nav li a.links:visited { background: #fff; color: #c0499b; cursor: default; } #pic { width: 900px; height: 200px; border-bottom: 2px solid #222; clear: both; float: left; } /*---:[ content styles ]:---*/ /*EDIT THIS LINE TO CHANGE BACKGROUND COLOR OF PAGE*/ .post { width:900px; margin: 0 auto; font-size: 14px; line-height: 1.5em; color: #000000; background:#E6DCDD; } .entry {width:900px; font-size: 14px; line-height: 1.5em; color: #000000; margin: 0 auto;} .aligncenter { display:block; margin: 0 auto } .alignleft { float:left } .alignright { float:right } .entry ul, .entry ol { margin: 0 auto; color: #000; } .entry ul { list-style-type: square; } .entry li { padding: 3px 0; } .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; } .entry dl { margin-bottom: 15px; } .entry dt { font-weight: bold; color: #000; } .entry dd { margin: 0 0 0 20px; font-style: italic; } .entry img.left { padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; float: left; } .entry img.left_off { margin: 0 auto; float: left; } .entry img.right { padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; float: right; } .entry img.right_off { margin: 0 0 5px 10px; float: right; } .entry img.center { display: block; padding: 6px; margin: 0 auto; background: #f5f5f5; border: 1px solid #bbb; } .entry img.center_off { display: block; margin: 0 auto 15px auto; } .post_meta { width: 960px; padding: 4px 0px; line-height: normal; float: left; font-size:14px } p.tagged { padding-left: 0px; margin-bottom: 30; float: left; } p.num_comments { padding-left: 0px; margin-bottom: 30; float:left; } .navigation { width: 940px; padding: 10px; margin-bottom: 30px; font-size: 1.0em; line-height: 1.7em; background: transparent; float: left; } * html .navigation { line-height: normal; background: #fff;} .previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; } .next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; } .jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; } /*---:[ sidebar styles ]:---*/ #sidebar ul { list-style: none; } #sidebar ul li { width: 300px; margin-bottom: 25px; float: left; } .sidebar_section { width: 300px; padding: 5px 0 5px 0; background: #aaa; float: left; } .sidebar_section p { padding: 0 10px; margin-bottom: 10px; } .sidebar_section p.center { text-align: left; } .sidebar_section img.off { border: none; } #sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 310px; padding-left: 20px; margin-bottom: 12px; } #sidebar ul li ul li, #sidebar ul li ol li { width: 300px; padding: 3px 10px 3px 0; margin-bottom: 0; } .quick_date { padding-left: 10px; color: #999; } /*---:[ footer styles ]:---*/ #footer p { text-align: center; font-size: .6em; color:#000000} #footer a, #footer a:visited { text-decoration: none; color:#000000} #footer a:hover { text-decoration: none; color:#000000} /*---:[ comment styles ]:---*/ #comments { width: 900px; line-height: 1.7em; color: #ffffff ; font-family: Century Gothic, sans-serif; font-size: 12px; clear: both; margin-top:1.0em; float:left;} /*CHANGE THE COLOR VALUE IN THE BELOW LINE TO CHANGE THE COLOR OF THE COMMENTS BOX */ ul.comment_list { list-style: none; margin-bottom: 40px; float: left; max-height: 250px; overflow:scroll; overflow-x:hidden; background: #050505 ;} ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 880px; margin: 0 auto; } /*CHANGE THE COLOR VALUE IN THE BELOW LINE TO CHANGE THE COLOR OF THE COMMENTS BOX */ ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #050505 ; padding-right:20px; padding-top:10px; color:#ffffff} .comment_intro { width: 900px; margin-bottom: 15px; line-height: normal; color:#ffffff } * html .comment_intro { margin-bottom: 0; margin-top:10px } .author_comment_ .comment_intro {padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; } .author_comment_alt .comment_intro {padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; } img.gravatar { float: right; margin: 0 0 10px 10px; } .comment_author { font-weight: normal; font-size: 12px; padding-left:10px; color:#ffffff} .comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #ffffff; text-decoration: none; padding-left:10px;} #comments .entry { clear: both; border-bottom: 1px dotted #bbb; width:840px; padding-left:10px; color:#ffffff} #comments .entry ul, #comments .entry ol { margin: 0 0px 15px 40px; color: #ffffff; border: none; float: none; } #comments .entry ul { list-style-type: square; } #comments .entry li { width: auto; padding: 3px 0; border: none; float: none; } #comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol { margin: 0 0 0 30px; } /*---:[ comment form styles ]:---*/ #comment_form { width: 500px; padding: 10px 0; float: left; display:none } #comment_form p { padding: 6px 0; margin-bottom: 0; } #comment_form label { padding-left: 10px; font-size: .9em; } #comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1em Arial, "Verdana", Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1em Arial, "Verdana", Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } /*---:[ search form styles ]:---*/ #search_form { text-align: right; padding-right:20px;} #search_form .text_input {padding: 3px; color: #444; font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;} #search_form .text_input:focus { border:1px solid #ccc; } input { outline: none; } #pixopoint_menu1 { width:100%; height:35px; background:#000000; background-position:50% 0; margin:0;} #pixopoint_menu1 ul { width:100%; border:none; background:none; margin:0; padding:0; list-style:none; } #pixopoint_menu1 li { border:none; background:none; background:#000000; color:#ffffff; line-height:35px; z-index:20; letter-spacing:0px; font-size:12px; padding:0; margin:0 0px; float:left; font-family:Century Gothic,sans-serif; position:relative; } #pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover { background:#000000; background-position:0 60px; } #pixopoint_menu1 li a { border:none; background:none; text-decoration:none; display:block; padding:0 12px; color:#ffffff; } #pixopoint_menu1 li a:hover { border:none; background:none; text-decoration:none; color:#ffffff; background-position:100% -120px; } #pixopoint_menu1 ul ul { position:absolute; left:-999em; top:35px; width:120px; } #pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul { left:auto; } #pixopoint_menu1 ul ul li a { padding:4px 10px; text-transform:normal; font-variant:normal; } #pixopoint_menu1 ul ul li { letter-spacing:0px; color:#444444; z-index:20; width:120px; font-family:Century Gothic, helvetica,arial,sans-serif; font-size:12px; font-weight:normal; font-style:normal; background:#FFFFFF; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin:0; } #pixopoint_menu1 ul ul li a { line-height:22px; color:#444444; text-decoration:none; } #pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a { color:#FFFFFF; text-decoration:none; } #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a { color:#444444; } #pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover { color:#FFFFFF; } #pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover { color:#FFFFFF; background:#000000; } #pixopoint_menu1 ul ul ul li { font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul { position:absolute; margin-left:-999em; top:0; width:120px; } #pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul { margin-left:120px; } #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a { text-decoration:none; } #pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a { color:#FFFFFF; text-decoration:none; } #pixopoint_menu1 li.pixo_search:hover { background:none; } #pixopoint_menu1 li.pixo_search form { margin:0; padding:0; } #pixopoint_menu1 li.pixo_search input { font-family:century gothic,sans-serif;} #pixopoint_menu1 li.pixo_search input.pixo_inputsearch { width:100px; } #pixopoint_menu1 li.pixo_right { float:right; }