/*  Layout styles
    IMPORTANT: do not modify.
    These are the key design elements responsable for the
    grid layout.
---------------------------------------------------------------
*/

/*  Quick and dirty fix for clearing floating elements  */
.clearfix {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
html {
 background-color:#000;
 color:#fff;
 text-align:center;
 font-size:10px;
}
body {
 background-color:#660000;
 border-color:#444;
 border-style:solid;
 border-width:0 2px;
 color:#252525;
 font-family:sans-serif;
 font-size:1.2em;
 margin:0 auto;
 padding:0;
 text-align:left;
 width:990px;
}
#header {
 background:url(/img/bg_header.jpg) no-repeat;
 display:block;
 height:200px;
 position:relative;
}
#header h1 {
 margin:0;
 padding:0;
}
#header h1 span {
 display:none;
}
#content {
 position:relative;
 width:900px;
}
#column2-wrapper {
 width:180px;
 float:left;
}
#column2 {
 width:310px;
}
.column {
 float:left;
 padding:0;
 width:180px;
}


/*  Header rules */
h1, h2, h3, h4, h5, h6 {
 background:inherit;
 color:#222;
 font-family:Georgia, Helvetica, Garamond, Tahoma, Verdana, Arial, sans-serif;
 font-weight:normal;
 letter-spacing:-1px;
}


/*  Link styles.
    The basic (root) link styles
---------------------------------------------------------------
*/
a {
 background-color:inherit;
 color:#fff;
}


/*  Header menu
    The horizontal links below the 'Photokina' logo.
---------------------------------------------------------------
*/
#animation {
 background:url(/img/eye-animation.gif);
 display:block;
 height:87px;
 width:87px;
 position:absolute;
 top:30px;
 right:275px;
}

#menu {
 background:url(/img/bg_tabs.jpg) repeat-x;
 height:25px;
 font-size:0.9em;
 font-family:Arial, sans-serif;
 list-style:none;
 margin:-2px 0 0 0;
 padding:0;
 position:absolute;
 top:173px;
 left:80px;
}
#menu li {
 /*background:url(/img/bg_tabs-divider.jpg) no-repeat;*/
 display:inline;
 height:25px;
 margin:0;
 padding:0 7px 7px 7px;
 /*padding:0 6px 7px 15px;*/
}
#menu li.selected {
 background-color:#FF9999;
 border-color:#000;
 border-style:solid;
 border-width:0 1px;
 color:#fff;
 font-weight:bold;
}
#menu li.selected a {
 background:inherit;
 color:#111;
}
#menu li.first {
 border-width:0 1px 0 0;
 background:none;
 margin:0 0 0 -10px;
 padding:0 5px 7px 15px;
}
#menu li a {
 position:relative;
 top:2px;
 text-decoration:none;
}
#menu li a:hover {
 text-decoration:underline;
}
#left {
 display:block;
 background:url(/img/bg_tabs-left.jpg) bottom no-repeat;
 height:25px;
 left:69px;
 position:relative;
 top:171px;
 width:13px;
}
#right {
 display:block;
 background:url(/img/bg_tabs-right.jpg) bottom no-repeat;
 height:25px;
 top:0;
 right:-10px;
 position:absolute;
 width:13px;
}


/*  Side column styles.
    The columns on the left and on the right.
---------------------------------------------------------------
*/
.column a:hover {
 background:inherit;
 color:#fff;
}
.column h3 {
 background:inherit;
 border-color:#444 #444 #000 #444;
 border-style:solid;
 border-width:1px 1px 0px 1px;
 color:#fff;
 font-family:Georgia, Helvetica, Arial, sans-serif;
 font-size:0.9em;
 letter-spacing:1px;
 margin:0;
 padding:10px 15px;
 text-align:center;
 text-transform:uppercase;
}
.column h3 a {
 background:inherit;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}
.column h3 a:hover {
 background:inherit;
 color:#ddd;
}
.column p {
 text-align:justify;
 margin:10px;
}
.column ul {
 background:inherit;
 color:#111;
 list-style:none;
 margin:0;
 padding:0;
}
.column ul li {
 border-color:#990000;
 border-style:dotted;
 border-width:0 0 1px 0;
 font-size:0.9em;
 line-height:16px;
 padding:4px 10px 4px 15px;
 color:#FFCCCC
}
.column ul li.last {
 border:none;
}
.column ul li a {
 background:inherit;
 color:#ddd;
 text-decoration:none;
}
.column ul li a:hover {
 text-decoration:underline;
}
.column img {
 margin-bottom:-3px;
}


/*  Search box
---------------------------------------------------------------
*/
.search {
 background:url(/img/bg_searchbox.jpg) no-repeat;
 height:34px;
 margin:0 0 8px 6px;
 padding-top:6px;
}
.search input {
 float:left;
}
.search-string {
 background-color:#eee;
 border:1px solid #555;
 color:#111;
 font-family:Helvetica, Arial, sans-serif;
 font-size:0.9em;
 font-weight:bold;
 height:15px;
 margin:2px 0 0 7px;
 padding:1px 2px 0px 2px;
 width:125px;
}
.search-submit {
 background:url(/img/bg_search.jpg) no-repeat;
 border:0;
 height:19px;
 margin:2px 0 0 5px;
 width:16px;
}

/*  Linkboxes
---------------------------------------------------------------
*/
#column2 div {
 background-position:-6px;
}
.column div {
 background-position:170px;
 background-repeat:repeat-y;
}
.theme1, .theme2, .theme3, .theme4, .theme5 {
 border:1px solid #444;
 color:#222;
 width:178px;
 margin:0 0 10px 0;
}
.theme1 h3, .theme2 h3, .theme3 h3, .theme4 h3, .theme5 h3 {
 border-color:#444;
 border-width:0 0 1px 0;
}
.theme1     { background:#660000 url(/img/themes/theme1-shadow.jpg); }
.theme1 h3  { background:url(/img/themes/theme1-header.jpg); }

.theme2     { background:#660000 url(/img/themes/theme2-shadow.jpg); }
.theme2 h3  { background:url(/img/themes/theme2-header.jpg); }
.theme2 li  { border-bottom-color:#424242; }

.theme3     { background:#660000 url(/img/themes/theme3-shadow.jpg); }
.theme3 h3  { background:url(/img/themes/theme3-header.jpg); }
.theme3 li  { border-bottom-color:#515959; }

.theme4     { background:#660000 url(/img/themes/theme4-shadow.jpg); }
.theme4 h3  { background:url(/img/themes/theme4-header.jpg); }
.theme4 li  { border-bottom-color:#515959; }

.theme5     { background:#660000 url(/img/themes/theme5-shadow.jpg); }
.theme5 h3  { background:url(/img/themes/theme5-header.jpg); }
.theme5 li  { border-bottom-color:#515959; }



/*  Introduction.
    The warm & soothing welcome word, top right.
---------------------------------------------------------------
*/
#introduction {
 margin:-4px 0 0 0;
}
#introduction p {
 background:inherit;
 color:#ddd;
 font-size:1.2em;
 text-align:justify;
 width:290px;
}


/*  Signup for NewsAlert
---------------------------------------------------------------
*/
#newsalert,
#rss,
#poll {
 background-color:#660000;
 color:#ddd;
 margin:20px 0 40px 0;
 padding:0 0 10px 0;
 position:relative;
}
#newsalert {
 margin:25px 0 25px 0;
}
#rss {
 margin-bottom:20px;
}
#poll h3 {
 margin:-11px 0 0 -10px;
 * margin:-10px 0 0 -10px;
}
#poll {
 margin-bottom:20px;
}
#newsalert form {
 padding:0 0 0 10px;
 margin:0;
}
#newsalert h3,
#rss h3,
#poll h3 {
 display:block;
 width:100%;
 border:0;
 font-weight:bold;
 height:56px;
 position:absolute;
 top:-20px;
}
#newsalert h3 {
 background:url(/img/bg_newsalert.jpg) no-repeat;
}
#rss h3 {
 background:url(/img/bg_rss.jpg) no-repeat;
}
#poll h3 {
 background:url(/img/bg_poll.jpg) no-repeat;
}
#newsalert p,
#rss p {
 border-bottom:1px dotted #777;
 font-style:normal;
 font-family:Helvetica, Arial, sans-serif;
 padding:33px 10px 5px 10px;
 margin:5px 0 10px 0;
}
#newsalert span,
#rss span,
#poll span {
 display:none;
}
#newsalert-email {
 background-color:#eee;
 border:1px solid #555;
 color:#ccc;
 font-family:Helvetica, Arial, sans-serif;
 font-size:0.9em;
 font-weight:bold;
 padding:2px;
 width:100px;
}
#newsalert-submit {
 font-family:Helvetica, sans-serif;
 font-size:0.9em;
 height:20px;
 padding:0 0px 5px 0px;
 text-transform:capitalize;
}
#rss a {
 margin:0 0 0 10px;
}
#poll {
 border-bottom:1px dotted #777;
 font-style:normal;
 font-family:Helvetica, Arial, sans-serif;
 padding:33px 20px 5px 10px;
}
#poll p {
 text-align:left;
 margin:0px;
 margin-top:4px;
}
#poll form {
 margin:0;
 padding:0;
}
#submit-poll {
 margin:5px 0 0 100px;
 width:50px;
 border:none;
 background:url(/img/bg_submit-poll.jpg) no-repeat;
 cursor:pointer;
}
#poll-result {
 width:90%;
}
#poll-result div {
 display:block;
 background:url(/img/bg-graph.jpg) top left;
 border:1px solid #444;
 margin:5px 0;
 height:15px;
 padding:0;
 color:#111;
 position:relative;
}
#poll-result div q {
 font-size:.8em;
 color:#fce010;
 position:absolute;
 right:0;
 margin-right:-30px;
 top:1px;
}
#poll-result p {
margin:-5px 0 10px 0;
}


/*  Rounded corners.
    IMPORTANT: do not modify.
    These are the key elements for the rounded corner effect.
---------------------------------------------------------------
*/
#bl, #br, #tl, #tr {
 background:url(/img/corners.jpg) no-repeat;
 display:block;
 height:11px;
 position:absolute;
 width:12px;
}
#bl, #br {
 bottom:-4px;
}
*+#bl {
 bottom:0;
}
*+#br {
 bottom:0;
}

#tl, #bl { left:0; }
#tl, #tr { top:0; }
#tr, #br { right:0; }
#bl { background-position:0 -12px; }
#br { background-position:-12px -12px; }
#tr { background-position:-12px 0; }


/*  Main content
    The spot where the real content comes. (yeah baby!)
    Article, Report, etc.
---------------------------------------------------------------
*/
#content {
 background-color:#fff;
 color:#111;
 float:left;
 font-family:sans-serif;
 margin-bottom:50px;
 padding:15px;
 position:relative;
 width:470px;
}
#content a {
 background-color:inherit;
 color:#330000;
}
#content a:hover {
 text-decoration:none;
}
#content h3 a {
 color:#660000;
}

#content h1 {
 background:url(/img/bg_h1.jpg) 50% 100% no-repeat;
 font-size:2.3em;
 margin:0 0 -15px 0;
 padding-bottom:20px;
 width:100%;
}
#content h1 a {
 text-decoration:none;
 color:#660000;
}
#content h1 a:hover {
 background:inherit;
 color:#111;
}
.full-image {
 border:1px solid #999;
}
#content p {
 background:inherit;
 color:#444444;
 line-height:19px;
 text-align:justify;
}


/*  Main content: Article extras
    Below the H1 header.
    Email to friend, print, bookmark, etc.
---------------------------------------------------------------
*/
.article-extras {
 list-style:none;
 margin:0;
 padding:0;
}
.article-extras li {
 display:inline;
 margin:0 5px 0 0;
 padding:0 0 4px 20px;
}
.article-extras li a {
 text-decoration:none;
}
.article-extras li a:hover {
 text-decoration:underline;
}
#content ul.info {
 padding:0;
 margin:0 0 5px 0;
 list-style:none;
}
#content ul.info li {
 display:inline;
 padding:0 5px 0 20px;
}
#content blockquote ul.info {
 margin-bottom:15px;
}


/*  Main content: Author info header
    The authors name, photo. Also, the date and title.
---------------------------------------------------------------
*/
.author-info {
 background-color:#eee;
 color:#111;
 border:1px dashed #bbb;
 display:block;
 float:left;
 height:59px;
 margin:17px 13px 0px 0;
 padding:10px 10px 7px 10px;
 width:250px;
}
.author-info h6 {
 font-size:1em;
 font-weight:bold;
 letter-spacing:1px;
 margin:0 0 17px 0;
}
.author-info img {
 border:0;
 float:left;
 height:59px;
 margin-right:5px;
 width:60px;
}


/*  Main content: Related recommended article
---------------------------------------------------------------
*/
.related {
 display:block;
 margin:0 0 30px 0;
}
.related li {
 line-height:20px;
}


/*  Main content: Extra articles
---------------------------------------------------------------
*/
#extra-articles h3 {
 border-color:#444;
 border-style:dotted;
 border-width:1px 0 0 0;
 font:bold 1.2em sans-serif;
 letter-spacing:normal;
 margin:20px 0 5px 0;
 padding:10px 0 5px 0;
}
#extra-articles ul {
 list-style:none;
 margin:0;
 padding:0;
}
#extra-articles ul li {
 display:inline;
 margin:0 5px 0 0;
 padding:0 0 4px 20px;
}
#extra-articles ul li.author {
 font:0.9em sans-serif;
 margin:-4px 0 6px 0;
 padding:0;
 display:block;
}
.email {
 background:url(/img/icon-email.jpg) 0 3px no-repeat;
}
.print {
 background:url(/img/icon-print.jpg) no-repeat;
}
.bookmark {
 background:url(/img/icon-bookmark.jpg) no-repeat;
}
.brand {
 background:url(/img/icon-brand.jpg) no-repeat;
}
.subject {
 background:url(/img/icon-subject.jpg) no-repeat;
}
.category {
 background:url(/img/icon-category.jpg) no-repeat;
}




/*  Capitalization styles
    Some styles for capitalization purposes (big 1st letter)
---------------------------------------------------------------
*/
b.capital {
 display:block;
 float:left;
 font:5em Georgia, serif;
 margin:0 10px 0 0;
}
.capitalize {
 text-transform:capitalize;
}
#content b.capital {
 margin:-8px 7px -10px 0;
}
#introduction b.capital {
 margin:-12px 7px -10px 0;
}
h2.capitalize {
	color:#660000;
}

/*  Advertising column
---------------------------------------------------------------
*/
#advertising {
 float:left;
 margin:0 0 0 6px;
 width:120px;
}
#ad1 {
 float:left;
 margin:0 0 0 4px;
 width:160px;
}
#ad2 {
 float:left;
 margin:0 0 0 16px;
 width:160px;
}
#bigbanner {
 margin:5px 10px 5px 5px;
 position:relative;
 left:2px;
 top:-5px;
}
#pricegrabber {
 width:468px;
 margin-top:20px;
}
#pricegrabber h2 {
 background:url(/img/bg_pricegrabber-header.jpg) no-repeat;
 height:101px;
 margin:0;
 padding:0;
}
#pricegrabber h2 span {
 display:none;
}
.google {
 display:block;
 margin:0 0 10px 0;
}


/*  Footer
    Like it says, the footer ;-)
---------------------------------------------------------------
*/
#footer {
 color:#000000;
 display:block;
 height:50px;
 background:#660000 url(/img/bg_footer.jpg) no-repeat;
 width:100%;
}
#footer img {
 border:0;
 margin-bottom:-7px;
}
#footer p {
 font-size:1.4em;
 margin:0 10px 0 0;
 padding-top:20px;
 text-align:right;
 color:#FFFFFF;
}
#powered-by {
 position:relative;
 border-top:1px dotted #666;
 list-style:none;
 margin:0;
 padding:10px 0 0 0;
 text-align:center;
}
#powered-by li {
 display:inline;
 margin:0 10px;
}
#photokina {
 position:absolute;
 top:80px;
 left:35%;
}