/*
Theme Name: Maroon Moon
Theme URI: http://wordpress.org/
Description: A dark maroon style with bursts of light penatrating the layout.
Version: 1.0
Author: Benjamin Reid
Author URI: http://www.benreid.me.uk/
Tags: pink, purple, blue, grey, header, footer, two column, light, water, burst
*/

/* http://meyerweb.com/eric/tools/css/reset/ compressed v1.0 | 20080212 */body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}

#main ul { list-style: disc; }

.aligncenter { text-align: center; margin: 0 auto 0 auto; }

ul#menu { width: 450px; height: 42px; margin: 0; padding: 0; position: relative; left: 40px; }

ul#menu li { float: left; list-style: none; font-weight: bold; text-transform: uppercase; }

ul#menu li a { width: 90px; height: 28px; border-top: #680441 solid 1px; border-bottom: #631A61 solid 1px; padding: 12px 0 0 0; margin: 0; display: block; text-align: center; white-space: nowrap; }

ul#menu li a:hover,

ul#menu li.current a { border-top: solid 1px #94065C; border-bottom: solid 1px #8b2488; background-color: #3B0439;  }



ol { list-style-type: decimal; }

ul.questions { list-style: none; padding: 0; margin: 0 0 30px 0; overflow: hidden; }

ul.questions li { padding: 5px; overflow: hidden; }

ul.questions img { float: left; margin: 0 10px 0 0; }

ul.questions li p { float: left; margin: 10px 0 0 0; }

.odd-list { background: #121212; }

.colour-block { width: 15px; height: 15px; float: right; background-color: #fff; overflow: hidden; margin: 10px 10px 0 0; }



/* - layout - */



/* tags */



body { background-color: #191919; width: 100%; height: 100%; }



img { vertical-align: bottom; }







/* global */



#wrapper { width: 100%; overflow: hidden; }



.holder { width: 760px; margin: 0 auto 0 auto; }



ul li a { color: #FFF; }



/* header */



#header { width: 100%; height: 100px; background-color: #410323; }



.column { width: 380px; height: 100px; float: left; /* added in IE - overflow: hidden; */ } 



#header .column img#logo { position: relative; right: 50px; z-index: 1; } /* positions the logo, because off centre is cool */



div#search-form { width: 460px; height: 100px; position: relative; left: 90px; background-image: url(images/header/light-top.jpg); overflow: hidden;  }



img#rss-tag { position: relative; top: -3px; left: 360px; z-index: 2; }









/* menu */



#menu-holder { width: 100%; height: 40px; background-color: #2A0329; border-top: #680441 solid 1px; border-bottom: #631A61 solid 1px; /* added in IE - overflow: hidden; */ } 



#menu-holder .holder { width: 840px; height: 42px; background: url(images/menu/light.jpg) right no-repeat; position: relative; top: -1px; overflow: hidden; }







/* content */



#content { width: 760px; min-height: 700px; margin: 0 auto 0 auto; overflow: hidden; background-color: #191919; }



#main { width: 470px; padding: 10px 0 20px 0; float: left; overflow: hidden; }



.error-crack { height: 600px; background: url(images/global/404-error.jpg) no-repeat; background-position-y: 100px; }



.single { padding-top: 20px !important; }



.main-holder { width: 448px; padding: 10px; margin: 10px 0 10px; background-color: #121212; border: solid 1px #262626; overflow: hidden; }



#hub-holder { height: 120px; }



.main-column { width: 225px; float: left; overflow: hidden; }



#photo-preview { position: relative; left: 20px; }



ul.thin-list { width: 225px; padding: 0; margin: 0; overflow: hidden; }



ul.thin-list li { float: none !important; padding: 3px 0 3px 0; margin: 0; }



ul.thin-list li a { float: none !important; font-size: 10px; }



#thumb-holder  { margin: 15px 0 0 0; }



#thumb-holder img { width: 55px; height: 45px; float: left; border: solid 5px #651A63; margin: 0 10px 10px 0; }



img#photo-shadow { position: relative; z-index: 2; top: -69px; }





.main-holder-purple { width: 448px; padding: 10px; background-color: #2A0329; border: solid 1px #651A63; margin: 10px 0 10px 0; overflow:  hidden; }



.main-holder-purple h2 { color: #651A63; }



.main-holder-blue { width: 448px; padding: 10px; background-color: #0A2f33; border: solid 1px #1D4F52; margin: 10px 0 10px 0; overflow:  hidden; }



.main-holder-blue h2 { color: #1D4F52; }



.main-holder-pink { width: 448px; padding: 10px; background-color: #410323; border: solid 1px #5E0F38; margin: 10px 0 10px 0; overflow:  hidden; }



h2.margined { margin: 0 0 10px 0 !important;  }





.post-box h2 { margin: 0 5px 0 0!important; padding: 0!important; }



.post-box p { padding: 0; margin: 0; }





.profile { width: 135px; padding: 5px; background-color: #121212; border: solid 1px #262626; float: left; margin: 0 10px 10px 0; }



.profile img { float: left; margin: 0 10px 0 0; }



.profile p { width: 55px; overflow: hidden;  float: left; font-size: 10px !important; padding: 0; margin: 0 0 5px 0; line-height: 14px; }

















.single ul { list-style: circle; }



.author-avatar {width:  70px; height: 70px; float: left; margin: 0 10px 0 0; }





/* list article pages */



.article { padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: solid 1px #262626; overflow: hidden; }



ul.post-links { width: 468px; height: 42px; margin: 10px 0 0 0; padding: 0; background-color: #121212; border: solid 1px #262626; }



ul.post-links li { float: left; list-style: none; font-weight: bold; }



ul.post-links li a, ul.post-links li span { border-bottom: none!important; height: 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif, "MS Reference Sans Serif"; text-decoration: none; padding: 12px 0 0 0; margin: 0; border-right: solid 1px #262626; display: block; text-align: center; white-space: nowrap; }



ul.post-links li a:hover { background-color: #000; }



a.read-more { color: #fff; width: 110px; }



a.comments { color: #258D95; width: 140px; }



span.related { color: #931F90; width: 110px; }



span.share { width: 105px; color: #CA0A6C; border-right: none!important; }



.sub-holder { width: 448px; padding: 10px; margin: 0; background-color: #121212; border: solid 1px #262626; border-top: none !important; overflow: hidden; }



.sub-holder h2:first-child { margin: 0 0 10px 0 !important; }



.tags { display: none; }



.tags p { margin: 0!important; }



.tags h2 { color: #931F90; }



.share-group { display: none; }



.icon-set img { margin: 0 5px 0 0; }



.share-group p { margin: 0 0 5px 0 !important; }



.share-group h2 { color: #CA0A6C; margin: 0 0 7px 0 !important; }



ul.related-post { padding: 0; margin: 0; }



div.post-info { width: 470px !important; }



.post-info p { padding: 0; margin: 0; float: left; }



.post-info h1 { margin-top: 0 !important; }



.date { text-align: center; width: 40px; height: 37px; float: left; padding: 3px 0 0 0; margin: 0 10px 0 0; overflow: hidden; background-color: #0A2f33; border: solid 1px #1D4F52; }







.photo-reel { text-align: center !important; margin-bottom: 10px !important; }



.photo-reel p, .photo-reel a { padding: 0!important; margin: 0!important; }



.photo-reel a { border: none !important; }



.photo-reel img { margin: 0 0 10px 0 !important; }



.photo-reel img:last-child { margin: 0!important; }







.third-column { width: 310px; padding: 0 10px 0 0; float: left; }



.info-box { width: 150px; float: left; }



.info-box ul { padding: 0; margin: 0; list-style: none; }



.info-box ul li { font-size: 9px; padding: 0; border-bottom: solid 1px #262626; }



div#blog-entry p img { padding: 10px; margin: 0 auto 0 auto; display: block; border: solid 1px #262626; background-color: #121212; }



/* download buttons */



.download { width: 420px; height: 50px; margin: 10px 0 10px 0; }



.download a { position: relative; left: 60px; top: 15px; }



.iphone { background-image: url(images/titles/iphone-download.jpg); }



.zip { background-image: url(images/titles/zip-download.jpg) }



.demo { background-image: url(images/titles/demo-download.jpg) }







pre { background-color: #FFFFF3 !important; white-space: pre !important; padding: 5px; }









/* slider */



#slider { width: 448px; height: 120px; overflow: hidden; }



#slider ul, #slider li { margin:0; padding:0; list-style:none; }



#slider li { width: 448px; height: 120px; overflow:hidden; }





#slider-media { }



#slider-media ul, #slider-media li, #slider-photos ul, #slider-photos li { margin:0; padding:0; list-style: none; }



#slider-media li, #slider-photos li { width: 367px; height: 100px; overflow: hidden; }



span#prevBtn a, span#prevBtn2 a { width: 16px; height: 32px; text-indent: -8000px; display: block; background: url(images/slider/left.png) no-repeat 0 0; float: left; position: relative; z-index: 2; top: -65px; left: 100px; }



span#nextBtn a, span#nextBtn2 a { width: 16px; height: 32px; text-indent: -8000px; display: block; background: url(images/slider/right.png) no-repeat 0 0; float: right; position: relative; z-index: 2; top: -65px; }

													











/* media */



/* media type holder */



.media-type { width: 468px; height: 100px; margin: 10px 0 10px; background-color: #121212; border: solid 1px #262626; overflow: hidden; }



.icon-holder { width: 100px; height: 100px; border-right: solid 1px #262626; background-color: #000; float: left; overflow: hidden; }



.sample { width: 110px; height: 100px; float: left; overflow: hidden; text-align: center; }



.first-sample { margin: 0 0 0 19px; }







/* sidebar */



#sidebar { width: 260px; padding: 30px 0 30px 0; overflow: hidden; float: left; background: url(images/sidebar/light.jpg) top no-repeat; position: relative; left: 30px; }



.s-holder-purple { width: 238px; padding: 10px; background-color: #2A0329; border: solid 1px #651A63; margin: 5px 0 5px 0; }



.s-holder-pink { width: 238px; padding: 10px; background-color: #410323; border: solid 1px #5E0F38; margin: 5px 0 5px 0; }



.s-holder-blue { width: 238px; padding: 10px; background-color: #0A2f33; border: solid 1px #1D4F52; margin: 5px 0 5px 0; }



.social-icon { margin: 0 5px 0 0; }



ul#category { padding: 0; margin: 0; list-style: none; }



ul#category li { color: #A52A64; }



ul#category li a { color: #A52A64; border-bottom: dotted 1px; text-decoration: none; }



ul#category li a:hover { color: #A52A64; border-bottom: solid 1px; }







/* footer */



#footer { width: 100%; min-height: 150px; padding: 0 0 30px 0; background: url(images/footer/glow.png) center bottom no-repeat; border-top: #680441 solid 1px; background-color: #410323; }



#footer .holder {  }



#footer-main { width: 470px; padding: 0; float: left; }



#footer-sidebar { width: 260px; background: url(images/footer/twitter.png) no-repeat top left; padding: 10px 0 0 0; float: left; position: relative; left: 30px; }



img#follow-me { position: relative; left: 25px; top: -30px; }



#footer-menu { width: 100%; height: 40px; background-color: #2A0329; border-top: #631A61 solid 1px; /* added in IE - overflow: hidden; */ } 



#bookmarks { padding: 50px 0 0 0; background: url(images/footer/bookmarks.png) no-repeat top left; }



ul.links-list { padding: 0; margin: 0 0 10px 0; }



ul.links-list li a { text-decoration: none; border-bottom: dotted 1px #A52A64; color: #A52A64; }



ul.links-list li a:hover { border-bottom: solid 1px; }



#feeds { padding: 50px 0 0 0; background: url(images/footer/om-nom-feeds.png) no-repeat top left; }









/* twitter */





ul#twitter_update_list { padding: 0; margin: 0; }



ul#twitter_update_list li { padding: 5px 0 5px 0; border-bottom: solid 1px #680441; }



ul#twitter_update_list li span { display: block; }



ul#twitter_update_list li a { color: #FFFFFF; border-bottom: dotted 1px; text-decoration: none; }



ul#twitter_update_list li a:hover { color: #CA0A6C; border-bottom: solid 1px; }







/* - classes - */



.clear { clear: both; }



.clear5 { clear: both; height: 5px; }



.clear10 { clear: both; height: 10px; }



.clear20 { clear: both; height: 20px; }



.null-padding { padding: 0 !important; }



.null-margin { margin: 0 !important; }



.null-margin-right { margin-right: 0 !important; }



.small { font-size: 9px; }



.pink { color: #A52A64; }



.italic { font-style: italic; }



.centre { text-align: center; }



.left { float: left; margin: 0 10px 0 0; }





/* - forms -  */



.input-icon { padding: 2px 5px 0 0; float: left; }





form.wpcf7-form input, textarea { color: #FFF; padding: 5px; background-color: #2A0329; border: solid 1px #651A63; }







/* search */



form#search { width: 175px; height: 20px; position: relative; top: 62px; left: 120px; overflow: hidden; }



form#search input#search-box { width: 134px; height: 17px; padding: 3px 8px 0 8px; margin: 0; float: left; border: none; background-color: transparent; background-image: url(images/forms/input-search.gif);  overflow: hidden; color: #FFFFFF; font: 12px "Lucida Grande",Tahoma,Verdana,sans-serif; }	

	





/* - tabs - */



/* sets each tabs size */



div#first, div#second, div#third { width: 258px; height: 223px; overflow: hidden; position: relative; z-index: 1; }







/* sets the background colours and borders to tabs */



div#first, a#tab1 { background-color: #0A2f33; border: solid 1px #1D4F52; }



div#second, a#tab2 { background-color: #2A0329; border: solid 1px #651A63; }



div#third, a#tab3 { background-color: #410323; border: solid 1px #5E0F38; }







/* changes each tabs background image */



div#first { background: url(images/tabs/latest-background.jpg) no-repeat; }



div#second { background: url(images/tabs/tags-background.jpg) no-repeat; }



div#third { background: url(images/tabs/hot-background.jpg) no-repeat; }





/* removes border from the top of the tabs so they blend with each page */



a#tab1, a#tab2, a#tab3 { border-top: none !important; }







/* resets the elemnts */



ul.tabNavigation { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }







/* navigation */



ul.tabNavigation li { float: left; }



ul.tabNavigation li a { width: 79px; height: 25px; padding: 5px 0 0 5px; margin: 0 1px 0 0; float: left; }



ul.tabNavigation li a.null { margin: 0!important; }



ul.tabNavigation li a:hover { color: #212121; }



ul.tabNavigation li a.selected { position: relative; top: -1px; z-index: 2; height: 25px !important; padding-top: 6px !important; }







/* lists inside the tabs */



ul.tabs-list { width: 228px; height: 203px; padding: 5px 15px 15px 15px; margin: 0; overflow: hidden; }



ul.tabs-list li { float: none !important; padding: 5px 0 5px 0; }



ul.tabs-list li a { float: none !important; font-size: 10px; }





/* div#second a { width: 228px; font-size: 10px !important; height: 15px; padding: 7px 0 7px 0; float: left; color: #7F2A90; border-bottom: solid 1px #990099; } */







/* changes the lists colours inside the tabs */



div#first ul.tabs-list li { border-bottom: solid 1px #186f78; }



div#first ul.tabs-list li a { color: #0996A7; text-decoration: none; border-bottom: dotted 1px #0996A7; }



div#first ul.tabs-list li a:hover { border-bottom: solid 1px; }





div#second ul.tabs-list li { border-bottom: solid 1px #990099; }



div#second ul.tabs-list li a { color: #7F2A90; text-decoration: none; border-bottom: dotted 1px #7F2A90; }



div#second ul.tabs-list li a:hover { border-bottom: solid 1px; }





div#third ul.tabs-list li { border-bottom: solid 1px #DA0A77; }



div#third ul.tabs-list li a { text-decoration: none; border-bottom: dotted 1px #A52A64; }



div#third ul.tabs-list li a:hover { border-bottom: solid 1px; }



div#third ul.tabs-list li a, div#third ul.tabs-list p { color: #A52A64; }



div#third ul.tabs-list p { padding: 5px 0 0 0; margin: 0; }



div#third ul.tabs-list ul { padding: 0!important; margin: 0!important; }







/* comments */



/* main comments list */



ul.commentlist { margin: 0; padding: 20px 0 0 0; }



ul.commentlist li { list-style: none; clear: both; overflow:  hidden; margin: 0 0 20px 0 !important; }



ul.commentlist ul.children { padding: 0 !important; margin: 0 !important; }



/* author comment */



ul.commentlist li.bypostauthor .user-comment { }





/* depths */



ul.children li.depth-3 { margin: 0 0 0 20px !important; padding: 20px 0 0 0 !important; clear: both;  } 



ul.children li.depth-3 div.user-comment { width: 325px !important; background-color: #2D0E1E !important; }





ul.commentlist li.depth-2 { margin: 0 0 0 40px !important; padding: 20px 0 0 0 !important; clear: both; }



ul.commentlist li.depth-2 .user-comment { width: 345px !important; border-style: dashed !important; border-color:  #5E0F38; background-color: #370920 !important; }



ul.commentlist li.depth-2 .meta img { width: 30px !important; height: 30px !important; }



ul.commentlist li.depth-2 div.meta { width: 48px !important; }



/* comment boxes */



.user-comment { width: 365px; float: left; overflow: hidden; margin-left: 15px; padding: 0px 10px 0 10px; background-color: #410323; border: solid 1px #5E0F38; }	



div.meta { width: 68px; float: left; overflow-x: hidden; }



.meta img { padding: 5px; background-color: #121212; border: solid 1px #262626; }



p.user-name { color: #FFF; }









/* comment form */



#respond { width: 470px; }



#comment-form { width: 365px; float: left; overflow: hidden; margin-left: 15px; padding: 0px 10px 0 10px; }



form#commentform { padding: 0; margin: 0; }



form#commentform input, form#commentform textarea { padding: 5px; margin: 0 0 5px 0; color: #FFF; background-color: #121212; border: solid 1px #262626; }



.fname, .femail { width: 222px; float: left;	}



form#commentform p { font-weight: bold; padding: 0; margin: 0; }



form#commentform p:first-child { margin-bottom: 10px; }



form#commentform textarea { width: 320px; overflow: auto; height: 150px; }





/* - typography - */ 



/* tags */



body { font: 11px "Lucida Grande",Tahoma,Verdana,sans-serif; line-height: 18px; color: #AAA; }



p a, h1 a, h2 a, ul.related-post li a, .info-box ul li a, .download a { color: #FFF; border-bottom: dotted 1px; text-decoration: none; }



p a:hover, h1 a:hover, ul.related-post li a:hover, h2 a:hover, .info-box ul li a:hover, .download a:hover { color: #CA0A6C; border-bottom: solid 1px; }



p.edit a { color: #FFFF00; }



strong { color: #CA0A6C; }



h1 { color: #FFF; font-family: "Myriad Pro", Helvetica, Arial, sans-serif /*Arial, Helvetica, sans-serif, "MS Reference Sans Serif"*/; padding: 0; margin: 10px 0 9px 0; font-size: 20px; line-height: 20px; }



h2 { font-family: "Myriad Pro", Helvetica, Arial, sans-serif; padding: 0 !important; margin: 10px 0 10px 0 !important; line-height: 18px; font-size: 16px; color: #CA0A6C; }



h3 { padding: 0; margin: 0; font-size: 12px; color: #0996A7; }



h3 span { font-size: 20px !important; }



code { font-family: Courier; background-color: #000; color: #FFF; }







/* sidebar */



.error { color: #FFFFFF; background-color: #260000; border: solid 1px #531B1B; padding: 5px; }







/* content */



.main-holder p { padding: 0 !important; margin: 0 !important; }



ul.thin-list li a { color: #CA0A6C; border-bottom: dotted 1px; text-decoration: none; }



ul.thin-list li a:hover { color: #FFF; border-bottom: solid 1px; }



.postinfo { color: #5e5e5e; font-size: 9px; }