/* 

Photoworks - CSS File

*/


/*** GLOBAL  ***/
html, body{height:100%;}
body {
	font-family:Verdana, Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#6b6b6b;
	line-height:18px;
	background-repeat:no-repeat;
	background-color:#000;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #222222;
	background-color: #222222;
	height: 1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; font-family:Tahoma, Verdana;}
h1 {font-size:24px; line-height:30px}
h2 {font-size:22px; line-height:26px;}
h3 {font-size:17px; line-height:20px;}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {color:#fe5001;text-decoration:none;}
a:hover{color:#f98652;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
	
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 55px;
	background-image:url("quote.gif");
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/

#container{ background-image:url("bg_centercolumn.jpg"); background-repeat:no-repeat; width:100%; background-position:top center}
#container-content{background-image:url("bg_content.gif"); background-repeat:repeat-x; background-color:#141414; }
#container-bottom{ background-image:url("bg_footer.jpg"); background-repeat:repeat-y; width:100%; background-position:top ;  height:57px;}
.centercolumn{margin:0 auto; width:960px;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#top{height:139px;}
#topleft{float:left; width:654px;}
#logo{padding:35px 0px 0px 30px;}
#topright{float:left; width:306px; padding:28px 0px 0px 0px}
#twitter{ background-image:url("bg_twiiter.png"); background-repeat:no-repeat; width:272px; height:111px;}
#twitter_text{padding:6px 9px 3px 6px; line-height:14px; font-size:10px; color:#191919}
#mainmenu{background-image:url("bg_mainmenu.gif"); background-repeat:no-repeat; height:46px;}
/*menu*/
#menu {padding:0; margin:0 20px 0px 20px; list-style:none; height:46px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li.top {display:block; float:left; padding:0px 5px;}
#menu li a.top_link {display:block; float:left; height:46px; line-height:46px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li:hover a.top_link {color:#fff; background: url("bgmenu.gif") no-repeat left top;}
#menu li.active a.top_link {color:#fff; background: url("bgmenu.gif") no-repeat left top;}
#menu li.active a.top_link span {background:url("bgmenu.gif") no-repeat right top;}
#menu li:hover a.top_link span {background:url("bgmenu.gif") no-repeat right top;}
#menu li:hover a.top_link span.down {padding-bottom:0px;}

/* Default list styling */

#menu li:hover {position:relative; z-index:200;}
#menu li:hover ul.sub
{left:6px; top:43px;  padding:0px 0px 0px 0px; border:0px solid #040f00; white-space:nowrap; width:189px; height:auto; z-index:300;}
#menu li:hover ul.sub li
{display:inline; height:28px; position:relative; float:left; width:183px; padding:2px 0 0 6px; font-weight:normal;  background:url("dropdown_back.png"/*tpa=http://demo.templatesquare.com/html/photoworks/images/dropdown_back.png*/) no-repeat left;}
#menu li:hover ul.sub li.subtop{background:url("dropdown_top.png") no-repeat; width:183px; padding:9px 0 0px 6px; background-position:left top
}
#menu li:hover ul.sub li.subbottom{background:url("dropdown_bottom.png") no-repeat; width:183px; padding:3px 0 5px 6px; background-position:left top
}

#menu li:hover ul.sub li a
{ color:#fff; display:block; font-size:11px; background-image:url("clear.gif"); background-repeat:repeat;  width:160px; line-height:normal; padding:5px 5px; text-indent:5px;  text-decoration:none; cursor:pointer;}
#menu li ul.sub li a.fly
{color:#fff; display:block; background:url("arrow.gif") right center no-repeat;}
#menu li:hover ul.sub li a:hover 
{color:#7d7d7d;}
#menu li:hover ul.sub li a.fly:hover
{background:url("arrow_over.gif") right center no-repeat; color:#7d7d7d;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:189px; top:-2px; padding:0px;  border:0px solid #040f00; white-space:nowrap; width:183px; z-index:400; height:auto;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{background:url("arrow_over.gif") right center no-repeat; color:#7d7d7d;} 

#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url("arrow.gif") right center no-repeat; color:#7d7d7d; } 

#container-slider{height:288px; background-image:url("slider-bgbottom.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/slider-bgbottom.gif*/); background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin-bottom:30px; position:relative;}
/*** END OF HEADER ***/

/*** CONTENT ***/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgcenter {display: block;margin-left: auto;margin-right: auto;}

#content{padding:28px 0px 35px 0px;}
#content_inner{padding:1px 0px 35px 0px;
}
#contentleft{float:left; width:690px;}
#maincontent{padding:0px 40px 0px 0px;}
ul.list1{margin:20px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.list1 li{display:inline; padding:20px;}
#side{float:left; width:260px; padding:0px 0px 0px 10px}
.sidebox{background-image:url("sidebox-bgrepeat.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/sidebox-bgrepeat.gif*/); background-repeat:repeat-y; width:257px; position:relative;}
.sidebox-bgtop{background-image:url("sidebox-bgtop.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/sidebox-bgtop.gif*/); background-repeat:no-repeat; width:257px;}
.sidebox-bgbottom{background-image:url("sidebox-bgbottom.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/sidebox-bgbottom.gif*/); background-repeat:no-repeat; background-position:bottom; width:257px;}
.sidebox-padding{padding:16px;}
.strip{position:absolute; top:-6px; left:-5px;}
.sidebox ul{margin:0px; padding:0px; list-style-type:none;}
.sidebox ul li{margin:0px; padding:0px 0px 0px 30px; line-height:25px; list-style-type:none; background-image:url("list.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/list.gif*/); background-repeat:no-repeat; background-position:left center;}
.sidebox ul li a, .sidebox ul li a:visited{color:#6b6b6b;}
.sidebox ul li a:hover{color:#6b6b6b; text-decoration:underline;}
.sidebox blockquote{margin:0px !important; padding:0px  !important;background-image:url("quoteleft_small.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/quoteleft_small.gif*/); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url("quoteright_small.gif"/*tpa=http://demo.templatesquare.com/html/photoworks/images/quoteright_small.gif*/) ; background-position:right bottom ; background-repeat:no-repeat; padding:25px 8px 20px 0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{margin:0 auto; width:960px; text-align:center; padding:20px 0px 0px 0px;}
#footer a, #footer a:visited{text-decoration:none; color:#6b6b6b}
#footer a:hover{color:#605f5f}
/*** END OF FOOTER ***/