/*  
Theme Name: X-1
Theme URI: http://www.sketchcube.com/
Description: Theme with fisheye menu and cu3er
Version: 1.0.0
Author: SketchCUBE
Author URI: http://www.webdesign.sketchcube.com/
Image sizes: Main hero image for latest post is 593 x 225, secondary 293 x 150.
Files must be hosted on your own domain in order for timthumb script to work
properly re: thumbnailing / caching.
*/




/*    STRUCTURE OF SITE    <iframe src="http://www.4-4-2europe.com" width="1320" height="450"></iframe> USE THIS TO EMBED ANOTHER SITE   */   
body {vertical-align:center; text-align:center; width:100%;  min-width:850px; background:#007FFF; font-family: arial, verdana, sans-serif; COLOR: #ffffff}


/* FISHEYE  */
#dockContainer { position:fixed; top: 0%; left: 5px; }  
#jqDock { position: relative; bottom: 0px; }  
.jqDockLabel {  background: #333; color: #fff; padding: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }   


/* WRAPPER -> Keeps the page centered */
#main-wrapper { margin: 0 auto; padding: 0 7px; width: 850px; background:#000000}


/* HEADERS */
h1, h2, h3, h4, h5 {  }
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
h4 { font-size: .85em;  }
h5 { font-size: 0.7em; }
hf1 { font-size: 1.0em; color: #ffffff; }
hf2 { font-size: .8em;  color: #ffffff;}
hf3 { font-size: 0.7em; color: #ffffff;}


/* = css3 border radius link */
#main-nav li { list-style: none; }
	#main-nav li a, 
	.radius-link a { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; border-radius: 3px; border: 1px solid #ddd; color: #888; display: block; font-size: 14px; padding: 7px 15px; text-decoration: none; text-transform: uppercase; }
	#main-nav li a:hover, 
	.radius-link a:hover { background: #222; border-color: #000; color: #fff; }





/* = text input */
.text-input { background: #fff url(images/bg-input-gradient.png) repeat-x 0 0; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; }





/* HEADING   INSERT THIS TO APPLY LOGO        url(http://www.4-4-2europe.com/wp-content/themes/premiumnews/images/logo.gif)     */

	
/* = plain text logo option */
#site-name a { border: 0; color: #333; }
		#site-name a:hover { color: #3c6c92; }

/* = main navigation top of page */
a {  color: #737373; text-decoration: none; }
	a:hover { border-color: #ffffff; color: #ee0000; }

/* THIS IS WHAT CAUSES THE CIRCLES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */









/*    MAIN    */

#maintitle{
    position:relative;
    width:850px;
    height: 25px;}

#main{
    position:relative;
    width:850px;
    height: 600px;}

#maincol1{
    position:absolute;
    left:25px;
    top:25px;
    height:600px;
    width:500px;
}
#maincol11{
text-align:left;
    position:absolute;
    left:25px;
    top:25px;
    height:255px;
    width:500px;
border-bottom: 1px solid #666;
}
#maincol12{

    text-align:center;
    position:absolute;
    top:280px;
    height:270px;
    width:500px;
}
#maincol12a{

    position:absolute;
    left:25px;
    height:205px;
    width:82px;
}
#maincol12b{

    position:absolute;
    left:209px;
    height:205px;
    width:82px;
}
#maincol12c{

    position:absolute;
    left:394px;
    height:205px;
    width:82px;
}


#maincol2{
    position:absolute;
    left:585px;
    top:25px;
    height:600px;
    width:18px;}

#maincol3{
    position:absolute;
    left:603px;
    top:25px;
    height:540px;
    width:222px;}




/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:38px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 34px;  
	line-height:36px;
	width: 150px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
        border-radius: 3px;
        color:#ffffff;
        background:#007FFF;
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
      	background:#2E2E2E;	
	color:#ffffff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	background:#007FFF;	
	
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	width:493px;
         font-size:14px;
	line-height:17px;		
}



/* FOOTER */
#footerborder { border-top: 1px solid #ffffff;
    position:relative;
    width:850px;
    height: 20px;
 }

#footer { 
    position:relative;
    width:850px;
    height: 290px;
 }

#footer a { padding: 0px 0px; margin: 10px; }


#footercol1{
    text-align:left;
    border-right: 1px solid #ffffff;
    position:absolute;
    left:5px;
    top:5px;
    height:240px;
    width:250px;
}

#footercol2{
    position:absolute;
    left:260px;
    top:5px;
    height:240px;
    width:330px;
    }

#footercol3{
    text-align:right;
    border-left: 1px solid #ffffff;
    position:absolute;
    left:595px;
    top:5px;
    height:240px;
    width:250px;
}
#footerspacer { height: 10px; }

pagedata {vertical-align:center;}

#xyz{border-style:solid;
border-color:#ee0000;
border-width:1px;}

/* SPACERS */
#spacer1 { height: 110px; }
#spacer2 { height: 110px; }
#spacer3 { height: 25px; }
#spacer4 { height: 10px; }